:root{--bg:#fff;--fg:#16181d;--muted:#5b6270;--rule:#e3e6ec;--code-bg:#f4f5f8;--accent:#8a5a00}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--fg:#e8eaee;--muted:#9aa2b1;--rule:#2a2e36;--code-bg:#1d2026;--accent:#e0b25c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:3rem 1rem;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:44rem;margin:0 auto}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.6rem}.phase{color:var(--accent);margin:0 0 2.5rem;font-size:.9rem;font-weight:600}h2{border-top:1px solid var(--rule);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2rem 0 .6rem;padding-top:1.5rem;font-size:.78rem;font-weight:650}p{margin:0 0 1rem}section p{color:var(--muted)}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.6rem 0;display:flex}li:last-child{border-bottom:0}code{background:var(--code-bg);white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem}li span{color:var(--muted);font-size:.88rem}.signin{max-width:22rem;margin:0 auto}.signin .phase{margin-bottom:2rem}label{margin:0 0 1rem;display:block}label span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.78rem;font-weight:650;display:block}input{border:1px solid var(--rule);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:6px;padding:.55rem .7rem;font-size:.95rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{border:1px solid var(--rule);background:var(--code-bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:6px;padding:.55rem 1rem;font-size:.9rem;font-weight:600}button:disabled{opacity:.55;cursor:default}.error{border:1px solid var(--accent);color:var(--accent);border-radius:6px;margin:0 0 1rem;padding:.55rem .7rem;font-size:.88rem}