.auth-shell{background:var(--bg);min-height:100svh}.auth-header{padding:max(16px, env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid var(--line);background:#f7f5eff0;align-items:center;gap:14px;display:flex}.auth-header a{background:#fff;border:1px solid #2026241f;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.auth-header p{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}.auth-header h1{margin:0;font-size:25px;line-height:1.15}.auth-form{gap:16px;width:min(520px,100% - 28px);margin:0 auto;padding:28px 0;display:grid}.auth-form label{gap:8px;font-size:14px;font-weight:800;display:grid}.auth-form input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;width:100%;padding:13px 14px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cf4f3b24}.auth-form button{color:#fff;background:var(--accent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:inline-flex}.auth-form button:disabled{cursor:not-allowed;background:#b9b4a6}.auth-method-switch{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.auth-method-switch button{min-height:42px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px}.auth-method-switch button[data-active=true]{color:var(--accent-dark);background:#cf4f3b14;border-color:#cf4f3b38}.auth-google-mark{color:#1a73e8;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;font-weight:900;display:inline-grid}.auth-google-panel{background:#1a73e80f;border:1px solid #1a73e82e;border-radius:8px;gap:10px;padding:12px;display:grid}.auth-google-panel p{color:#3b413e;margin:0;font-size:13px;font-weight:800;line-height:1.55}.auth-google-panel a{color:#174ea6;background:#fff;border:1px solid #1a73e847;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:900;display:inline-flex}.auth-error{color:var(--accent-dark);background:#cf4f3b14;border:1px solid #96392d3d;border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:800;line-height:1.6}.auth-status{color:var(--green);background:#477a6314;border:1px solid #477a633d;border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:800;line-height:1.6}.auth-switch{text-align:center;margin:0;font-weight:800}.auth-callback{text-align:center;justify-items:center;gap:14px;width:min(520px,100% - 28px);margin:0 auto;padding:72px 0;display:grid}.auth-callback svg{color:var(--accent)}.auth-callback[data-state=loading] svg{animation:.9s linear infinite auth-spin}.auth-callback[data-state=error] svg{color:var(--accent-dark)}.auth-callback h1,.auth-callback p{margin:0}.auth-callback h1{font-size:25px}.auth-callback p{color:var(--muted);line-height:1.7}.auth-callback div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.auth-callback a{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}@keyframes auth-spin{to{transform:rotate(360deg)}}