:root{--color-page:#eef2ff;--color-panel:#fff;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#d8dee8;--color-border-strong:#b8c3d4;--color-focus:#2563eb;--color-success:#0f766e;--color-success-soft:#ccfbf1;--panel-shadow:0 24px 60px #0f172a1a, 0 2px 6px #0f172a14;color:var(--color-text);background:radial-gradient(circle at top, #ffffffb8 0%, transparent 42%), var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--color-page:#0b1220;--color-panel:#111827;--color-text:#e5e7eb;--color-text-muted:#94a3b8;--color-border:#243046;--color-border-strong:#334155;--color-focus:#93c5fd;--color-success:#2dd4bf;--color-success-soft:#2dd4bf29;--panel-shadow:0 24px 60px #00000052, 0 2px 6px #0000003d}}*{box-sizing:border-box}html{background:var(--color-page);min-width:320px}body{background:var(--color-page);min-width:320px;min-height:100dvh;margin:0}#root{min-height:100dvh}button{-webkit-tap-highlight-color:transparent}.login-page,.success-page{place-items:center;min-height:100dvh;padding:clamp(24px,5vw,56px);display:grid}.login-panel,.success-panel{border:1px solid var(--color-border);background:var(--color-panel);width:min(100%,420px);box-shadow:var(--panel-shadow);text-align:center;border-radius:12px;padding:28px}.login-panel h1,.success-panel h1{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:1.75rem;line-height:1.15}.login-copy,.success-copy,.success-meta{color:var(--color-text-muted);margin:12px 0 0;font-size:.98rem;line-height:1.55}.google-button{border:1px solid var(--color-border);color:#111827;cursor:pointer;width:100%;min-height:52px;font:inherit;touch-action:manipulation;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding:0 18px;font-weight:600;line-height:1;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.google-button:disabled{cursor:not-allowed;opacity:.78}.google-button:hover:not(:disabled){border-color:var(--color-border-strong);background:#f8fafc;box-shadow:0 8px 24px #0f172a1a}.google-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0f172a14}.google-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.auth-status{min-height:1.25rem;color:var(--color-text-muted);margin-top:14px;font-size:.9375rem;line-height:1.4}.auth-status.is-visible{color:var(--color-text)}.google-icon{flex:none;width:20px;height:20px}.success-badge{width:56px;height:56px;color:var(--color-success);background:var(--color-success-soft);border-radius:999px;place-items:center;margin:0 auto 16px;display:grid}.success-icon{width:26px;height:26px}@media (prefers-reduced-motion:reduce){.google-button{transition:none}.google-button:active:not(:disabled){transform:none}}