:root{--bg-kiosk:#121316;--text-primary:#f8fafc;--text-secondary:#d7dce2;--text-muted:#bbc1c9;--glass-bg:#161b224d;--glass-border:#ffffff14;--glass-hover:#ffffff1f;--glass-blur:2px;--accent-cyan:#06b6d4;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--font-mono:"Cousine", monospace;--font-sans:"Outfit", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-kiosk);color:var(--text-primary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;min-height:100vh;font-size:16px;line-height:1.4;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--glass-hover)}body.magic-mirror{color:#fff!important;background-color:#000!important}body.magic-mirror .glass-panel{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}body.magic-mirror .kiosk-badge{color:#fff!important;background:0 0!important;border:1px solid #fff!important}body.low-power .glass-panel{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:#121418eb!important}.kiosk-badge{letter-spacing:.025em;justify-content:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;transition:transform .15s}.kiosk-badge,.kiosk-btn{border-radius:var(--radius-sm);align-items:center;display:inline-flex}.kiosk-btn{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:#ffffff14;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;transition:background .2s,border-color .2s,transform .1s}.kiosk-btn:hover{background:#ffffff2e;border-color:#ffffff40}.kiosk-btn:active{transform:scale(.97)}.kiosk-btn:disabled{opacity:.4;cursor:not-allowed}.stale-pill{color:#fcd34d;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:9999px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.65rem;display:inline-flex}.stale-dot{background-color:#f59e0b;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (width<=768px){body,html{font-size:14px}}@media (width<=480px){body,html{font-size:13px}}