:root{color-scheme:light;--bg:#f5f5f0;--surface:#fff;--text:#192c26;--muted:#53655e;--line:#d0dad4;--accent:#066847;--onaccent:#fff;--error:#a42d36;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem,1.1rem + 1vw,2.25rem)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#07100d;--surface:#101e18;--text:#e4f2ec;--muted:#a4b9af;--line:#2c4137;--accent:#72dfb2;--onaccent:#07100d;--error:#ff96a0}}
:root[data-theme=dark]{color-scheme:dark;--bg:#07100d;--surface:#101e18;--text:#e4f2ec;--muted:#a4b9af;--line:#2c4137;--accent:#72dfb2;--onaccent:#07100d;--error:#ff96a0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--text-base)/1.6 'General Sans',sans-serif}
[hidden]{display:none!important}header,main,footer{max-width:1080px;margin:auto;padding:var(--space-6)}header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line)}main{padding-block:var(--space-12)}
a{color:var(--accent)}.brand{font-size:var(--text-lg);font-weight:700;text-decoration:none}.brand span{display:block;font-size:var(--text-sm);letter-spacing:.12em;font-weight:500}.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
h1{font-size:var(--text-xl);line-height:1.2;margin:var(--space-2) 0 var(--space-4)}h2{font-size:var(--text-lg);line-height:1.3}h3{font-size:var(--text-base)}
p{max-width:75ch}.intro{max-width:46ch}.eyebrow{font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}
button,select,input,textarea{font:inherit}button,summary{cursor:pointer}button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:.4rem;background:var(--surface);color:var(--text)}
button:hover,button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:var(--onaccent);border-color:var(--accent);font-weight:600}button:disabled{opacity:.6;cursor:wait}
input,textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:.4rem;padding:var(--space-3)}textarea{min-height:110px;resize:vertical}label{display:block;font-weight:600;margin-bottom:var(--space-2)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#auth{max-width:620px;margin:auto}#auth-form{margin-top:var(--space-8)}.muted{color:var(--muted);font-size:var(--text-sm)}[data-error=true]{color:var(--error)}[role=status]{min-height:1.5em}
#setup-code{display:block;overflow-wrap:anywhere;font:600 var(--text-lg)/1.5 ui-monospace,monospace;margin:var(--space-4) 0;letter-spacing:.08em}
.desk-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}section{margin-bottom:var(--space-12)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-block:var(--space-6)}.metrics>div{border-top:1px solid var(--line);padding-top:var(--space-4)}.metrics strong{display:block;font-size:var(--text-xl);font-variant-numeric:tabular-nums}
details{border-block:1px solid var(--line);padding-block:var(--space-3)}summary{min-height:44px;align-content:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th,td{padding:var(--space-3);border-bottom:1px solid var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-6)}.message{padding:var(--space-6) 0;border-top:1px solid var(--line)}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message h3{margin-top:0}.message .meta{font-size:var(--text-sm);color:var(--muted)}
.message .actions{margin-top:var(--space-4)}.empty{padding:var(--space-8) 0;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--muted)}.skip{position:absolute;top:-100px;left:var(--space-4)}.skip:focus{top:var(--space-4);background:var(--surface);padding:var(--space-3);z-index:10}
@media(max-width:600px){header,main,footer{padding-inline:var(--space-4)}.metrics{grid-template-columns:1fr;gap:var(--space-4)}.metrics>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.desk-heading{align-items:flex-start}header .actions button{font-size:var(--text-sm);padding-inline:var(--space-3)}}