.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.identity-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 10px 4px 5px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left}
.identity-avatar,.account-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:#34414a;color:var(--accent);font-weight:900}
.identity-copy{display:grid;gap:1px;max-width:112px}.identity-copy strong,.identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-copy strong{font-size:12px}.identity-copy small{color:var(--muted);font-size:10px}
.auth-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:rgba(3,6,8,.82);backdrop-filter:blur(10px)}
.auth-dialog{position:relative;width:min(540px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:30px;border:1px solid #46535e;border-radius:8px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.58)}
.modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);color:var(--text);font-size:24px;cursor:pointer}
.auth-view h2{margin:5px 42px 8px 0;font-size:25px}.auth-kicker{margin:0;color:var(--accent);font-size:10px;font-weight:850}.auth-intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.55}
.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px}.form-stack label>span{color:#c9d1d6;font-size:12px;font-weight:700}.form-stack input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;outline:0;background:#10161b;color:var(--text)}.form-stack input:focus{border-color:#829333;box-shadow:0 0 0 3px rgba(217,243,71,.1)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-submit{width:100%}.form-error{margin:0;padding:10px 12px;border:1px solid #75413d;border-radius:6px;background:#321d1c;color:#ffc1bc;font-size:12px;line-height:1.5}
.form-submit{position:relative}.submit-spinner{display:none;width:17px;height:17px;flex:none;border:2px solid rgba(21,26,10,.32);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}.form-submit.is-loading .submit-spinner{display:block}.form-submit.is-loading{cursor:wait}.form-submit:disabled{opacity:.82}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.auth-links button{padding:6px 0;border:0;background:none;color:var(--accent);cursor:pointer;font-size:12px}
.security-block{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#11171c}.security-block>strong{font-size:13px}.security-block>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.account-summary{display:flex;align-items:center;gap:13px;margin:22px 0;padding:14px;border:1px solid var(--line);border-radius:7px;background:#11171c}.account-avatar{width:46px;height:46px;font-size:19px}.account-summary>div{display:grid;gap:3px;min-width:0}.account-summary strong{overflow:hidden;text-overflow:ellipsis;font-size:16px}.account-summary small{color:var(--muted);font-size:11px}.account-form{padding-bottom:18px;border-bottom:1px solid var(--line)}.account-logout{width:100%;margin-top:18px}
.work-card .card-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-card .card-source{color:#7f8b93}.api-offline{border-color:#75413d!important;background:#321d1c!important;color:#ffc1bc!important}
@media(max-width:820px){.identity-copy{display:none}.identity-button{padding:4px}.topbar-actions{gap:4px}.editor-button{flex:0 0 auto;min-width:82px;padding:0 8px;white-space:nowrap}.editor-button span:last-child{display:inline}.upload-button{padding:0 9px}.brand>span:last-child{display:none}}
@media(max-width:560px){.auth-overlay{display:block;padding:0}.auth-dialog{width:100%;height:100%;max-height:none;padding:26px 16px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0}.modal-close{top:calc(10px + env(safe-area-inset-top));right:10px}.auth-dialog{padding-top:calc(28px + env(safe-area-inset-top))}.field-grid{grid-template-columns:1fr}.auth-view h2{font-size:23px}.topbar{padding-left:10px;padding-right:10px}}