.auth-panel{border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;width:min(100%,560px);margin:0 auto;padding:clamp(22px,5vw,38px);box-shadow:0 12px 36px #172b3a0d}.auth-panel__eyebrow{color:var(--color-action);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:750}.auth-panel h1{margin-bottom:10px}.auth-panel__intro,.auth-help,.security-section>p{color:var(--color-muted);font-size:14px;line-height:1.6}.auth-panel__intro{margin-bottom:24px}.auth-form{gap:17px;display:grid}.auth-field{color:var(--color-ink);gap:7px;font-size:13px;font-weight:650;display:grid}.auth-field__input-wrap{display:block;position:relative}.auth-field input{width:100%;min-height:48px;color:var(--color-ink);background:#fff;border:1px solid #cfd8de;border-radius:9px;padding:0 13px}.auth-field__input-wrap:has(.auth-password-toggle) input{padding-right:86px}.auth-password-toggle{min-width:76px;min-height:44px;color:var(--color-action);cursor:pointer;background:#fff;border:0;border-radius:7px;font-size:12px;font-weight:700;position:absolute;top:2px;right:3px}.auth-password-toggle:hover{background:#f3f6f8}.auth-field input:hover{border-color:#9eadb6}.auth-checkbox{color:var(--color-muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.auth-checkbox input{width:19px;height:19px;accent-color:var(--color-action);flex:none;margin:1px 0 0}.auth-submit{width:100%;min-height:48px;margin-top:2px}.button--primary{border-color:var(--color-action);color:#fff;background:var(--color-action)}.button--primary:hover{border-color:color-mix(in srgb, var(--color-action) 86%, black);color:#fff;background:color-mix(in srgb, var(--color-action) 86%, black)}.button--secondary{color:#42545f;background:#fff;border-color:#dce3e7}.button--secondary:hover{background:#f5f7f8;border-color:#aebcc4}.auth-submit:disabled,.topbar-signout:disabled{cursor:wait;opacity:.7}.auth-message{border:1px solid;border-radius:9px;margin:0 0 18px;padding:12px 14px;font-size:13px;line-height:1.55}.auth-message--error{color:#8a2525;background:#fff5f5;border-color:#eac4c4}.auth-message--success{color:#176553;background:#f0faf6;border-color:#b9ded4}.auth-links{flex-wrap:wrap;gap:12px 20px;margin-top:22px;font-size:13px;font-weight:650;display:flex}.auth-links a,.security-actions a,.auth-checkbox a{color:var(--color-action);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px}.auth-checkbox a:focus-visible,.auth-links a:focus-visible,.security-actions a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.auth-help{margin:-7px 0 0;font-size:12px}.privacy-dialog{border:1px solid var(--color-line);width:min(100% - 24px,980px);max-width:none;max-height:90dvh;color:var(--color-ink);background:var(--color-surface);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 22px 70px #00000047}.privacy-dialog[open]{flex-direction:column;display:flex}.privacy-dialog::backdrop{background:#0e1d26ad}.privacy-dialog>header{z-index:1;border-bottom:1px solid var(--color-line);background:var(--color-surface);flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px clamp(10px,3vw,18px);display:flex;position:relative}.privacy-dialog h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px}.privacy-dialog__content{overflow-wrap:anywhere;flex:auto;min-width:0;min-height:0;padding:clamp(12px,3vw,18px);overflow:auto}.privacy-dialog__content>.button{margin-top:18px}.security-page{gap:20px;display:grid}.security-section{border-top:1px solid var(--color-line);padding-top:23px}.security-section h2{margin-bottom:13px}.security-section--danger h2{color:#8a2525}.security-actions{border-top:1px solid var(--color-line);align-items:center;gap:20px;padding-top:22px;display:flex}.topbar-signout{border:1px solid var(--color-line);min-height:38px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 13px;font-size:12px;font-weight:650}.topbar-signout:hover{border-color:var(--color-action);color:var(--color-action)}@media (width<=480px){.privacy-dialog>header{flex-direction:column;align-items:flex-start;gap:8px}.privacy-dialog>header>h2{overflow-wrap:normal;word-break:normal;width:100%}.privacy-dialog>header>.button{white-space:nowrap;align-self:flex-start;min-width:max-content;max-width:100%;padding:8px 10px;font-size:12px;line-height:1.25}}@media (width<=720px){.auth-panel{border-radius:13px}.security-page{gap:14px}.topbar-signout{min-height:36px;padding-inline:10px}}