:root{--paper:#f4efe7;--panel:#fcf9f3;--ink:#11212d;--muted:#5a6a75;--faint:#8b968f;--line:#e5dccb;--line-strong:#d3c7b2;--accent:#bf5a36;--accent-soft:#f6e7de;--ok:#2a7f6f}@media (prefers-color-scheme:dark){:root{--paper:#10161c;--panel:#182028;--ink:#e9e4da;--muted:#9aa5ad;--faint:#6a747c;--line:#26303a;--line-strong:#37424e;--accent:#d97757;--accent-soft:#3a2a24;--ok:#4dac8f}}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;color:var(--ink);place-items:center;margin:0;padding:24px;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:400px;padding:32px}.wordmark{letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:600}.tagline{color:var(--muted);margin:0 0 28px;font-size:13.5px}h1{margin:0 0 8px;font-size:17px;font-weight:600}p{color:var(--muted);margin:0 0 20px}label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}input[type=email],input[type=password]{border:1px solid var(--line-strong);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:9px;margin-bottom:16px;padding:10px 12px}input[type=email]:focus,input[type=password]:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 16px;font-weight:550}button:disabled{opacity:.55;cursor:default}button.secondary{border-color:var(--line-strong);color:var(--muted);background:0 0}.row{gap:10px;display:flex}.notice{background:var(--accent-soft);color:var(--ink);border-radius:9px;padding:14px 16px;font-size:13.5px}.error{color:var(--accent);margin-bottom:16px;font-size:13.5px}.scopes{border-top:1px solid var(--line);margin:0 0 24px;padding:0;list-style:none}.scopes li{border-bottom:1px solid var(--line);padding:10px 0;font-size:13.5px}.footer{color:var(--faint);margin:24px 0 0;font-size:12px}.footer a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.footer a:hover,.footer a:focus-visible{color:var(--accent)}
