*,:before,:after{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#020617;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.3;overflow:hidden}#tv-app-root{flex-direction:column;width:100%;height:100%;padding:1.5vh 2vw;display:flex;overflow:hidden}.tv-compat-view{text-align:center;background:#090d16;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:4vw;display:flex}.tv-compat-title{color:#f59e0b;letter-spacing:.05em;margin-bottom:2vh;font-size:3vw;font-weight:900}.tv-compat-desc{color:#cbd5e1;max-width:70vw;margin-bottom:4vh;font-size:1.6vw}.tv-compat-diagnostics{color:#94a3b8;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:8px;max-width:80vw;padding:2vh 2vw;font-family:monospace;font-size:1vw}.tv-pairing-view{text-align:center;background:radial-gradient(circle,#0f172a 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2vh 3vw;display:flex}.tv-brand-header{align-items:center;gap:1.2vw;margin-bottom:3vh;display:flex}.tv-brand-logo{color:#fff;background:linear-gradient(135deg,#0284c7,#3b82f6);border-radius:1.2vw;justify-content:center;align-items:center;width:5vw;height:5vw;font-size:2.8vw;font-weight:900;display:flex;box-shadow:0 10px 25px #0284c766}.tv-brand-text{color:#fff;letter-spacing:-.02em;font-size:2.8vw;font-weight:900}.tv-pairing-card{background:#0f172a;border:2px solid #1e293b;border-radius:1.8vw;flex-direction:column;align-items:center;max-width:75vw;padding:3vh 3.5vw;display:flex;box-shadow:0 20px 50px #0009}.tv-pairing-grid{justify-content:center;align-items:center;gap:3.5vw;width:100%;margin-bottom:2vh;display:flex}.tv-pairing-col{flex-direction:column;align-items:center;display:flex}.tv-pairing-method-label{color:#38bdf8;letter-spacing:.05em;margin-bottom:1.5vh;font-size:1.1vw;font-weight:800}.tv-qr-wrapper{background:#fff;border:3px solid #38bdf8;border-radius:1.2vw;padding:.6vw;box-shadow:0 10px 30px #38bdf840}.tv-qr-img{width:13vw;max-width:190px;height:13vw;max-height:190px;display:block}.tv-qr-subtext{color:#94a3b8;margin-top:1vh;font-size:1vw;font-weight:600}.tv-pairing-divider{background:#334155;justify-content:center;align-items:center;width:2px;height:16vw;display:flex;position:relative}.tv-pairing-divider span{color:#64748b;background:#0f172a;border:1px solid #334155;border-radius:50%;padding:.5vh .4vw;font-size:.9vw;font-weight:800}.tv-code-subtext{color:#94a3b8;margin-top:1vh;font-size:1vw}.tv-code-subtext strong{color:#38bdf8}.tv-pairing-code-box{gap:.8vw;margin:1vh 0;display:flex}.tv-code-digit{color:#fff;background:#1e293b;border:2px solid #38bdf8;border-radius:.8vw;justify-content:center;align-items:center;width:4.8vw;height:6.2vw;font-size:3.5vw;font-weight:900;display:flex;box-shadow:0 0 15px #38bdf84d}.tv-pairing-expiry{color:#64748b;font-size:1.1vw;font-weight:600}.tv-pairing-spinner{color:#38bdf8;align-items:center;gap:.8vw;margin-top:2.5vh;font-size:1.1vw;font-weight:600;display:flex}.tv-spin-dot{background-color:#38bdf8;border-radius:50%;width:.8vw;height:.8vw;animation:1.2s ease-in-out infinite tvPulse}@keyframes tvPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.tv-main-display{flex-direction:column;width:100%;height:100%;display:flex}.tv-audio-banner{color:#020617;cursor:pointer;background:linear-gradient(90deg,#d97706,#ea580c);border-radius:.6vw;justify-content:space-between;align-items:center;margin-bottom:1vh;padding:.8vh 1.5vw;font-size:1.2vw;font-weight:900;display:flex}.tv-audio-btn{color:#f59e0b;cursor:pointer;background:#020617;border:1px solid #f59e0b;border-radius:.4vw;padding:.3vh .8vw;font-size:1vw;font-weight:800}.tv-header{background:#0f172a;border:1px solid #1e293b;border-radius:1vw;justify-content:space-between;align-items:center;min-height:9vh;margin-bottom:1.5vh;padding:1.2vh 1.8vw;display:flex}.tv-header-left{align-items:center;gap:1.2vw;display:flex}.tv-header-logo{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:.8vw;justify-content:center;align-items:center;width:4.5vw;height:4.5vw;font-size:2.2vw;font-weight:900;display:flex}.tv-restaurant-title{color:#fff;font-size:2vw;font-weight:900;line-height:1.1}.tv-restaurant-subtitle{color:#94a3b8;margin-top:.2vh;font-size:.95vw;font-weight:500}.tv-header-right{align-items:center;gap:1vw;display:flex}.tv-badge{border-radius:2vw;align-items:center;gap:.4vw;padding:.5vh .8vw;font-size:.95vw;font-weight:800;display:inline-flex}.tv-badge-live{color:#34d399;background:#10b98126;border:1px solid #10b98166}.tv-badge-polling{color:#38bdf8;background:#0284c726;border:1px solid #0284c766}.tv-badge-reconnecting{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.tv-badge-offline{color:#f87171;background:#ef444426;border:1px solid #ef444466}.tv-clock{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:.6vw;padding:.6vh 1vw;font-family:monospace;font-size:1.8vw;font-weight:900}.tv-control-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.6vw;justify-content:center;align-items:center;padding:.6vh .8vw;font-size:1.2vw;display:flex}.tv-control-btn:hover{color:#fff;background:#334155}.tv-board-columns{flex:1;gap:1.5vw;min-height:0;display:flex}.tv-column{background:#0b1329;border:2px solid #1e293b;border-radius:1.2vw;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.tv-column-preparing{border-color:#f59e0b4d}.tv-column-ready{border-color:#10b9814d}.tv-column-header{border-bottom:2px solid #1e293b;justify-content:space-between;align-items:center;padding:1.2vh 1.8vw;display:flex}.tv-column-preparing .tv-column-header{background:linear-gradient(90deg,#f59e0b26,#0000);border-color:#f59e0b40}.tv-column-ready .tv-column-header{background:linear-gradient(90deg,#10b98126,#0000);border-color:#10b98140}.tv-column-title{letter-spacing:.04em;align-items:center;gap:.6vw;font-size:1.6vw;font-weight:900;display:flex}.tv-column-preparing .tv-column-title{color:#f59e0b}.tv-column-ready .tv-column-title{color:#10b981}.tv-column-badge{text-transform:uppercase;border-radius:.4vw;padding:.3vh .6vw;font-size:.9vw;font-weight:800}.tv-column-preparing .tv-column-badge{color:#fbbf24;background:#f59e0b33}.tv-column-ready .tv-column-badge{color:#34d399;background:#10b98133}.tv-token-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(13vw,1fr));grid-auto-rows:max-content;align-content:start;gap:1.2vw;padding:1.5vh 1.5vw;display:grid;overflow-y:auto}.tv-token-card{text-align:center;background:#0f172a;border:2px solid #1e293b;border-radius:1vw;flex-direction:column;justify-content:center;align-items:center;padding:1.5vh 1vw;transition:transform .2s;display:flex}.tv-token-card-preparing{background:linear-gradient(#131d38,#0a1124);border-color:#f59e0b66}.tv-token-card-ready{background:linear-gradient(#09261d,#051a14);border-color:#10b98199;animation:2s ease-in-out infinite tvReadyPulse}@keyframes tvReadyPulse{0%,to{box-shadow:0 0 10px #10b98133}50%{box-shadow:0 0 25px #10b98199}}.tv-token-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.4vh;font-size:.8vw;font-weight:800}.tv-token-number{margin-bottom:.6vh;font-size:3.2vw;font-weight:900;line-height:1}.tv-token-card-preparing .tv-token-number{color:#fde047}.tv-token-card-ready .tv-token-number{color:#fff}.tv-token-counter{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;background:#ffffff1a;border-radius:2vw;max-width:90%;padding:.2vh .7vw;font-size:.9vw;font-weight:700;overflow:hidden}.tv-empty-placeholder{color:#475569;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:8vh 0;font-size:1.3vw;font-weight:600;display:flex}