:root{--bg:#0f1115;--surface:#181b22;--raised:#222733;--text:#f2f3f5;--muted:#a3a8b2;--primary:#4f8cff;--on-primary:#0b1020;--danger:#ff6b6b;--success:#89d8b0;--warning:#f2c879;--border:#323a4a;--radius:10px;--gap:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--surface:#fff;--raised:#eef0f4;--text:#14171d;--muted:#566074;--primary:#1f5fd6;--on-primary:#fff;--danger:#b3261e;--success:#1e7a4a;--warning:#8a5a00;--border:#cfd5df}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.5}a{color:var(--primary)}h1{margin:0 0 var(--gap);font-size:1.5rem}h2{margin:0 0 8px;font-size:1.125rem}p{margin:0 0 var(--gap)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{margin-right:auto;font-size:1.25rem;font-weight:700}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a,.link-button{border-radius:var(--radius);color:var(--text);background:var(--raised);font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{border-color:var(--primary)}main{width:100%;max-width:720px;margin:0 auto;padding:20px 16px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap);padding:16px}.grid{gap:var(--gap);grid-template-columns:1fr;display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}.stat{font-size:2rem;font-weight:700}.muted{color:var(--muted)}.field{margin-bottom:var(--gap);flex-direction:column;gap:6px;display:flex}label{font-weight:600}input,select{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:48px;padding:12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.code-input{letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:1.5rem}button.primary{font:inherit;color:var(--on-primary);background:var(--primary);border-radius:var(--radius);cursor:pointer;border:0;width:100%;min-height:48px;padding:12px 20px;font-weight:700}button.primary:disabled{opacity:.55;cursor:not-allowed}button.secondary{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:48px;padding:12px 20px}.banner{border-radius:var(--radius);margin-bottom:var(--gap);border:1px solid var(--border);background:var(--raised);padding:12px 16px}.banner.error{border-color:var(--danger)}.banner.success{border-color:var(--success)}.banner.warning{border-color:var(--warning)}.badge{background:var(--raised);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.875rem;display:inline-block}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.center{max-width:420px;margin:8vh auto 0;padding:0 16px}.qr{border-radius:var(--radius);background:#fff;padding:12px;display:inline-block}.qr img{width:200px;height:200px;display:block}code{background:var(--raised);word-break:break-all;border-radius:6px;padding:2px 6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}