:root{--bg-app:#070b09;--bg-secondary:#0b110e;--bg-card:#0d1511;--bg-card-alt:#111a15;--bg-hover:#142019;--bg-input:#0b110e;--bg-overlay:#040806d6;--border:#1d2c24;--border-light:#263a30;--text-primary:#f1f5f2;--text-secondary:#b7c1bb;--text-muted:#75827a;--text-dim:#536059;--text-on-primary:#06120d;--color-primary:#19c98a;--color-primary-hover:#27d997;--color-primary-dark:#073c2b;--color-primary-subtle:#19c98a1f;--color-primary-border:#19c98a4d;--color-cyan:#18c7ed;--color-cyan-dark:#0d5361;--color-cyan-subtle:#18c7ed1f;--color-cyan-border:#18c7ed4d;--color-warning:#d8a63c;--color-warning-subtle:#d8a63c1f;--color-warning-border:#d8a63c4d;--color-danger:#e45d67;--color-danger-subtle:#e45d671f;--color-danger-border:#e45d674d;--color-success:#1dcc8b;--color-success-subtle:#1dcc8b1f;--color-success-border:#1dcc8b4d;--radius-sm:8px;--radius-card:14px;--radius-panel:18px;--radius-btn:10px;--radius-input:10px;--radius-chip:8px;--radius-pill:999px;--radius-track:4px;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 8px 24px #0000002e;--shadow-lg:0 16px 40px #00000038;--transition-fast:.15s ease;--transition-base:.18s ease;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg-base:var(--bg-app);--text-main:var(--text-primary);--border-subtle:var(--border);--color-primary-dim:var(--color-primary-subtle);--color-cyan-dim:var(--color-cyan-subtle);--color-warning-dim:var(--color-warning-subtle);--color-danger-dim:var(--color-danger-subtle);--font-sans-legacy:var(--font-sans)}:root[data-theme=light]{--bg-app:#f3f6f5;--bg-secondary:#fff;--bg-card:#fff;--bg-card-alt:#f6f9f8;--bg-hover:#ebf0ee;--bg-input:#fff;--bg-overlay:#0f17148c;--border:#dce3e0;--border-light:#c6d0cc;--text-primary:#0e1613;--text-secondary:#3d4a44;--text-muted:#5e6b65;--text-dim:#606b65;--text-on-primary:#fff;--color-primary:#097750;--color-primary-hover:#096b47;--color-primary-dark:#d9f0e6;--color-primary-subtle:#0977501a;--color-primary-border:#09775047;--color-cyan:#09738f;--color-cyan-dark:#d7eff6;--color-cyan-subtle:#09738f1a;--color-cyan-border:#09738f47;--color-warning:#8a6410;--color-warning-subtle:#8a64101a;--color-warning-border:#8a641047;--color-danger:#b32834;--color-danger-subtle:#b328341a;--color-danger-border:#b3283447;--color-success:#0a8358;--color-success-subtle:#0977501a;--color-success-border:#09775047;--shadow-sm:0 1px 2px #1018140f;--shadow-md:0 8px 24px #10181414;--shadow-lg:0 16px 40px #1018141a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.45;overflow-x:hidden}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.live-display-shell{background:var(--bg-app);flex-direction:column;gap:1rem;min-height:100vh;padding:1.25rem 1.5rem;display:flex}.display-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), background var(--transition-fast)}.display-card-glow{border-color:var(--color-primary-border)}.display-card-cyan{border-color:var(--color-cyan-border)}.display-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.brand-section{align-items:center;gap:.9rem;min-width:0;display:flex}.brand-logo{letter-spacing:.16em;color:var(--color-primary);white-space:nowrap;font-size:1.05rem;font-weight:800}.center-title-group{min-width:0}.center-title-group h1{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:700;overflow:hidden}.center-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.72rem;display:flex}.header-status-group{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.live-badge{border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.live-badge.live{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-border)}.live-badge.reconnecting{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--color-warning-border)}.live-badge.disconnected{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger-border)}.pulse-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-badge.live .pulse-dot{background:var(--color-primary);animation:2.4s infinite pulse-soft}.live-badge.reconnecting .pulse-dot{background:var(--color-warning);animation:1.2s infinite pulse-soft}.live-badge.disconnected .pulse-dot{background:var(--color-danger)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.35}}.clock-display{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:1.05rem;font-weight:600}.time-freshness{color:var(--text-dim);text-align:right;font-size:.68rem}.header-controls{gap:.5rem;display:flex}.ctrl-btn{background:var(--bg-card-alt);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-btn);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.ctrl-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.theme-switch{border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-card-alt);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:.4rem;padding:.22rem .5rem .22rem .35rem;font-family:inherit;line-height:1;display:inline-flex}.theme-switch:hover{background:var(--bg-hover);border-color:var(--border-light)}.theme-switch-track{border-radius:var(--radius-pill);background:var(--bg-app);border:1px solid var(--border);width:30px;height:16px;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;display:inline-block;position:relative}.theme-switch-thumb{background:var(--text-muted);width:12px;height:12px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:1px;left:1px}.theme-switch[aria-checked=true] .theme-switch-track{background:var(--color-primary-subtle);border-color:var(--color-primary-border)}.theme-switch[aria-checked=true] .theme-switch-thumb{background:var(--color-primary);transform:translate(14px)}.theme-switch-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:700}.theme-switch[aria-checked=true] .theme-switch-label{color:var(--color-primary)}.callout-banner-wrapper{z-index:1200;pointer-events:none;width:min(92vw,540px);position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.callout-banner{pointer-events:auto;border:2px solid var(--color-primary);border-radius:var(--radius-card);text-align:center;-webkit-backdrop-filter:blur(14px);color:#fff;background:#0d1511f5;padding:1.25rem 2rem 1.4rem;transition:opacity .2s,transform .2s;animation:.35s cubic-bezier(.16,1,.3,1) forwards callout-popup-enter;position:relative;box-shadow:0 16px 40px -8px #000000bf,0 0 32px #19c98a59}.callout-banner.callout-dismissing{opacity:0;pointer-events:none;transform:translateY(-16px)scale(.96)}@keyframes callout-popup-enter{0%{opacity:0;transform:translateY(-24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.callout-close-btn{color:#9baea4;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:.65rem;right:.75rem}.callout-close-btn:hover{color:#fff;background:#ffffff1a}.callout-tag{letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.82rem;font-weight:800;display:inline-flex;color:#19c98a!important}.callout-pulse-dot{background:#19c98a;border-radius:50%;width:8px;height:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite callout-pulse-ring;display:inline-block;box-shadow:0 0 10px #19c98a}@keyframes callout-pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}}.callout-token-label{letter-spacing:.18em;text-transform:uppercase;margin-top:.25rem;margin-bottom:.1rem;font-size:.75rem;font-weight:700;color:#9baea4!important}.callout-ticket{font-family:var(--font-mono);letter-spacing:.06em;text-shadow:0 0 24px #19c98aa6,0 4px 16px #000000e6;margin:.3rem 0 .5rem;font-size:clamp(3.2rem,7.5vw,4.8rem);font-weight:900;line-height:1.05;color:#fff!important}.callout-target{letter-spacing:.03em;flex-direction:column;align-items:center;gap:.25rem;margin-top:.35rem;font-size:1.05rem;font-weight:600;display:flex;color:#d2dcd6!important}.callout-target-label{letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:#9baea4!important}.callout-counter-name{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 16px #27d99773;font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:800;color:#27d997!important}.skip-announcement-stack{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.skip-announcement{background:var(--bg-card-alt);border:1px dashed var(--color-primary-border);border-left:3px solid var(--text-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);animation:banner-enter var(--transition-base);align-items:baseline;gap:.9rem;padding:.6rem 1.25rem;display:flex}.skip-announcement-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;font-size:.68rem;font-weight:700}.skip-announcement-body{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.skip-announcement-token{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.04em;font-size:1.15rem;font-weight:700}.skip-announcement-reason{color:var(--text-secondary);font-size:.95rem;font-weight:500}.display-main-grid{flex:1;grid-template-columns:1fr 320px;gap:1rem;min-height:0;display:grid}.center-column{flex-direction:column;gap:1rem;min-height:0;display:flex}.hero-serving-grid{grid-template-columns:1.5fr 1fr;gap:1rem;display:grid}.hero-serving-card{background:var(--bg-card);flex-direction:column;gap:.85rem;padding:1.2rem 1.4rem;display:flex}.hero-serving-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.hero-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.hero-all-idle-tag{align-items:center;display:inline-flex}.hero-all-idle-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-chip);background:var(--bg-card-alt);border:1px solid var(--border-light);color:var(--text-dim);padding:.22rem .55rem;font-size:.68rem;font-weight:700}.hero-counters-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;width:100%;display:grid}.hero-counter-subcard{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius-card);min-height:135px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:space-between;padding:.9rem 1.1rem;display:flex}.hero-counter-subcard.is-serving{border-color:var(--color-primary-border);box-shadow:0 4px 18px -4px var(--color-primary-subtle);background:linear-gradient(180deg, var(--bg-card-alt) 0%, #19c98a0d 100%)}.hero-counter-subcard.is-idle{border-color:var(--border-light);opacity:.92}.hero-counter-subcard-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.hero-counter-title{color:var(--color-cyan);letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;font-weight:700}.hero-counter-status-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.hero-counter-status-pill.serving{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-border)}.hero-counter-status-pill.idle{background:var(--bg-surface);color:var(--text-dim);border:1px solid var(--border-light)}.hero-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.hero-counter-status-pill.serving .hero-status-dot{box-shadow:0 0 6px var(--color-primary);animation:2s infinite pulse-soft}.hero-token-serving-box{margin:.2rem 0 .4rem}.hero-token-code{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;text-shadow:0 2px 10px #0003;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.05}.hero-token-idle{flex-direction:column;margin:.25rem 0 .5rem;display:flex}.hero-token-idle-title{font-family:var(--font-mono);color:var(--text-dim);font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700;line-height:1.05}.hero-token-idle-sub{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:500}.hero-counter-subcard-footer{border-top:1px solid var(--border-light);justify-content:flex-start;align-items:center;padding-top:.5rem;display:flex}.hero-service-badge{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-chip);padding:.2rem .55rem;font-size:.72rem;font-weight:600}.hero-next-card{background:var(--bg-card);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.4rem;display:flex}.next-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.next-token-code{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;margin:.5rem 0;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700}.next-token-empty{color:var(--text-dim);margin:1rem 0;font-size:1.2rem;font-weight:600}.next-details{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;font-size:.8rem;display:flex}.counters-panel{flex-direction:column;flex:1;gap:.85rem;min-height:0;padding:1.1rem 1.25rem;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.counters-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;padding-right:.25rem;display:grid;overflow-y:auto}.counter-station-card{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:.3rem;padding:.85rem;display:flex}.counter-station-card.serving{border-color:var(--color-primary-border);background:var(--bg-hover)}.counter-station-card.active{border-color:var(--color-cyan-border)}.counter-station-card.closed{opacity:.55}.counter-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.counter-number-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;font-weight:700}.counter-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.counter-status-dot.serving{background:var(--color-primary)}.counter-status-dot.active{background:var(--color-cyan)}.counter-status-dot.closed{background:var(--text-dim)}.counter-token-display{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.03em;margin:.15rem 0;font-size:1.5rem;font-weight:700}.counter-idle-text{color:var(--text-muted);margin:.35rem 0;font-size:.8rem;font-weight:500}.counter-service-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.metrics-strip{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.metric-box{flex-direction:column;justify-content:center;gap:.15rem;padding:.9rem 1.1rem;display:flex}.metric-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:flex}.metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.7rem;font-weight:700;line-height:1.15}.metric-value-unit{color:var(--text-muted);letter-spacing:0;font-size:.95rem;font-weight:600}.metric-value-empty{font-family:var(--font-sans);color:var(--text-dim);font-size:1rem;font-weight:600}.metric-sub{color:var(--text-muted);font-size:.7rem}.metric-footfall-freshness{color:var(--text-dim);margin-top:.15rem;font-size:.65rem}.footfall-badge{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.15rem .5rem;font-size:.62rem;font-weight:700;display:inline-block}.footfall-badge.low{background:var(--color-success-subtle);color:var(--color-success)}.footfall-badge.moderate{background:var(--color-warning-subtle);color:var(--color-warning)}.footfall-badge.high{background:var(--color-danger-subtle);color:var(--color-danger)}.qr-join-panel{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:1.75rem 1.25rem;display:flex}.qr-heading-group{flex-direction:column;gap:.35rem;display:flex}.qr-heading-group h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:.92rem;font-weight:700}.qr-heading-group p{color:var(--text-secondary);margin:0;font-size:.8rem;font-weight:500;line-height:1.35}.qr-canvas-container{border-radius:var(--radius-card);background:#fff;border:1px solid #ffffff26;justify-content:center;align-items:center;width:250px;height:250px;margin:.25rem 0;padding:1rem;display:flex;box-shadow:0 4px 18px #00000059}.qr-canvas-container .qr-code-image{object-fit:contain;width:100%;max-width:228px;height:100%;max-height:228px;image-rendering:pixelated;display:block}.qr-state-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;padding:1.5rem 1rem;display:flex}:root[data-theme=light] .qr-canvas-container{border-color:var(--border-light);box-shadow:var(--shadow-md)}.qr-state-title{color:#111a15;margin:0;font-size:.88rem;font-weight:700}.qr-state-desc{color:#536059;margin:0;font-size:.78rem;font-weight:500;line-height:1.35}.qr-loading-placeholder{color:#536059;justify-content:center;align-items:center;width:100%;height:100%;font-size:.82rem;font-weight:500;display:flex}.qr-instructions{flex-direction:column;align-items:center;gap:.35rem;max-width:280px;display:flex}.qr-instruction-primary{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:600;line-height:1.4}.qr-instruction-secondary{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:.72rem;font-weight:500}.fullscreen-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;padding:2rem;display:flex}.fullscreen-notice h2{color:var(--text-primary);letter-spacing:.02em;font-size:1.35rem;font-weight:700}.fullscreen-notice p{color:var(--text-secondary);max-width:560px;font-size:.9rem;line-height:1.55}.center-select-input{background:var(--bg-card-alt);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-btn);cursor:pointer;outline:none;margin-top:.75rem;padding:.45rem .75rem;font-family:inherit;font-size:.82rem}.center-select-input:focus{border-color:var(--color-primary)}.center-select-input option{background:var(--bg-card);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (width<=1400px){.display-main-grid{grid-template-columns:1fr 280px}.metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.live-display-shell{padding:1rem}.display-main-grid,.hero-serving-grid{grid-template-columns:1fr}.header-status-group{gap:1rem}}@media (width<=720px){.live-display-shell{gap:.75rem;padding:.75rem}.display-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.center-title-group h1{font-size:1.05rem}.header-status-group{justify-content:space-between;width:100%}.metrics-strip,.counters-grid{grid-template-columns:1fr}.hero-token-code{font-size:clamp(2.4rem,12vw,3.2rem)}.next-token-code{font-size:clamp(1.8rem,9vw,2.4rem)}.callout-ticket{font-size:1.8rem}.metric-value{font-size:1.45rem}.ctrl-btn{padding:.55rem .9rem;font-size:.85rem}.center-select-input{padding:.55rem .75rem}}