: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{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;height:100vh;margin:0 auto;padding:45px;display:flex;overflow:hidden}@media (max-width:400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center}.home .links{align-items:center;gap:12px;display:flex}.home .links a{border-radius:4px;padding:.25rem .5rem;text-decoration:none}.home .links .admin{color:#000;background:#fff;border:1px solid #000}.home .links .docs{color:#fff;background:#000;border:1px solid #fff}.home .footer{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:#3c3c3c;border-radius:4px;padding:0 .5rem;text-decoration:none}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}}