:root{--tv-bg-canvas: #050608;--tv-bg-surface-0: #0e1116;--tv-bg-surface-1: #161b22;--tv-bg-surface-2: #21262d;--tv-text-primary: #f0f6fc;--tv-text-secondary: #8b949e;--tv-text-muted: #6e7681;--tv-focus-ring: #38bdf8;--tv-status-online: #238636;--tv-status-error: #da3633;--tv-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;height:100vh;height:100dvh;overflow:hidden;background-color:var(--tv-bg-canvas);color:var(--tv-text-primary);font-family:var(--tv-font-sans)}#app{width:100%;height:100%;position:relative}:focus-visible{outline:3px solid var(--tv-focus-ring)!important;outline-offset:4px}button,input{font-family:inherit;border:none;background:none}.tv-hud-bottom{position:absolute;bottom:0;left:0;right:0;padding:30px 48px 36px;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.6) 65%,rgba(0,0,0,0));z-index:15;opacity:1;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:14px}.tv-progress-wrap{width:100%;padding:6px 0;cursor:pointer}.tv-progress-container{position:relative;width:100%;height:6px;background-color:rgba(255,255,255,.25);border-radius:999px;cursor:pointer;transition:height .15s ease}.tv-progress-container:hover,.tv-progress-container:focus-visible{height:8px}.tv-progress-fill{position:relative;width:0%;height:100%;background:#3b82f6;border-radius:999px;transition:width .1s linear}.tv-progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:14px;height:14px;background-color:#fff;border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.6);transition:transform .15s ease}.tv-hud-bottom:hover .tv-progress-thumb,.tv-progress-container:hover .tv-progress-thumb{transform:translateY(-50%) scale(1)}.tv-control-row{display:flex;align-items:center;justify-content:space-between;width:100%}.tv-control-left{display:flex;align-items:center;gap:12px}.tv-control-center{display:flex;align-items:center;justify-content:center;flex:1;padding:0 16px;overflow:hidden}.tv-bottom-title{font-size:1.125rem;font-weight:600;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.8)}.tv-control-right{display:flex;align-items:center;gap:12px}.tv-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,background-color .15s ease,color .15s ease}.tv-icon-btn:hover,.tv-icon-btn:focus-visible{background:rgba(255,255,255,.25);transform:scale(1.12);color:#fff;outline:none}.tv-icon-btn:active{transform:scale(.95)}.tv-play-btn{width:50px;height:50px;background:rgba(59,130,246,.9);border-color:rgba(255,255,255,.25)}.tv-play-btn:hover,.tv-play-btn:focus-visible{background:#2563eb;transform:scale(1.14)}.tv-volume-indicator{cursor:default;background:none;border:none;opacity:.8}.tv-time-display{display:inline-flex;align-items:center;gap:6px;font-size:1.0625rem;font-weight:700;color:#e2e8f0;font-variant-numeric:tabular-nums;margin-left:6px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.tv-time-divider{color:rgba(255,255,255,.4)}.tv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:9999px;background-color:var(--tv-bg-surface-1);border:2px solid var(--tv-bg-surface-2);color:var(--tv-text-primary);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .15s ease;outline:none}.tv-btn:hover,.tv-btn:focus-visible,.tv-btn:focus{background-color:var(--tv-bg-surface-2);border-color:var(--tv-focus-ring);color:#fff;box-shadow:0 0 20px rgba(56,189,248,.4);transform:scale(1.04)}.tv-room-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.125rem;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tv-hud-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.45);color:#fca5a5;font-size:.9375rem;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .15s ease}.tv-hud-btn:hover,.tv-hud-btn:focus-visible,.tv-hud-btn:focus{background:rgba(239,68,68,.4);border-color:#ef4444;color:#fff;box-shadow:0 0 16px rgba(239,68,68,.5);transform:scale(1.04)}.tv-center-play-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;transition:opacity .25s ease}.tv-center-play-circle{width:88px;height:88px;border-radius:50%;background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.6)}@keyframes tv-spin{to{transform:rotate(360deg)}}.tv-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#38bdf8;border-radius:50%;animation:tv-spin .9s linear infinite}::cue{background-color:rgba(0,0,0,.85);color:#fff;font-size:1.6rem;font-family:var(--tv-font-sans);line-height:1.4;text-shadow:0 2px 6px rgba(0,0,0,.95)}.tv-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 42px;background:linear-gradient(135deg,#0284c7,#0369a1);border:2px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 24px rgba(2,132,199,.35);transition:all .18s ease}.tv-primary-btn:hover,.tv-primary-btn:focus-visible,.tv-primary-btn:focus{background:linear-gradient(135deg,#38bdf8,#0284c7);border-color:#fff;box-shadow:0 0 32px rgba(56,189,248,.6);transform:scale(1.05);outline:none!important}.tv-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:var(--tv-bg-surface-1);border:2px solid var(--tv-bg-surface-2);border-radius:12px;color:var(--tv-text-secondary);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tv-secondary-btn:hover,.tv-secondary-btn:focus-visible,.tv-secondary-btn:focus{background:var(--tv-bg-surface-2);border-color:var(--tv-focus-ring);color:var(--tv-text-primary);box-shadow:0 0 20px rgba(56,189,248,.4);transform:scale(1.03);outline:none!important}.tv-pairing-code-box{display:flex;gap:16px;justify-content:center;margin:32px 0}.tv-pairing-char{width:100px;height:120px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;font-weight:800;background:var(--tv-bg-surface-1);border:3px solid rgba(56,189,248,.4);border-radius:16px;color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.5);box-shadow:0 8px 32px rgba(0,0,0,.4)}.tv-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;font-size:1rem;font-weight:600}.tv-status-badge--pending{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.tv-status-badge--expired{background:rgba(218,54,51,.15);color:#f87171;border:1px solid rgba(218,54,51,.3)}.tv-pulse-dot{width:10px;height:10px;border-radius:50%;background-color:#38bdf8;animation:tv-pulse 1.5s ease-in-out infinite}@keyframes tv-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}