:root{--bg:#0f1419;--card:#1a222c;--text:#f4f7fb;--muted:#8b97a8;--ok:#3ecf8e;--warn:#e23b3b;--idle:#4e7fd9}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.kiosk{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:36px;min-height:100%;padding:40px 24px;display:flex}.kiosk.is-alerting{background:radial-gradient(circle at top, #3a1515 0%, var(--bg) 55%)}.status{color:var(--muted);font-size:16px}.status-ok{color:var(--ok)}.status-error{color:var(--warn)}.count-card{background:var(--card);border-radius:28px;width:min(720px,100%);padding:48px 24px 40px;box-shadow:0 20px 60px #00000047}.is-alerting .count-card{animation:1.4s ease-in-out infinite pulse}.count-label{color:var(--muted);letter-spacing:.2em;font-size:22px}.count-value{margin-top:12px;font-size:clamp(96px,18vw,180px);font-weight:700;line-height:1}.btn{cursor:pointer;color:#fff;border:0;border-radius:999px;min-width:240px;height:64px;font-size:22px;font-weight:600}.btn-start{background:var(--idle)}.btn-stop{background:var(--warn)}.banner{max-width:640px;color:var(--muted);font-size:16px}.banner-error{color:#ffb4b4}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}