:root{color-scheme:dark;--bg: oklch(.115 .01 250);--panel: oklch(.145 .008 250);--ink: oklch(.965 .004 250);--muted: oklch(.7 .01 250);--dim: oklch(.56 .01 250);--line: oklch(.38 .012 250);--accent: oklch(.87 .21 152);--accent-ink: oklch(.16 .03 152);--danger: oklch(.72 .17 25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}#root{width:min(420px,92vw)}.card{position:relative;width:100%;padding:40px 34px;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.c{position:absolute;width:9px;height:9px}.c:before,.c:after{content:"";position:absolute;background:#48b06c}.c:before{width:9px;height:1px}.c:after{width:1px;height:9px}.c.tl{top:-1px;left:-1px}.c.tr{top:-1px;right:-1px}.c.tr:before,.c.tr:after{right:0}.c.bl{bottom:-1px;left:-1px}.c.bl:before,.c.bl:after{bottom:0}.c.br{bottom:-1px;right:-1px}.c.br:before,.c.br:after{bottom:0;right:0}.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.brand img{width:28px;height:28px}.brand span{font-size:13px;letter-spacing:.03em}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 8px}h1{font-size:17px;font-weight:500;letter-spacing:.01em;margin:0 0 8px}p{font-size:12.5px;line-height:1.55;color:var(--muted);margin:0 0 18px}.error{color:var(--danger);margin-bottom:14px}.status{color:var(--muted);margin-bottom:14px}.stack{display:flex;flex-direction:column;gap:10px}button,.primary{width:100%;padding:11px 13px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:3px;font:inherit;font-weight:500;cursor:pointer}button:hover:not(:disabled),.primary:hover{background:#89ffad;background:oklch(.91 .2 152)}button:disabled{opacity:.55;cursor:wait}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.ghost:hover:not(:disabled){border-color:var(--accent);background:transparent}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}input{width:100%;padding:11px 13px;margin-bottom:10px;background:transparent;letter-spacing:.08em;border:1px solid var(--line);border-radius:3px;color:inherit;font:inherit;text-transform:uppercase}input::placeholder{letter-spacing:.04em;text-transform:none;color:var(--dim)}input:focus{outline:none;border-color:#48b06c}.foot{margin:20px 0 0;font-size:11px;color:var(--dim)}.meta{font-size:11px;color:var(--dim);margin:0 0 12px}