:root{--sf-radius-sm: 8px;--sf-radius-md: 14px;--sf-radius-lg: 24px;--sf-radius-pill: 999px;--sf-space: 4px;--sf-touch-target: 48px;--sf-neutral-000: #ffffff;--sf-neutral-900: #0b0b12;--sf-state-ok: #22c55e;--sf-state-warn: #f59e0b;--sf-state-late: #ef4444}:root{--sf-bg: var(--brand-bg, #0b0b12);--sf-surface: var(--brand-surface, #15151f);--sf-text: var(--brand-text, #f5f5fa);--sf-text-muted: var(--brand-text-muted, #a1a1b5);--sf-accent: var(--brand-primary, #7c3aed);--sf-accent-2: var(--brand-secondary, #06b6d4);--sf-on-accent: var(--brand-on-primary, #ffffff)}:root{--sf-btn-bg: var(--sf-accent);--sf-btn-text: var(--sf-on-accent);--sf-card-bg: var(--sf-surface);--sf-ticket-code-color: var(--sf-accent-2);--sf-position-ring: var(--sf-accent)}body{margin:0;background:var(--sf-bg);color:var(--sf-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--sf-bg);color:var(--sf-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.sf-shell{max-width:520px;margin:0 auto;padding:calc(var(--sf-space) * 6) calc(var(--sf-space) * 5) calc(var(--sf-space) * 12);display:flex;flex-direction:column;gap:calc(var(--sf-space) * 5)}.sf-brand{display:flex;align-items:center;gap:calc(var(--sf-space) * 3)}.sf-brand img{max-height:40px;max-width:140px}.sf-brand h1{font-size:1.35rem;line-height:1.25;margin:0;font-weight:700}.sf-card{background:var(--sf-card-bg);border:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);border-radius:var(--sf-radius-md);padding:calc(var(--sf-space) * 5);display:flex;flex-direction:column;gap:calc(var(--sf-space) * 3)}.sf-muted{color:var(--sf-text-muted);font-size:.9rem;margin:0}.sf-lead{margin:0;line-height:1.55}.sf-hero-number{font-size:clamp(3.5rem,22vw,6rem);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.sf-hero-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--sf-text-muted);margin:0}.sf-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.9rem;font-weight:700;letter-spacing:.08em;color:var(--sf-ticket-code-color);margin:0}.sf-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--sf-radius-pill);background:var(--sf-btn-bg);color:var(--sf-btn-text);font-size:1rem;font-weight:600;min-height:var(--sf-touch-target);padding:0 calc(var(--sf-space) * 6);cursor:pointer;width:100%;transition:filter .15s ease}.sf-btn:hover:not(:disabled){filter:brightness(1.08)}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn:focus-visible{outline:3px solid var(--sf-accent-2);outline-offset:2px}.sf-btn.ghost{background:transparent;color:var(--sf-text-muted);border:1px solid color-mix(in srgb,var(--sf-text) 20%,transparent)}.sf-btn.danger{background:var(--sf-state-late);color:#fff}.sf-btn.small{min-height:38px;font-size:.85rem;padding:0 calc(var(--sf-space) * 4);width:auto}.sf-row{display:flex;gap:calc(var(--sf-space) * 2);flex-wrap:wrap}.sf-field{display:flex;flex-direction:column;gap:calc(var(--sf-space) * 2)}.sf-field label{font-size:.85rem;font-weight:600}.sf-field input,.sf-field select,.sf-field textarea{width:100%;min-height:var(--sf-touch-target);border-radius:var(--sf-radius-sm);border:1px solid color-mix(in srgb,var(--sf-text) 22%,transparent);background:color-mix(in srgb,var(--sf-bg) 60%,var(--sf-surface));color:var(--sf-text);padding:0 calc(var(--sf-space) * 3);font-size:1rem}.sf-field input:focus-visible,.sf-field select:focus-visible{outline:2px solid var(--sf-accent);outline-offset:1px}.sf-field .hint{font-size:.78rem;color:var(--sf-text-muted)}.sf-check{display:flex;gap:calc(var(--sf-space) * 3);align-items:flex-start;cursor:pointer}.sf-check input{width:22px;height:22px;min-height:22px;margin-top:2px;flex:0 0 auto}.sf-check span{font-size:.85rem;line-height:1.5;color:var(--sf-text-muted)}.sf-alert{border-radius:var(--sf-radius-sm);padding:calc(var(--sf-space) * 3) calc(var(--sf-space) * 4);font-size:.9rem;line-height:1.5}.sf-alert.error{background:color-mix(in srgb,var(--sf-state-late) 18%,transparent);color:var(--sf-state-late)}.sf-alert.warn{background:color-mix(in srgb,var(--sf-state-warn) 18%,transparent);color:var(--sf-state-warn)}.sf-alert.ok{background:color-mix(in srgb,var(--sf-state-ok) 18%,transparent);color:var(--sf-state-ok)}.sf-qr{background:#fff;padding:calc(var(--sf-space) * 3);border-radius:var(--sf-radius-md);align-self:center}.sf-qr img{display:block;width:200px;height:200px}.sf-panel{min-height:100dvh;display:flex;flex-direction:column;padding:3vh 4vw;gap:2vh}.sf-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:2vw}.sf-panel-head h1{font-size:clamp(1.5rem,3.5vw,3rem);margin:0}.sf-panel-now{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2vh}.sf-panel-codes{display:flex;flex-wrap:wrap;gap:2vw}.sf-panel-code{font-family:ui-monospace,monospace;font-size:clamp(3rem,12vw,9rem);font-weight:800;letter-spacing:.04em;color:var(--sf-accent-2);line-height:1}.sf-panel-code.latest{color:var(--sf-btn-text);background:var(--sf-accent);padding:0 2vw;border-radius:var(--sf-radius-lg)}.sf-panel-foot{display:flex;gap:4vw;font-size:clamp(1rem,2vw,1.6rem);color:var(--sf-text-muted)}.sf-promoter{max-width:640px}.sf-called-item{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--sf-space) * 3);padding:calc(var(--sf-space) * 3);border-radius:var(--sf-radius-sm);border-left:4px solid var(--sf-state-ok);background:color-mix(in srgb,var(--sf-text) 6%,transparent)}.sf-called-item.amber{border-left-color:var(--sf-state-warn)}.sf-called-item.late{border-left-color:var(--sf-state-late)}.sf-timer{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:700}.sf-timer.amber{color:var(--sf-state-warn)}.sf-timer.late{color:var(--sf-state-late)}.sf-waiting-item{display:flex;align-items:center;gap:calc(var(--sf-space) * 3);padding:calc(var(--sf-space) * 2) 0;border-bottom:1px solid color-mix(in srgb,var(--sf-text) 10%,transparent)}.sf-pos{font-family:ui-monospace,monospace;opacity:.6;min-width:2.2rem}.sf-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:var(--sf-radius-pill);border:1px solid currentColor}.sf-tag.priority{color:var(--sf-state-warn)}.sf-tag.notified{color:var(--sf-accent-2)}.sf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding:calc(var(--sf-space) * 4);z-index:10}.sf-modal{width:100%;max-width:460px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.sf-scanner{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--sf-radius-md);overflow:hidden;background:#000}.sf-scanner video{width:100%;height:100%;object-fit:cover;display:block}.sf-scanner-frame{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:3px solid var(--sf-accent-2);border-radius:var(--sf-radius-md);box-shadow:0 0 0 100vmax #00000073}