:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-canvas: #000000;--bg-canvas-elevated: #0A0A0A;--surface-1: #161617;--surface-2: #1D1D1F;--surface-3: #2C2C2E;--surface-glass: rgba(22, 22, 23, .74);--surface-glass-elevated: rgba(29, 29, 31, .85);--text-primary: #F5F5F7;--text-secondary: #86868B;--text-tertiary: #515154;--accent-primary: #0071E3;--accent-hover: #0077ED;--accent-bright: #2997FF;--accent-green: #30D158;--accent-amber: #FF9F0A;--accent-red: #FF453A;--border-hairline: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .12);--shadow-glass: inset 0 1px 0 0 rgba(255, 255, 255, .12), 0 1px 2px 0 rgba(0, 0, 0, .32), 0 12px 24px -4px rgba(0, 0, 0, .42), 0 24px 48px -8px rgba(0, 0, 0, .36);--shadow-card: inset 0 1px 0 0 rgba(255, 255, 255, .08), 0 12px 32px -8px rgba(0, 0, 0, .5);--shadow-modal: inset 0 1px 0 0 rgba(255, 255, 255, .12), 0 24px 48px -12px rgba(0, 0, 0, .65);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-apple-sheet: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;color:var(--text-primary)}p{letter-spacing:-.01em;text-wrap:pretty}.tabular-nums{font-variant-numeric:tabular-nums}.apple-glass-dark{background:color-mix(in oklab,#161617 74%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-hairline);box-shadow:var(--shadow-glass)}.apple-specular-border{position:relative}.apple-specular-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff38,#ffffff0a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes appleModalIn{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes appleSheetIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-12px) scale(.97);filter:blur(4px)}to{opacity:1;transform:translate(-50%) scale(1);filter:blur(0px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff57}.youtube-player-wrapper{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#000!important;overflow:hidden!important;pointer-events:none!important}.youtube-iframe-element,.youtube-player-wrapper iframe,.youtube-iframe-element iframe{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border:0!important;pointer-events:none!important}.tv-container{width:100%!important;height:100%!important;height:100dvh!important;position:relative!important;overflow:hidden!important}.guide-container{width:100%!important;height:100%!important;height:100dvh!important;overflow-y:auto!important;padding:clamp(16px,3.5vw,40px) clamp(16px,4vw,56px)!important;padding-top:max(var(--sat),16px)!important;padding-bottom:max(var(--sab),16px)!important;padding-left:max(var(--sal),16px)!important;padding-right:max(var(--sar),16px)!important}.auth-screen-container{min-height:100vh!important;min-height:100dvh!important;height:auto!important;overflow-y:auto!important;padding:clamp(16px,4vw,36px)!important;padding-top:max(var(--sat),16px)!important;padding-bottom:max(var(--sab),16px)!important;padding-left:max(var(--sal),16px)!important;padding-right:max(var(--sar),16px)!important}.cable-osd-overlay{position:absolute!important;top:max(var(--sat),24px)!important;left:max(var(--sal),28px)!important;right:max(var(--sar),28px)!important;max-width:1400px!important;margin:0 auto!important}.cable-osd-card{padding:clamp(10px,2vw,16px) clamp(14px,3vw,28px)!important}.cable-osd-channel-num{font-size:clamp(15px,2.8vw,22px)!important;padding:clamp(4px,1vw,6px) clamp(8px,1.8vw,14px)!important}.cable-osd-channel-title{font-size:clamp(16px,3vw,24px)!important}.cable-osd-video-title{font-size:clamp(11px,2vw,15px)!important}.cable-osd-clock{font-size:clamp(14px,2.5vw,20px)!important}.quick-control-dock-wrapper{bottom:max(var(--sab),20px)!important;max-width:calc(100vw - max(var(--sal),12px) - max(var(--sar),12px))!important}.quick-control-dock{max-width:100%!important}.guide-results-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important;gap:clamp(12px,2vw,24px)!important}.channel-picker-sidebar{width:100%!important;max-width:min(480px,100vw)!important;padding:clamp(16px,4vw,28px) clamp(14px,3.5vw,24px)!important;padding-top:max(var(--sat),16px)!important;padding-bottom:max(var(--sab),16px)!important}.settings-modal-dialog,.controls-modal-dialog,.legal-modal-dialog,.cast-modal-dialog{width:100%!important;max-width:min(860px,calc(100vw - 24px))!important;max-height:min(90vh,calc(100dvh - 24px))!important}.virtual-remote-chassis{width:100%!important;max-width:min(340px,94vw)!important;max-height:min(94vh,calc(100dvh - 16px))!important;overflow-y:auto!important}.dialpad-dialog{width:100%!important;max-width:min(310px,92vw)!important;max-height:min(94vh,calc(100dvh - 16px))!important}@media(max-width:640px){.cable-osd-overlay{top:max(var(--sat),10px)!important;left:max(var(--sal),10px)!important;right:max(var(--sar),10px)!important;gap:6px!important}.cable-osd-card{padding:8px 12px!important;border-radius:10px!important;gap:10px!important}.cable-osd-channel-info-group{gap:10px!important}.cable-osd-video-title{max-width:48vw!important}.cable-osd-action-bar{padding:4px 8px!important;gap:4px!important;border-radius:16px!important}.cable-osd-action-bar button{padding:3px 8px!important;font-size:11px!important;border-radius:12px!important}.cable-osd-btn-hint{display:none!important}.quick-control-dock-wrapper{bottom:max(var(--sab),8px)!important}.quick-control-dock{padding:4px 8px!important;gap:3px!important;border-radius:28px!important}.quick-control-dock button{min-width:36px!important;height:36px!important;padding:3px 6px!important;border-radius:18px!important}.quick-control-dock .dock-btn-icon{font-size:14px!important}.quick-control-dock .dock-btn-label{display:none!important}.guide-container{padding:12px 14px!important}.guide-results-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:10px!important}.settings-modal-backdrop,.controls-modal-backdrop,.legal-modal-backdrop,.cast-modal-backdrop,.virtual-remote-backdrop{padding:6px!important}.settings-modal-dialog,.controls-modal-dialog,.legal-modal-dialog,.cast-modal-dialog{max-height:calc(100dvh - 12px)!important;border-radius:12px!important}}@media(max-height:500px){.cable-osd-overlay{top:max(var(--sat),6px)!important;left:max(var(--sal),14px)!important;right:max(var(--sar),14px)!important;gap:4px!important}.cable-osd-card{padding:6px 14px!important}.cable-osd-action-bar{display:none!important}.quick-control-dock-wrapper{bottom:max(var(--sab),6px)!important}.quick-control-dock{padding:3px 8px!important}.quick-control-dock button{height:32px!important;min-width:32px!important}.settings-modal-dialog,.controls-modal-dialog,.legal-modal-dialog,.cast-modal-dialog{max-height:calc(100dvh - 8px)!important}}@media(min-width:641px)and (max-width:1024px){.guide-results-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:16px!important}.quick-control-dock{gap:5px!important;padding:5px 10px!important}.quick-control-dock button{min-width:40px!important;height:38px!important}}@media(min-width:2400px),(min-height:1400px){.cable-osd-overlay{max-width:2200px!important;top:max(var(--sat),48px)!important;left:max(var(--sal),56px)!important;right:max(var(--sar),56px)!important;gap:20px!important}.cable-osd-card{padding:24px 44px!important;border-radius:20px!important}.cable-osd-channel-num{font-size:34px!important;padding:10px 22px!important;border-radius:10px!important}.cable-osd-channel-title{font-size:38px!important}.cable-osd-video-title{font-size:24px!important}.cable-osd-clock{font-size:30px!important}.cable-osd-action-bar{padding:12px 28px!important;border-radius:36px!important;gap:20px!important}.cable-osd-action-bar button{font-size:18px!important;padding:8px 20px!important;border-radius:24px!important}.quick-control-dock-wrapper{bottom:max(var(--sab),40px)!important}.quick-control-dock{padding:12px 24px!important;gap:12px!important;border-radius:56px!important}.quick-control-dock button{min-width:64px!important;height:60px!important;padding:8px 18px!important;border-radius:32px!important}.quick-control-dock .dock-btn-icon{font-size:22px!important}.quick-control-dock .dock-btn-label{font-size:13px!important}.guide-container{padding:48px 80px!important}.guide-results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:36px!important}.virtual-remote-chassis{max-width:480px!important;border-radius:44px!important}}@media(min-aspect-ratio:21/9){.cable-osd-overlay{max-width:1400px!important;margin:0 auto!important}.quick-control-dock-wrapper{max-width:1200px!important}.guide-container{max-width:1800px!important;margin:0 auto!important}}.settings-modal-dialog,.controls-modal-dialog,.legal-modal-dialog,.cast-modal-dialog,.app-install-modal-dialog,.dialpad-dialog,.virtual-remote-chassis{animation:appleModalIn .28s var(--ease-apple-sheet) both}.channel-picker-sidebar{animation:appleSheetIn .3s var(--ease-apple-sheet) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}.settings-modal-dialog,.controls-modal-dialog,.legal-modal-dialog,.cast-modal-dialog,.app-install-modal-dialog,.dialpad-dialog,.virtual-remote-chassis,.channel-picker-sidebar,.ota-update-banner{animation:fadeIn .15s ease-out both!important;transform:none!important;filter:none!important}}