:root{--bg-primary: #0f0f13;--bg-secondary: #1a1a24;--bg-tertiary: #252535;--bg-overlay: rgba(0, 0, 0, .85);--text-primary: #e8e8ed;--text-secondary: #9898a8;--text-muted: #8c8c9e;--focus-ring: #4a9eff;--focus-glow: rgba(74, 158, 255, .3);--accent-primary: #4a9eff;--accent-success: #4ade80;--accent-error: #f87171;--accent-warning: #fbbf24;--surface-active: rgba(74, 158, 255, .15);--text-xs: 18px;--text-sm: 22px;--text-base: 26px;--text-lg: 32px;--text-xl: 40px;--text-2xl: 52px;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--safe-zone: 5%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.4;-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;height:100%;overflow:hidden}.panel{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateX(100%);transform:translate(100%);opacity:0;pointer-events:none;transition:transform .25s ease-in-out,opacity .2s ease-in-out;overflow:hidden}.panel--active{-webkit-transform:translateX(0);transform:translate(0);opacity:1;pointer-events:auto;z-index:2}.panel--left{-webkit-transform:translateX(-15%) scale(.97);transform:translate(-15%) scale(.97);opacity:0;pointer-events:none;z-index:1}.panel--right{-webkit-transform:translateX(30%) scale(.95);transform:translate(30%) scale(.95);opacity:0;pointer-events:none;z-index:1}.panel-safe{padding:var(--safe-zone);height:100%;display:flex;flex-direction:column}#panel-home{overflow:hidden}#panel-home .panel-safe{position:relative;z-index:1}.home-bg-scroll{display:none}@media(hover:hover){.home-bg-scroll{display:block;position:absolute;top:-30%;left:-30%;width:160%;height:160%;z-index:0;pointer-events:none;opacity:.07;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;background-image:linear-gradient(45deg,var(--accent-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--accent-primary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--accent-primary) 75%),linear-gradient(-45deg,transparent 75%,var(--accent-primary) 75%);background-size:120px 120px;background-position:0 0,0 60px,60px -60px,-60px 0;-webkit-animation:bg-scroll 3s linear infinite;animation:bg-scroll 3s linear infinite}}@keyframes bg-scroll{0%{-webkit-transform:rotate(30deg) translate(0,0);transform:rotate(30deg) translate(0)}to{-webkit-transform:rotate(30deg) translate(120px,0);transform:rotate(30deg) translate(120px)}}@media(prefers-reduced-motion:reduce){.home-bg-scroll{-webkit-animation:none;animation:none}}.panel-top-bar{display:flex;align-items:center;padding-bottom:var(--space-md);flex-shrink:0}.panel-top-bar>*+*{margin-left:var(--space-md)}.panel-back-btn{display:flex;align-items:center;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-primary);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-appearance:none;appearance:none;flex-shrink:0}.panel-back-btn:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);color:var(--text-primary);-webkit-transform:scale(1.03);transform:scale(1.03);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.breadcrumb{display:flex;align-items:center;flex-shrink:1;min-width:0;overflow:hidden}.breadcrumb>*+*{margin-left:var(--space-sm)}.breadcrumb-item{background:transparent;border:2px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-primary);padding:var(--space-xs) var(--space-sm);cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;flex-shrink:0}.breadcrumb-item:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-glow);color:var(--text-primary)}.breadcrumb-sep{color:var(--text-muted);font-size:10px;flex-shrink:0}.breadcrumb-current{color:var(--text-primary);font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.panel-search-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-secondary);font-size:16px;cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;flex-shrink:0}.panel-search-btn:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);color:var(--text-primary);background:#fff3}.home-header{text-align:center;padding:var(--space-xl) 0 var(--space-lg)}.home-title{font-size:52px;font-weight:700;color:var(--text-primary);margin:0}@keyframes letter-drop{0%{opacity:0;-webkit-transform:translateY(-30px) scale(.8);transform:translateY(-30px) scale(.8)}60%{opacity:1;-webkit-transform:translateY(4px) scale(1.05);transform:translateY(4px) scale(1.05)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.logo-letter{display:inline-block;opacity:0;animation:letter-drop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--i) * 80ms)}.logo-letter--dash{color:var(--accent-primary)}.home-subtitle{font-size:var(--text-lg);color:var(--accent-primary);margin-top:var(--space-sm)}.home-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-md);max-width:500px;margin-left:auto;margin-right:auto}.home-footer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:var(--space-md) 0;flex-shrink:0;margin-top:var(--space-lg)}.home-footer>*+*{margin-left:var(--space-md)}.home-footer-link{background:none;border:2px solid transparent;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);border-radius:8px;cursor:pointer;-webkit-transition:border-color .2s ease,color .2s ease;transition:border-color .2s ease,color .2s ease}.home-footer-link:focus{outline:none;border-color:var(--focus-ring);color:var(--text-primary)}@media(pointer:coarse){.home-footer-link{min-height:44px;min-width:44px;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}.home-footer-sep{color:var(--text-muted);font-size:var(--text-sm)}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-xl);flex:1;max-width:900px;margin:0 auto;align-content:center;width:100%}.hub-row{display:contents}.hub-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);background:var(--bg-secondary);border:2px solid transparent;border-radius:16px;min-height:180px;cursor:pointer;-webkit-appearance:none;appearance:none;font-family:var(--font-primary);text-align:center;opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}@keyframes card-pop{0%{opacity:0;-webkit-transform:scale(.85) rotate(-2deg);transform:scale(.85) rotate(-2deg)}70%{opacity:1;-webkit-transform:scale(1.03) rotate(.5deg);transform:scale(1.03) rotate(.5deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.hub-card--visible{opacity:1;-webkit-transform:scale(1);transform:scale(1);animation:card-pop .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--i) * 80ms)}.hub-card:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 6px var(--focus-glow);background:var(--bg-tertiary);-webkit-transform:scale(1.06);transform:scale(1.06);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hub-icon{font-size:48px;margin-bottom:var(--space-md)}.hub-label{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.hub-count{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.sidebar-tabs{display:flex;flex:1}.sidebar-tabs>*+*{margin-left:var(--space-sm)}.sidebar-tab{flex:1;padding:var(--space-sm) var(--space-xs);background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-xs);cursor:pointer;-webkit-appearance:none;appearance:none}.sidebar-tab--active{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-tab:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);color:var(--text-primary);-webkit-transform:scale(1.03);transform:scale(1.03);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.sidebar-list-wrap{position:relative;flex:1;overflow:hidden}.sidebar-list-wrap:before,.sidebar-list-wrap:after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:5;opacity:0;transition:opacity .15s ease}.sidebar-list-wrap:before{top:0;background:linear-gradient(to bottom,var(--bg-primary),transparent)}.sidebar-list-wrap:after{bottom:0;background:linear-gradient(to top,var(--bg-primary),transparent)}.sidebar-list-wrap--more-above:before{opacity:1}.sidebar-list-wrap--more-below:after{opacity:1}.sidebar-list{height:100%;overflow-y:auto;padding:0 var(--space-sm);list-style:none;scrollbar-width:none}.sidebar-list::-webkit-scrollbar{display:none}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xs);border-radius:8px;border:2px solid transparent;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;width:100%;text-align:left;font-family:var(--font-primary)}@keyframes focus-pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-transform:scale(1);transform:scale(1)}}.sidebar-item:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);color:var(--text-primary);background:var(--surface-active);animation:focus-pop .2s ease-out}.sidebar-item--active{color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.sidebar-item-count{font-size:var(--text-xs);color:var(--text-muted)}.sidebar-item--action{color:var(--accent-primary);font-weight:500;background:#4a9eff14;border:1px dashed rgba(74,158,255,.3);text-align:center;justify-content:center}.hidden{display:none}.alpha-grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);overflow:hidden}.alpha-grid-overlay[aria-hidden=false]{display:flex;border-top:3px solid var(--accent-primary)}.alpha-back-btn{align-self:flex-start;padding:var(--space-sm) var(--space-lg);background:var(--bg-tertiary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-bottom:var(--space-lg);font-family:var(--font-primary);-webkit-appearance:none;appearance:none}.alpha-back-btn:focus{box-shadow:0 0 0 4px var(--focus-glow);-webkit-transform:scale(1.03);transform:scale(1.03);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.alpha-grid-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.alpha-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--space-sm);width:100%;max-width:400px}.alpha-btn{width:100%;aspect-ratio:1;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;-webkit-appearance:none;appearance:none}.alpha-btn:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);-webkit-transform:scale(1.1);transform:scale(1.1);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.alpha-btn--active{background:var(--surface-active);border-color:var(--accent-primary)}.alpha-btn[disabled]{opacity:.3;cursor:default}.alpha-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-lg)}.content-title{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.filter-bar{display:flex;overflow-x:auto;scrollbar-width:none;flex-shrink:0;padding:var(--space-xs) 0 var(--space-sm);position:relative}.filter-bar:empty{display:none}.filter-bar::-webkit-scrollbar{display:none}.filter-bar>*+*{margin-left:var(--space-xs)}.filter-pill{flex-shrink:0;padding:var(--space-xs) var(--space-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:20px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;font-family:var(--font-primary);-webkit-appearance:none;appearance:none}.filter-pill--active{background:var(--surface-active);border-color:var(--accent-primary);color:var(--text-primary)}.filter-pill:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-glow);color:var(--text-primary)}.filter-pill__count{opacity:.6;font-size:.85em;margin-left:4px}.filter-bar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--bg-primary));pointer-events:none;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.filter-bar--has-overflow:after{opacity:1}.filter-empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-secondary)}.channel-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-md);overflow-y:auto;overflow-x:hidden;padding-bottom:var(--space-lg);scrollbar-width:none}.channel-grid::-webkit-scrollbar{display:none}.channel-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg);background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;min-height:120px;cursor:pointer;-webkit-appearance:none;appearance:none;font-family:var(--font-primary);text-align:center}.channel-card:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:14px;background:var(--focus-ring);opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s ease}.channel-card:focus:after{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.06}50%{opacity:.15}}.channel-card:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 6px var(--focus-glow);background:var(--bg-tertiary);animation:focus-pop .2s ease-out}.channel-card[disabled]{opacity:.4}.channel-card-row{display:flex;align-items:center;width:100%}.channel-flag{font-size:var(--text-base);margin-right:var(--space-sm);flex-shrink:0}.channel-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.channel-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs);text-align:left;width:100%;padding-left:calc(var(--text-base) + var(--space-sm))}.channel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:var(--space-sm)}.channel-dot--live{background:var(--accent-success)}.channel-dot--off{background:var(--text-muted)}.channel-badge{display:inline-block;font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:var(--space-xs);vertical-align:middle;line-height:1;flex-shrink:0}.channel-badge--yt{background:#f003;color:#f44}.player-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:100;display:none;flex-direction:column}.player-overlay[aria-hidden=false]{display:flex}.player-info{position:absolute;top:0;left:0;right:0;padding:var(--safe-zone);background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:101;display:flex;flex-direction:column;align-items:flex-start;opacity:1;transition:opacity .3s ease}.player-info--hidden{opacity:0}.player-info-top{display:flex;align-items:center}.player-info-top>*+*{margin-left:var(--space-md)}.player-channel-name{font-size:var(--text-lg);font-weight:500}.player-status{font-size:var(--text-sm);color:var(--accent-success)}.player-channel-details{display:flex;align-items:center;margin-top:var(--space-xs)}.player-channel-details>*+*{margin-left:var(--space-md)}.player-channel-detail{font-size:var(--text-sm);color:var(--text-secondary)}.player-epg{margin-top:var(--space-xs)}.epg-now{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.epg-next{font-size:var(--text-xs);color:var(--text-secondary);margin-left:var(--space-lg)}.player-diagnostics{display:flex;align-items:center;margin-top:var(--space-sm);flex-wrap:wrap}.player-diagnostics>*+*{margin-left:var(--space-sm)}.diag-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:var(--text-sm);font-weight:600}.diag-badge--warn{background:#fbbf2426;color:var(--accent-warning)}.diag-badge--info{background:#4a9eff26;color:var(--accent-primary)}.diag-badge--error{background:#f8717126;color:var(--accent-error)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.diag-badge--active{animation:badge-pulse 1s ease-in-out 2}.player-home-btn{display:none}@media(hover:hover){.player-home-btn{display:flex;position:absolute;top:var(--safe-zone);right:var(--safe-zone);z-index:102;width:48px;height:48px;border-radius:50%;background:#000000b3;border:2px solid rgba(255,255,255,.2);color:var(--text-primary);font-size:24px;cursor:pointer;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.player-home-btn:hover{background:#4a9eff4d;border-color:var(--focus-ring)}}.player-audio-only{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:101}.audio-only-icon{font-size:64px;display:block;margin-bottom:var(--space-md)}.audio-only-text{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.audio-only-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.player-hud{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:103;pointer-events:none;-webkit-animation:hud-appear .3s cubic-bezier(.34,1.56,.64,1) both;animation:hud-appear .3s cubic-bezier(.34,1.56,.64,1) both}.hud-label{-webkit-animation:hud-pulse 2s ease-in-out infinite;animation:hud-pulse 2s ease-in-out infinite;text-shadow:0 0 40px rgba(74,158,255,.6),0 0 80px rgba(74,158,255,.3);font-size:42px;font-weight:700;color:var(--text-primary);margin-top:var(--space-md);letter-spacing:2px;text-transform:uppercase}.player-hud--muted .hud-label{text-shadow:0 0 40px rgba(251,191,36,.6),0 0 80px rgba(251,191,36,.3)}.hud-hint{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-sm)}@-webkit-keyframes hud-appear{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes hud-appear{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes hud-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes hud-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.05);transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.player-hud,.hud-icon{-webkit-animation:none;animation:none}.state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:104;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.state-overlay--visible{opacity:1;pointer-events:auto}.state-overlay--fade-out{-webkit-animation:state-fade 1.5s ease forwards;animation:state-fade 1.5s ease forwards}@-webkit-keyframes state-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes state-fade{0%,60%{opacity:1}to{opacity:0}}.state-overlay-icon{width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.state-overlay-icon .icon-pause,.state-overlay-icon .icon-play{width:28px;height:32px}.state-overlay-icon .icon-pause:before,.state-overlay-icon .icon-pause:after{width:8px}.state-overlay-icon .icon-play:before{border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:26px solid currentColor}.state-overlay-icon .icon-mute,.state-overlay-icon .icon-unmute{width:44px;height:36px}.state-overlay-label{font-size:var(--text-xl);color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;font-weight:600}.state-overlay-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm)}}.player-controls-bar{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg) var(--safe-zone) var(--safe-zone);background:linear-gradient(to top,#000000d9,#0003);z-index:101;display:flex;flex-direction:column;align-items:center;opacity:1;transition:opacity .3s ease}.player-controls-bar--hidden{opacity:0}.player-controls-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.player-controls-row>*+*{margin-left:var(--space-md)}.ctrl-group{display:flex;align-items:center}.ctrl-group>*+*{margin-left:var(--space-xs)}.ctrl-spacer{width:1px;height:28px;margin:0 var(--space-md);background:#ffffff26;flex-shrink:0}.ctrl-btn[data-label]:before{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);background:#000000d9;color:var(--text-primary);font-size:var(--text-xs);padding:4px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}@media(hover:hover){.ctrl-btn:hover[data-label]:before,.ctrl-btn:focus[data-label]:before{opacity:1}.player-home-btn[data-label]:after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);background:#000000d9;color:var(--text-primary);font-size:var(--text-xs);padding:4px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.player-home-btn:hover[data-label]:after{opacity:1}}.ctrl-btn[disabled]{opacity:.3;cursor:default;pointer-events:none}.ctrl-btn{position:relative;width:56px;height:56px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.25);color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.ctrl-btn:focus{background:#ffffff4d;border-color:var(--focus-ring);outline:none;box-shadow:0 0 0 3px var(--focus-glow)}.ctrl-btn:hover{background:#ffffff4d;border-color:var(--focus-ring)}.icon-fullscreen{position:relative;display:block;width:20px;height:16px}.icon-fullscreen:before,.icon-fullscreen:after{content:"";position:absolute;width:8px;height:8px;border:2px solid currentColor}.icon-fullscreen:before{top:0;left:0;border-right:none;border-bottom:none}.icon-fullscreen:after{bottom:0;right:0;border-left:none;border-top:none}.icon-ch-up{position:relative;display:block;width:14px;height:14px}.icon-ch-up:before{content:"";position:absolute;top:5px;left:1px;width:10px;height:10px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-ch-down{position:relative;display:block;width:14px;height:14px}.icon-ch-down:before{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;border-bottom:2.5px solid currentColor;border-right:2.5px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-play{position:relative;display:block;width:16px;height:18px}.icon-play:before{content:"";position:absolute;top:0;left:2px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor}.icon-pause{position:relative;display:block;width:14px;height:16px}.icon-pause:before,.icon-pause:after{content:"";position:absolute;top:0;width:4px;height:100%;background:currentColor;border-radius:1px}.icon-pause:before{left:0}.icon-pause:after{right:0}.icon-unmute{position:relative;display:block;width:22px;height:18px}.icon-unmute:before{content:"";position:absolute;top:5px;left:0;width:5px;height:8px;background:currentColor;box-shadow:5px -3px 0 0 currentColor,5px 3px 0 0 currentColor,7px -5px 0 0 currentColor,7px 5px 0 0 currentColor,9px -7px 0 0 currentColor,9px 7px 0 0 currentColor}.icon-unmute:after{content:"";position:absolute;top:2px;right:0;width:8px;height:14px;border:2px solid currentColor;border-left:none;border-radius:0 50% 50% 0;box-shadow:-3px 0 0 -1px currentColor}.icon-mute{position:relative;display:block;width:22px;height:18px}.icon-mute:before{content:"";position:absolute;top:5px;left:0;width:5px;height:8px;background:currentColor;box-shadow:5px -3px 0 0 currentColor,5px 3px 0 0 currentColor,7px -5px 0 0 currentColor,7px 5px 0 0 currentColor,9px -7px 0 0 currentColor,9px 7px 0 0 currentColor}.icon-mute:after{content:"";position:absolute;top:-1px;left:3px;width:18px;height:0;border-top:2.5px solid currentColor;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transform-origin:left center;transform-origin:left center}.icon-info{position:relative;display:block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%}.icon-info:before{content:"";position:absolute;top:3px;left:50%;margin-left:-1.5px;width:3px;height:3px;background:currentColor;border-radius:50%}.icon-info:after{content:"";position:absolute;top:8px;left:50%;margin-left:-1.5px;width:3px;height:5px;background:currentColor;border-radius:1px}.icon-fav{position:relative;display:block;width:18px;height:18px}.icon-fav:before{content:"☆";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;line-height:1}.icon-fav--active{position:relative;display:block;width:18px;height:18px;color:var(--accent-warning)}.icon-fav--active:before{content:"★";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;line-height:1}.icon-share{position:relative;display:block;width:16px;height:18px}.icon-share:before{content:"";position:absolute;bottom:0;left:0;width:16px;height:12px;border:2px solid currentColor;border-top:none;border-radius:0 0 2px 2px}.icon-share:after{content:"";position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:12px;background:currentColor;box-shadow:-3px 3px 0 0 currentColor,3px 3px 0 0 currentColor,-5px 5px 0 0 currentColor,5px 5px 0 0 currentColor}.icon-search:after{content:"";position:absolute;bottom:0;right:1px;width:6px;height:0;border-top:2px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;transform-origin:bottom right}.icon-close{position:relative;display:block;width:14px;height:14px}.icon-close:before,.icon-close:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2.5px;background:currentColor;border-radius:1px}.icon-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-scroll-up{position:relative;display:block;width:12px;height:12px}.icon-scroll-up:before{content:"";position:absolute;top:4px;left:0;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-scroll-down{position:relative;display:block;width:12px;height:12px}.icon-scroll-down:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-home{position:relative;display:block;width:18px;height:16px}.icon-home:before{content:"";position:absolute;top:0;left:50%;margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:8px solid currentColor}.icon-home:after{content:"";position:absolute;bottom:0;left:3px;width:12px;height:9px;border:2px solid currentColor;border-top:none}.icon-search{position:relative;display:block;width:16px;height:16px}.icon-search:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}.icon-search:after{content:"";position:absolute;bottom:0;right:0;width:6px;height:0;border-top:2px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;transform-origin:right center}.icon-grid-view{position:relative;display:block;width:16px;height:16px}.icon-grid-view:before,.icon-grid-view:after{content:"";position:absolute;width:6px;height:6px;background:currentColor;border-radius:1px}.icon-grid-view:before{top:0;left:0;box-shadow:10px 0 0 currentColor}.icon-grid-view:after{bottom:0;left:0;box-shadow:10px 0 0 currentColor}.controls-pill{display:flex;align-items:center;background:#0009;border-radius:24px;padding:var(--space-sm) var(--space-lg)}.controls-pill>*+*{margin-left:var(--space-lg)}.controls-pill span{font-size:var(--text-xs);color:var(--text-secondary)}.controls-pill kbd{background:transparent;border:none;font-family:inherit;font-size:inherit;color:inherit}.player-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-element{width:100%;height:100%;object-fit:contain;background:#000}.youtube-container{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:102}.error-message{font-size:var(--text-lg);color:var(--accent-error);margin-bottom:var(--space-md)}.error-hint{font-size:var(--text-sm);color:var(--text-secondary)}.error-actions{display:flex;align-items:center;justify-content:center;margin-top:var(--space-lg);background:#0009;border-radius:24px;padding:var(--space-sm) var(--space-lg)}.error-actions>*+*{margin-left:var(--space-lg)}.error-actions span{font-size:var(--text-xs);color:var(--text-secondary)}.player-loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:102}.loading-spinner{width:48px;height:48px;border:4px solid var(--text-muted);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-md)}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-text{font-size:var(--text-sm);color:var(--text-secondary)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-base)}.status-bar{flex-shrink:0;padding:var(--space-sm) var(--safe-zone)}.status-hint{font-size:var(--text-xs);color:var(--text-secondary)}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:150;display:none;align-items:flex-start;justify-content:center;padding-top:12%}.search-overlay[aria-hidden=false]{display:flex}.search-modal{width:90%;max-width:560px;background:var(--bg-secondary);border-radius:16px;padding:var(--space-lg);box-shadow:0 8px 32px #00000080}.search-modal-input{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:2px solid var(--focus-ring);border-radius:12px;color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-primary);-webkit-appearance:none;appearance:none}.search-modal-input::placeholder{color:var(--text-secondary)}.search-results{max-height:50vh;overflow-y:auto;margin-top:var(--space-md);scrollbar-width:none}.search-results::-webkit-scrollbar{display:none}.search-result-group{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;padding:var(--space-sm) var(--space-md);letter-spacing:.05em}.search-result-item{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);border-radius:8px;border:2px solid transparent;cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);background:transparent;font-family:var(--font-primary);-webkit-appearance:none;appearance:none;text-align:left}.search-result-item:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);background:var(--surface-active)}.search-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-lg)}.search-type{display:inline-block;font-size:14px;padding:2px 8px;border-radius:4px;margin-left:var(--space-sm);vertical-align:middle;font-weight:600}.search-type--country{background:#4a9eff33;color:var(--accent-primary)}.search-type--category{background:#4ade8033;color:var(--accent-success)}.search-type--language{background:#fbbf2433;color:var(--accent-warning)}.search-type--channel{background:#e8e8ed26;color:var(--text-secondary)}.search-modal-header{display:flex;align-items:center}.search-modal-header .search-modal-input{flex:1;min-width:0}.search-cancel-btn{flex-shrink:0;margin-left:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:2px solid transparent;border-radius:12px;color:var(--accent-primary);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;-webkit-appearance:none;appearance:none;display:none}.search-cancel-btn:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-glow)}@media(pointer:coarse){.search-cancel-btn{display:block}}.search-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-md)}@media(pointer:coarse){.search-hint{display:none}}.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:200;display:none;align-items:center;justify-content:center}.help-overlay[aria-hidden=false]{display:flex}.help-content{background:var(--bg-secondary);border-radius:16px;padding:var(--space-2xl);max-width:760px;width:90%;max-height:85vh;overflow-y:auto}.help-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center}.help-tabs{display:flex;margin-bottom:var(--space-xl);border-bottom:1px solid var(--bg-tertiary)}.help-tab{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center}.help-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.help-tab:focus{color:var(--text-primary);outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:4px}.help-page{display:none}.help-page--active{display:block}.help-columns{display:flex;grid-gap:var(--space-xl);justify-content:space-between;margin-bottom:var(--space-xl)}.help-column h3{font-size:var(--text-sm);font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-sm)}.help-column p{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.6}.help-note{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-sm)}.help-about p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.help-about strong{color:var(--text-primary)}.dot-demo{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.dot-demo--live{background:var(--accent-success)}.help-dismiss{display:block;margin:0 auto;padding:var(--space-sm) var(--space-xl);background:var(--accent-primary);border:2px solid transparent;border-radius:8px;color:var(--bg-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}.help-dismiss:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 6px var(--focus-glow)}@media(hover:hover){.sidebar-item:hover{background:var(--surface-active);color:var(--text-primary)}.channel-card:hover{background:var(--bg-tertiary);border-color:#4a9eff33}.sidebar-tab:hover{color:var(--text-primary)}.hub-card:hover{background:var(--bg-tertiary);border-color:#4a9eff33}.search-result-item:hover{background:var(--surface-active)}.panel-back-btn:hover{color:var(--text-primary);background:var(--surface-active)}.help-tab:hover{color:var(--text-primary)}}.card-tooltip{position:fixed;z-index:50;background:var(--bg-tertiary);border:1px solid rgba(74,158,255,.2);border-radius:8px;padding:var(--space-sm) var(--space-md);max-width:320px;pointer-events:none;box-shadow:0 4px 16px #0006}.card-tooltip-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.card-tooltip-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs)}.channel-grid-wrap{position:relative;flex:1;overflow:hidden;min-height:0}.scroll-controls{position:absolute;bottom:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;z-index:5}.scroll-controls>*+*{margin-top:var(--space-sm)}.scroll-btn{width:44px;height:44px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.3);color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.scroll-btn:active{background:#ffffff40}.scroll-btn[disabled]{opacity:.3;pointer-events:none}@media(pointer:coarse){.scroll-controls{display:none}}.yt-loading-overlay,.yt-fallback-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:103;background:#000000b3}.yt-loading-character{font-size:64px;-webkit-animation:yt-bounce 1s ease-in-out infinite;animation:yt-bounce 1s ease-in-out infinite}@-webkit-keyframes yt-bounce{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-20px) scale(1.1);transform:translateY(-20px) scale(1.1)}}@keyframes yt-bounce{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-20px) scale(1.1);transform:translateY(-20px) scale(1.1)}}.yt-loading-text{font-size:var(--text-base);color:var(--text-primary);margin-top:var(--space-md)}.yt-loading-dots{font-size:var(--text-xl);color:var(--text-secondary);margin-top:var(--space-sm)}.yt-loading-dots span{display:inline-block;-webkit-animation:yt-dot-fade 1.2s ease-in-out infinite;animation:yt-dot-fade 1.2s ease-in-out infinite;-webkit-animation-delay:calc(var(--i) * .2s);animation-delay:calc(var(--i) * .2s)}@-webkit-keyframes yt-dot-fade{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes yt-dot-fade{0%,80%,to{opacity:.2}40%{opacity:1}}.yt-fallback-text{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-lg)}.yt-skip-btn{padding:var(--space-sm) var(--space-xl);background:var(--accent-primary);border:2px solid transparent;border-radius:8px;color:var(--bg-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}.yt-skip-btn:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 6px var(--focus-glow)}@media(prefers-reduced-motion:reduce){.yt-loading-character,.yt-loading-dots span{-webkit-animation:none;animation:none}}.channel-badge--live{background:#00e67633;color:#00e676}.player-status--live{color:#00e676}.player-status--yt{color:#f44}.player-status--none{color:var(--text-muted)}.channel-info-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:110;display:none}.channel-info-modal[aria-hidden=false]{display:block}.channel-info-content{width:100%;height:100%;overflow-y:auto;padding:var(--safe-zone);display:flex;flex-direction:column}.info-header{display:flex;align-items:flex-start;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--bg-tertiary)}.info-header-flag{font-size:48px;margin-right:var(--space-lg);flex-shrink:0}.info-header-text{flex:1;min-width:0}.info-modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs);word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.info-modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.info-fav-toggle{width:48px;height:48px;background:transparent;border:2px solid transparent;border-radius:50%;color:var(--text-secondary);font-size:24px;cursor:pointer;flex-shrink:0;margin-left:var(--space-md);-webkit-appearance:none;appearance:none}.info-fav-toggle:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow);color:var(--text-primary)}.info-fav-toggle--active{color:var(--accent-warning)}.info-body{flex:1;max-width:700px;margin:0 auto;width:100%}@media(min-width:900px){.info-body{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-2xl)}}.info-section{margin-bottom:var(--space-xl)}.info-section-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.05em}.info-about{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin:0}.info-details{margin:0}.info-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--bg-tertiary)}.info-detail-row:last-child{border-bottom:none}.info-detail-row dt{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.info-detail-row dd{font-size:var(--text-sm);color:var(--text-primary);text-align:right;margin:0 0 0 var(--space-md)}.info-section--epg.info-section--epg-active{opacity:1}.info-epg-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--bg-tertiary)}.info-epg-row:last-of-type{border-bottom:none}.info-epg-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;flex-shrink:0}.info-epg-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;margin-left:var(--space-md)}.info-epg-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin:var(--space-sm) 0 0}.info-epg-stub{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin:0}.info-footer{padding-top:var(--space-lg);border-top:1px solid var(--bg-tertiary);text-align:center;flex-shrink:0}.info-modal-dismiss{display:inline-block;padding:var(--space-sm) var(--space-2xl);background:var(--accent-primary);border:2px solid transparent;border-radius:8px;color:var(--bg-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}.info-modal-dismiss:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 6px var(--focus-glow)}.share-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:200;display:none;align-items:center;justify-content:center}.share-overlay[aria-hidden=false]{display:flex}.share-content{background:var(--bg-secondary);border-radius:16px;padding:var(--space-2xl);max-width:560px;width:90%;text-align:center}.share-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.share-channel-name{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-lg)}.share-url-box{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:8px;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.share-url{font-size:var(--text-base);color:var(--accent-primary);word-break:break-all;font-family:monospace;-webkit-user-select:all;user-select:all}.share-channel-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-sm)}.share-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-md)}.share-social{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.share-social-btn{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);text-decoration:none;cursor:pointer}.share-social-btn:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow)}.share-branding{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-md)}.share-actions{display:flex;align-items:center;justify-content:center}.share-actions>*+*{margin-left:var(--space-md)}.share-copy-btn{background:var(--accent-primary);color:var(--bg-primary);border:2px solid transparent;border-radius:8px;padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-family:var(--font-primary);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}.share-copy-btn:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow)}.share-dismiss{background:transparent;border:2px solid rgba(255,255,255,.25);border-radius:8px;padding:var(--space-sm) var(--space-xl);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;-webkit-appearance:none;appearance:none}.share-dismiss:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow)}@-webkit-keyframes fav-pop{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.8);transform:scale(1.8)}50%{-webkit-transform:scale(.75);transform:scale(.75)}75%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fav-pop{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.8);transform:scale(1.8)}50%{-webkit-transform:scale(.75);transform:scale(.75)}75%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}.ctrl-btn--fav-pop{-webkit-animation:fav-pop .5s ease;animation:fav-pop .5s ease;color:var(--accent-warning)}.info-fav-toggle--pop{-webkit-animation:fav-pop .5s ease;animation:fav-pop .5s ease}@-webkit-keyframes fav-glow{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes fav-glow{0%{opacity:0}25%{opacity:1}to{opacity:0}}.fav-glow-ring{position:fixed;top:0;left:0;right:0;bottom:0;border:5px solid rgba(255,193,7,.8);box-shadow:inset 0 0 80px #ffc10733,0 0 60px #ffc10726,inset 0 0 200px #ffc10714;pointer-events:none;z-index:250;opacity:0;-webkit-animation:fav-glow 1s ease forwards;animation:fav-glow 1s ease forwards}@media(max-height:720px){:root{--text-xs: 16px;--text-sm: 18px;--text-base: 22px;--text-lg: 26px;--text-xl: 32px}.home-title{font-size:40px}.home-header{padding:var(--space-lg) 0 var(--space-md)}.home-desc{margin-top:var(--space-sm)}.hub-grid{grid-gap:var(--space-md);max-width:720px}.hub-card{min-height:120px;padding:var(--space-lg) var(--space-md)}.hub-icon{font-size:36px;margin-bottom:var(--space-sm)}.hub-label{font-size:var(--text-sm)}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-sm)}.channel-card{min-height:80px;padding:var(--space-md)}.home-footer{margin-top:var(--space-md);padding:var(--space-sm) 0}.ctrl-btn{width:48px;height:48px;font-size:16px}.controls-pill{display:none}.filter-pill{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}}@media(min-height:1441px){:root{--text-xs: 22px;--text-sm: 28px;--text-base: 32px;--text-lg: 40px;--text-xl: 52px}.hub-card{min-height:220px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.channel-card{min-height:160px}.ctrl-btn{width:72px;height:72px;font-size:28px}.filter-pill{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}}@media(max-width:480px){:root{--safe-zone: 16px;--text-xs: 13px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px}.home-title{font-size:28px}.home-subtitle{font-size:var(--text-sm)}.home-desc{display:none}.hub-grid{grid-template-columns:1fr;grid-gap:var(--space-sm);max-width:100%}.hub-card{min-height:56px;padding:var(--space-sm) var(--space-md);flex-direction:row;text-align:left}.hub-icon{font-size:24px;margin-bottom:0;margin-right:var(--space-md)}.hub-label{font-size:var(--text-sm)}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-xs)}.channel-card{min-height:60px;padding:var(--space-sm)}.channel-card-name{font-size:var(--text-xs)}.ctrl-group--nav #ctrl-ch-down,.ctrl-group--nav #ctrl-ch-up{display:none}.ctrl-btn{width:48px;height:48px}.ctrl-spacer{width:var(--space-sm)}.controls-pill{display:none}.player-controls-bar{padding:var(--space-sm) var(--safe-zone);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.player-channel-name{font-size:var(--text-sm)}.sidebar-tab{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.scroll-controls{display:none}.home-footer{margin-top:var(--space-sm)}.panel-top-bar{padding-bottom:var(--space-xs)}.filter-pill{font-size:14px;padding:4px var(--space-sm)}}@media(max-width:600px)and (min-width:481px){.ctrl-btn{width:44px;height:44px}.ctrl-spacer{width:4px}.ctrl-group>*+*{margin-left:2px}}@media(max-width:360px){.ctrl-btn{width:40px;height:40px}#ctrl-info,#ctrl-share{display:none}.ctrl-spacer{width:2px}.ctrl-group>*+*{margin-left:2px}}@media(min-width:481px)and (max-width:960px)and (pointer:coarse){:root{--safe-zone: 16px;--text-xs: 13px;--text-sm: 15px;--text-base: 18px;--text-lg: 22px;--text-xl: 28px}.home-title{font-size:32px}.hub-card{min-height:80px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.controls-pill,.scroll-controls{display:none}.player-controls-bar{padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}}@media(max-width:960px)and (pointer:fine){:root{--text-xs: 14px;--text-sm: 16px;--text-base: 18px;--text-lg: 24px;--text-xl: 30px}.home-title{font-size:32px}}@media(max-height:440px)and (pointer:coarse){.player-info{padding:var(--space-sm) var(--safe-zone)}.player-controls-bar{padding:var(--space-xs) var(--safe-zone)}.ctrl-btn{width:40px;height:40px;font-size:14px}.ctrl-group--nav #ctrl-ch-down,.ctrl-group--nav #ctrl-ch-up{display:none}}@media(pointer:coarse){.ctrl-btn:active{background:#ffffff59}.hub-card:active,.channel-card:active{-webkit-transform:scale(.97);transform:scale(.97)}.sidebar-item:active{background:#ffffff26}}.progress-notification,.grovy-notification{position:fixed;bottom:var(--space-2xl);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:300;padding:var(--space-md) var(--space-xl);border-radius:12px;font-size:var(--text-sm);font-family:var(--font-primary);color:var(--text-primary);text-align:center;pointer-events:none;-webkit-animation:notif-bounce .5s ease;animation:notif-bounce .5s ease}.progress-notification{background:var(--bg-secondary);border:1px solid var(--bg-tertiary)}.grovy-notification{background:var(--bg-secondary);border:1px solid var(--accent-primary)}@-webkit-keyframes notif-bounce{0%{-webkit-transform:translateX(-50%) translateY(20px);transform:translate(-50%) translateY(20px);opacity:0}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translate(-50%) translateY(-5px);opacity:1}to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0);opacity:1}}@keyframes notif-bounce{0%{-webkit-transform:translateX(-50%) translateY(20px);transform:translate(-50%) translateY(20px);opacity:0}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translate(-50%) translateY(-5px);opacity:1}to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.progress-notification,.grovy-notification{-webkit-animation:none;animation:none}}.stats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:250;display:none;align-items:center;justify-content:center}.stats-overlay[style*="display: flex"],.stats-overlay.stats-overlay--visible{display:flex}.stats-content{background:var(--bg-secondary);border-radius:16px;padding:var(--space-2xl);max-width:500px;width:90%;text-align:center}.stats-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xl)}.stats-grid{display:flex;justify-content:space-around;margin-bottom:var(--space-xl)}.stats-item{display:flex;flex-direction:column;align-items:center}.stats-value{font-size:var(--text-xl);font-weight:700;color:var(--accent-primary)}.stats-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs)}.stats-dismiss{display:inline-block;padding:var(--space-sm) var(--space-2xl);background:var(--accent-primary);border:2px solid transparent;border-radius:8px;color:var(--bg-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}.stats-dismiss:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--focus-glow)}