:root{color-scheme:light dark;--bg:#f4f5f1;--surface:#fff;--ink:#172923;--muted:#5d6b64;--line:#d7dfd7;--accent:#174e43;--tint:#e6f0e9;--error:#993d30;--focus:#206cce}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:680px;margin:auto;padding:28px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;font-size:26px;font-weight:400}.language select{max-width:136px;min-height:44px;font:inherit;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--surface);color:var(--ink)}.intro{padding:45px 0 29px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:12px;letter-spacing:.12em;font-weight:750}h1{margin:0;white-space:pre-line;font-size:clamp(36px,7vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:650}.lede{margin:17px 0 0;color:var(--muted);max-width:32em}.session{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px}.session-top{display:flex;gap:12px;align-items:center;justify-content:space-between}h2{font-size:14px;font-weight:550;color:var(--muted);margin:0}.text-button{font:inherit;font-size:14px;font-weight:650;color:var(--accent);border:0;background:transparent;min-width:60px;min-height:44px;padding:8px;cursor:pointer}.text-button:disabled{opacity:.5;cursor:default}.status{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:24px;letter-spacing:-.02em}.dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--muted)}[data-state=signed_in] .dot{background:var(--accent);box-shadow:0 0 0 5px var(--tint)}[data-state=error] .dot{background:var(--error)}.message{color:var(--muted);margin:10px 0 22px;min-height:25px}dl{margin:0 0 22px}dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:14px}dd{margin:0;overflow-wrap:anywhere}.providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 15px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.button:hover{background:var(--tint);border-color:var(--accent)}#apple{background:var(--ink);color:var(--surface);border-color:var(--ink)}.logout{width:100%;font-family:inherit;background:var(--accent);color:#fff;border-color:var(--accent)}.logout:hover{background:var(--accent);filter:brightness(1.1)}[aria-disabled=true]{opacity:.6;cursor:progress}.session-note{font-size:13px;line-height:1.55;color:var(--muted);margin:17px 0 0}.diagnostics{margin:18px 0 0;border-bottom:1px solid var(--line);padding-bottom:13px}.diagnostics summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:15px;font-weight:600}.json-label{float:right;font:12px ui-monospace,monospace;color:var(--muted);padding:4px 6px;background:var(--tint);border-radius:4px}.diagnostics p{font-size:14px;color:var(--muted)}pre{margin:14px 0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto}footer{display:flex;gap:9px;align-items:baseline;margin-top:22px;font-size:12px;color:var(--muted)}.footer-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:480px){main{padding-top:max(20px,env(safe-area-inset-top))}.providers{grid-template-columns:1fr}.intro{padding:33px 0 24px}.session{padding:17px}}
@media(orientation:landscape) and (max-height:500px){main{max-width:760px;padding-top:max(15px,env(safe-area-inset-top))}.intro{padding:20px 0}h1{font-size:34px;white-space:normal}.lede{margin-top:9px}.session{padding:15px 20px}}
@media(prefers-color-scheme:dark){:root{--bg:#111b18;--surface:#192722;--ink:#e5eee7;--muted:#a4b6aa;--line:#35483d;--accent:#a8d9bd;--tint:#293f32;--error:#ffaea2;--focus:#8fbdff}.brand-mark,.logout{width:100%;font-family:inherit;background:#a8d9bd;color:#13241b}.logout:hover{background:#a8d9bd}}