:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-text:#1a1a1a;--color-muted:#5b6472;--color-border:#e2e4e9;--color-accent:#1d4ed8;--color-destructive:#b91c1c;--color-success:#15803d;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}*{box-sizing:border-box}html{background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}main[data-state] a{color:var(--color-accent)}svg{vertical-align:middle}.home{--dcs-accent:#d9202d;--home-bg:var(--color-bg);--home-text:var(--color-text);--home-muted:var(--color-muted);min-height:100vh;padding:var(--space-2xl);background:var(--home-bg);max-width:1024px;color:var(--home-text);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}@media (max-width:400px){.home{padding:var(--space-lg)}}.home .content{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.home .mark{margin-bottom:var(--space-sm);display:block}.home h1{text-align:center;margin:var(--space-sm) 0;font-size:28px;font-weight:600;line-height:1.25}.home .tagline{text-align:center;color:var(--home-muted);margin:0 0 var(--space-md)}.home .admin{background:var(--dcs-accent);color:#fff;padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);border-radius:6px;text-decoration:none;display:inline-block}.home .admin:hover{opacity:.9}.home .admin:active{opacity:.8}.home .wordmark{letter-spacing:.08em;text-transform:uppercase;color:var(--home-muted);margin:0;font-size:12px}.home a:focus-visible{outline:2px solid var(--dcs-accent);outline-offset:2px}@media (prefers-color-scheme:dark){.home{--home-bg:#101215;--home-text:#f2f3f5;--home-muted:#a0a7b4}}main[data-state]{max-width:480px;margin:var(--space-2xl) auto;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000f}main[data-state] h1,main[data-state] h2{margin:0 0 var(--space-md);font-size:22px;font-weight:600;line-height:1.25}main[data-state] p{margin:0 0 var(--space-md)}main[data-state] p.meta,main[data-state] .muted{color:var(--color-muted);font-size:14px}main[data-state] dl{grid-template-columns:100px 1fr;gap:8px 16px;margin:16px 0 24px;display:grid}main[data-state] dt{color:var(--color-muted);font-size:14px;font-weight:600}main[data-state] dd{color:var(--color-text);margin:0;font-size:16px;font-weight:400}main[data-state] button[type=button]{cursor:pointer;border-radius:6px;min-width:120px;min-height:44px;padding:0 24px;font-size:16px;font-weight:600}main[data-state] button[data-variant=primary]{background:var(--color-accent);color:#fff;border:none}main[data-state] button[data-variant=secondary],main[data-state] button[type=button]:not([data-variant]){border:1px solid var(--color-border);color:var(--color-text);background:0 0}main[data-state] button[type=button]:disabled{opacity:.6;cursor:not-allowed}main[data-state] div:has(>button[type=button]){flex-wrap:wrap;gap:12px;display:flex}main[data-state] div:has(>button[type=button]) button[type=button]{flex:140px}[data-state=pending]{border-left:4px solid var(--color-accent)}[data-state=assigned],[data-state=success],[data-state=cancelled]{border-left:4px solid var(--color-success)}[data-state=already_responded]{border-left:4px solid var(--color-border)}[data-state=invalid_token],[data-state=already_taken],[data-state=expired],[data-state=urgency_cutoff],[data-state=conflict],[data-state=unknown]{border-left:4px solid var(--color-destructive)}main[data-state]:has(>div[data-state]){border-left:1px solid var(--color-border)}:is(main[data-state]:has(>div[data-state])>h1,main[data-state]:has(>div[data-state])>dl){display:none}main[data-state]>div[data-state]{margin:0 calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg));padding:var(--space-lg);border-top:1px solid var(--color-border)}@media (max-width:480px){main[data-state]{margin:var(--space-md);padding:20px}main[data-state]>div[data-state]{margin:0 -20px -20px;padding:20px}}