:root{--bg:#fff;--surface:#f7f7f8;--border:#e4e4e7;--fg:#18181b;--muted:#71717a;--accent:#2563eb;--warn:#b45309;--bad:#b91c1c;--unknown:#6b7280;--qr-field:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0d;--surface:#141417;--border:#27272a;--fg:#f4f4f5;--muted:#a1a1aa;--accent:#60a5fa;--warn:#f59e0b;--bad:#f87171;--unknown:#9ca3af}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:60rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:2rem 0 .75rem;font-size:1rem;font-weight:600}p{margin:.35rem 0}a{color:var(--accent)}.muted{color:var(--muted);font-size:.875rem}.panels{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.85rem .95rem}.panel .value{font-variant-numeric:tabular-nums;font-size:1.6rem}.panel .value.unknown{color:var(--unknown);font-size:1rem;font-style:italic}.panel .label{color:var(--muted);font-size:.8rem}.panel .source{color:var(--muted);margin-top:.35rem;font-size:.7rem}.banner{border:1px solid var(--warn);color:var(--warn);border-radius:.5rem;margin:1rem 0;padding:.7rem .9rem}.entries{margin:0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--border);justify-content:space-between;gap:.75rem;padding:.6rem 0;display:flex}.entry .when{color:var(--muted);white-space:nowrap;font-size:.8rem}.repeat{color:var(--warn);font-size:.8rem}.consent,.signin{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;max-width:34rem;margin:4rem auto;padding:1.5rem}.consent h1,.signin h1{margin:0 0 .75rem;font-size:1.25rem}.signin h2{margin:0 0 .5rem;font-size:1rem;font-weight:600}.signin h3{margin:1.25rem 0 .35rem;font-size:.9rem;font-weight:600}.consent p,.signin p{margin:0 0 .75rem;line-height:1.5}.consent label,.signin label{margin-top:1rem;font-weight:600;display:block}.consent .hint,.signin .hint{color:var(--muted);margin:.2rem 0 .4rem;font-size:.8rem}.consent input,.signin input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:.25rem;padding:.5rem}.consent button,.signin button{background:var(--accent);color:var(--bg);cursor:pointer;border:0;border-radius:.25rem;margin-top:1rem;padding:.55rem 1rem;font-weight:600}.consent button[disabled],.signin button[disabled]{opacity:.6;cursor:default}.consent .refused{border-left:3px solid var(--unknown);color:var(--unknown);margin-top:1rem;padding:.5rem .75rem}.signin-outcome{margin-top:1rem}.signin-outcome>:last-child{margin-bottom:0}.signin-note{border-left:3px solid var(--warn);color:var(--warn);margin-top:.75rem;padding:.5rem .75rem}.signin button.secondary{color:var(--muted);border:1px solid var(--border);background:0 0;font-weight:500}.signin-qr{border:1px solid var(--border);background:var(--qr-field);border-radius:.25rem;width:11rem;height:auto;margin:1rem 0;padding:.5rem;display:block}.signin-secret{flex-direction:column;gap:.15rem;display:flex}.signin-secret code,.signin-recovery code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.signin-recovery{border:1px solid var(--border);background:var(--bg);border-radius:.25rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.3rem .75rem;margin:0 0 .75rem;padding:.6rem .75rem;list-style:none;display:grid}.signin input.signin-code{letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}
