@import url('/assets/slate.css');
@font-face{font-family:Inter;src:url('/assets/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Mulish;src:url('/assets/Mulish-Variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:light;--night:#162030;--blue:#2e6e9e;--canvas:#f0ede6;--rule:var(--slate-6);font-family:Inter,system-ui,sans-serif;color:var(--slate-12);background:var(--slate-1)}
*{box-sizing:border-box}body{margin:0;padding:24px;font-size:14px;line-height:1.5}main{max-width:400px;margin:clamp(32px,10vh,100px) auto}header{padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:16px}.wordmark{width:128px;height:34px;overflow:hidden;position:relative}.wordmark img{position:absolute;top:-48px;left:0;width:128px;height:128px}.brand>span{font-family:Mulish,system-ui,sans-serif;font-size:16px;font-weight:700;border-left:1px solid var(--rule);padding-left:16px;color:var(--blue)}h1{font:700 24px/1.3 Mulish,system-ui,sans-serif;margin:0 0 24px}p{line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin-top:16px}input,button{font:inherit;border:1px solid var(--rule);border-radius:6px;min-height:44px;width:100%;padding:10px 12px;margin-top:8px}input{background:white;color:var(--slate-12)}button{background:var(--blue);color:var(--canvas);border-color:var(--blue);font-weight:600;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease}button:hover:not(:disabled){background:var(--night);border-color:var(--night)}button.secondary,#switch{background:transparent;color:var(--slate-12);border-color:var(--rule)}button.secondary:hover:not(:disabled),#switch:hover:not(:disabled){background:var(--slate-3);border-color:var(--slate-8)}button:disabled{opacity:.5;cursor:wait}:is(input,button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.actions{display:flex;gap:8px}#message{overflow-wrap:anywhere;color:var(--slate-11);font-size:13px}#message:empty{display:none}[hidden]{display:none!important}#request{font-weight:600}#code{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}#sign-out{margin-top:24px}@media(prefers-reduced-motion:reduce){input,button{transition:none}}