.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));background:var(--paper)}
.auth-card{width:100%;max-width:360px;padding:30px 26px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #00000008}
.auth-brand{font-size:33px;font-weight:800;letter-spacing:-1.8px}.auth-brand span{color:var(--accent)}.auth-subtitle{color:var(--muted);font-size:12px;margin:7px 0 30px}.auth-card h1{font-size:20px;letter-spacing:-.6px;margin-bottom:20px}.auth-card label{display:block;margin:16px 0 7px;color:var(--muted);font-size:12px}.auth-card input{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:16px;outline-color:var(--accent)}.auth-card input:read-only{opacity:.7}.auth-submit{width:100%;margin-top:10px;min-height:46px}.auth-error{font-size:12px;line-height:1.7;color:var(--accent);min-height:20px;margin-top:14px}.auth-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:20px}.auth-back{display:block;color:var(--muted);font-size:12px;text-align:center;margin-top:20px}.auth-back[hidden],#confirm-field[hidden]{display:none}
.device-title{font-size:11px;color:var(--muted);margin-bottom:8px}.device-account{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;text-align:left;font-size:13px;border-bottom:1px solid var(--line)}.device-account .channel{width:32px;height:32px}.device-divider{font-size:11px;color:var(--muted);margin:22px 0 12px}
.account-avatar{font-weight:700;color:var(--accent);background:var(--soft);font-size:12px}.account-option{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.account-option>button:first-child{display:flex;align-items:center;gap:11px;flex:1;text-align:left}.account-option .copy{flex:1;font-size:13px}.account-option .copy small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.account-option>.icon-btn{flex:none;color:var(--muted)}.account-name{color:var(--accent)}.account-forms input{font-size:16px}.account-forms label{display:block;margin-top:14px}.account-forms .input-field{margin:7px 0 0}.account-forms .primary{margin-top:20px;min-height:44px}.setup-link{font-size:12px;overflow-wrap:anywhere;line-height:1.8}.account-section-copy{margin:16px 0 4px;color:var(--muted);font-size:11px;line-height:1.9}
.account-option>button:disabled{opacity:1;cursor:default}.account-option>button:disabled>svg{color:var(--accent)}