*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;background:#020202;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{height:100%;width:100vw;overflow:hidden;font-family:var(--font-mono);touch-action:manipulation}body{background:radial-gradient(ellipse 50% 40% at 50% 43%,#19263759,#0000 70%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a150f,#080604 55%,#020202);color:#e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{display:none!important}#splash-screen{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50}#splash-screen.hidden{animation:fadeOut .5s forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0;visibility:hidden}}body.is-splash #controls,body.is-splash #controls-right{visibility:hidden}body.is-splash #year-range-wrap{cursor:pointer}.splash-content{text-align:center;padding:1rem 2rem}@media(max-width:600px){.splash-content{padding:.75rem 1.75rem}}.hint-touch{display:none}.hint-mouse{display:inline}@media(hover:none)and (pointer:coarse){.hint-touch{display:inline}.hint-mouse{display:none}}.splash-subtitle{font-family:var(--font-ui);font-size:clamp(1.4rem,6cqw,2.8rem);color:#888;text-transform:uppercase;letter-spacing:.1em;animation:pulse 2s infinite}.splash-year{font-family:var(--font-ui);font-size:clamp(3rem,12vw,7rem);color:#222;margin-top:.5rem;line-height:1}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}#content-row{flex:0 0 auto;width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem}#tv-wrapper{flex:0 0 auto;min-height:0;max-width:100%;width:min(var(--tv-shell-width),calc((100vh - 250px)*1.333 + 56px));position:relative;display:flex;align-items:center;justify-content:center}#tv-set{display:flex;align-items:center;justify-content:center;width:100%}#offscreen-players{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}:root{--tv-shell-width: 1120px}.crt-bezel{position:relative;width:100%;max-width:var(--tv-shell-width);border-radius:20px;padding:28px 28px 36px;box-shadow:0 30px 80px #000000e6,0 10px 24px #0009,inset 0 3px #ffffff2e,inset 3px 0 #ffffff14,inset 0 -4px #000000b3,inset -4px 0 #00000080}.crt-screen{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:10px;overflow:hidden;container-type:inline-size;box-shadow:inset 0 4px 14px #000000e6,inset 4px 0 10px #0009,inset 0 0 40px #000000b3,0 0 0 3px #0c0c0c,0 0 0 5px #2e2e2e,0 0 0 6px #111}@media(max-width:768px){.crt-screen{box-shadow:inset 0 3px 10px #000000e6,inset 0 0 30px #000000b3,0 0 0 2px #111}.crt-bezel{padding:32px 24px 36px;box-shadow:0 20px 50px #000000e6,inset 0 3px #ffffff2e,inset 0 -4px #000000b3}}.crt-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:11}#player-container{position:absolute;inset:0 -3px;z-index:1;border-radius:8px;overflow:hidden}#player-container iframe{width:100%;height:100%;border:none;pointer-events:none}@keyframes flicker{0%{opacity:1}5%{opacity:.97}10%{opacity:1}15%{opacity:.98}20%{opacity:1}80%{opacity:1}85%{opacity:.96}90%{opacity:1}95%{opacity:.99}to{opacity:1}}.crt-screen{animation:flicker 4s infinite}#clip-intro{position:absolute;inset:0;background:#000;z-index:2;pointer-events:none;opacity:0}#clip-intro.active{opacity:1}#static-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:20;opacity:0;transition:opacity .05s;pointer-events:none}#vhs-tracking{position:absolute;left:0;width:100%;height:20px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.15) 70%,transparent);z-index:15;pointer-events:none;transform:translate(3px)}.crt-power-led{position:absolute;bottom:12px;right:30px;width:8px;height:8px;border-radius:50%;background:#ffd14a;box-shadow:0 0 6px #ffd14a99;transition:background .4s,box-shadow .4s}body.is-splash .crt-power-led{background:#111;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2a2a2a}@media(max-width:768px){.crt-screen{animation:none}}@media(max-width:768px){.crt-bezel{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.crt-bezel:before,.crt-power-led{display:none!important}.crt-screen{border-radius:4px!important;box-shadow:0 0 0 1px #ffffff0f!important}}body.is-fullscreen .crt-screen{box-shadow:none;animation:none}#vhs-tracking{overflow:hidden}body{--glow-rgb: 255, 190, 80}body.era-early60s{--glow-rgb: 255, 175, 60}body.era-late60s{--glow-rgb: 255, 165, 50}body.era-70s{--glow-rgb: 255, 150, 45}body.era-80s{--glow-rgb: 255, 200, 100}body.era-90s{--glow-rgb: 0, 210, 170}body.era-y2k{--glow-rgb: 60, 160, 255}body.era-2000s{--glow-rgb: 80, 140, 255}body.era-2010s{--glow-rgb: 160, 210, 255}body.tv-glow:before{content:"";position:fixed;inset:0;background:#00000080;pointer-events:none;z-index:0}body.tv-glow #app{position:relative;z-index:1}body.tv-glow .crt-bezel{box-shadow:0 30px 80px #000000e6,0 10px 24px #0009,inset 0 3px #ffffff2e,inset 3px 0 #ffffff14,inset 0 -4px #000000b3,inset -4px 0 #00000080,0 0 60px 8px rgba(var(--glow-rgb),.08),0 0 140px 30px rgba(var(--glow-rgb),.05),0 0 280px 70px rgba(var(--glow-rgb),.03)}#year-selector{display:flex;flex-direction:column;gap:.3rem;padding:.4rem 1rem;width:100%;max-width:min(var(--tv-shell-width),calc((100vh - 250px)*1.333 + 56px))}.year-header{display:flex;align-items:baseline;justify-content:space-between}.year-label{font-family:var(--font-ui);font-size:1rem;color:#666;letter-spacing:.1em}#year-range-wrap{--year-thumb-size: 20px;width:100%;min-width:0;position:relative;height:28px;display:flex;align-items:center}#year-track-fill{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:#333;border-radius:2px;pointer-events:none;z-index:0}#year-min,#year-max{position:absolute;width:100%;height:28px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;pointer-events:none;z-index:1;margin:0;padding:0}#year-range-wrap{touch-action:none}#year-min::-webkit-slider-runnable-track,#year-max::-webkit-slider-runnable-track{background:transparent;height:4px}#year-min::-webkit-slider-thumb,#year-max::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffd14a;box-shadow:0 0 8px #ffd14a73;cursor:grab;margin-top:-8px}#year-min::-moz-range-thumb,#year-max::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffd14a;border:none;box-shadow:0 0 8px #ffd14a73;cursor:grab}#year-range-wrap.single-year #year-min::-webkit-slider-thumb{transform:translate(3px);opacity:.8}#year-range-wrap.single-year #year-max::-webkit-slider-thumb{transform:translate(-3px)}.year-display{font-family:var(--font-ui);font-size:1.3rem;color:#ffd14a;text-shadow:0 0 10px rgba(255,209,74,.3);white-space:nowrap}#mobile-save-btn{display:none;background:none;border:none;padding:0 .15rem;cursor:pointer;color:#555;align-items:center;justify-content:center;transition:color .15s;flex-shrink:0}#mobile-save-btn svg{width:24px;height:24px;display:block;pointer-events:none}#mobile-save-btn.active{color:#ffd14a}#mobile-save-btn.active svg{fill:currentColor}body.is-splash #mobile-save-btn,#channel-number{display:none!important}#context-card{position:absolute;bottom:36px;left:28px;right:28px;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:.6rem 1.2rem .8rem;z-index:25;opacity:0;transition:opacity .6s ease-out;pointer-events:none;border-radius:0 0 10px 10px}#context-card.visible{opacity:1}.context-card-body{display:block}.context-copy{min-width:0}.context-category{font-family:var(--font-mono);font-size:1.05rem;color:#fff;letter-spacing:.15em;margin-bottom:.3rem}.context-category .cat-emoji{font-size:.85rem;letter-spacing:0}@media(min-width:769px){.context-category{font-size:1.25rem}.context-category .cat-emoji{font-size:1rem}}.context-title{font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,1.6rem);color:#fff;font-weight:400;margin-bottom:.3rem}.context-actions{display:none;pointer-events:auto}body.is-splash .context-actions{display:none!important}.context-action-btn{min-width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0a;color:#f3efe6b8;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.context-action-btn svg{display:block;pointer-events:none}.context-action-btn.active{border-color:#ffd14a;background:#ffd14a1f;color:#ffd14a}#context-save-btn.active svg{fill:currentColor}.context-duration{font-family:inherit;color:inherit;letter-spacing:inherit}#tap-to-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:27;cursor:pointer;color:transparent;background:transparent;text-shadow:none;animation:none}#player-status{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);max-width:min(80%,36ch);padding:.45rem .8rem;border-radius:999px;background:#000000b8;border:1px solid rgba(255,255,255,.08);color:#ffffffeb;font-family:var(--font-ui);font-size:.92rem;letter-spacing:.06em;text-align:center;text-transform:uppercase;text-wrap:balance;z-index:26;pointer-events:none;opacity:1;transition:opacity .2s ease}#player-status.hidden{opacity:0}#player-status.slow{color:#ffd14a;border-color:#ffd14a38}#pause-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:28;pointer-events:none}#pause-indicator span{display:none!important}#pause-indicator[data-icon=play] span{width:0;height:0;border-style:solid;border-top:clamp(1.4rem,5.5cqw,2.6rem) solid transparent;border-bottom:clamp(1.4rem,5.5cqw,2.6rem) solid transparent;border-left:clamp(2.4rem,9.5cqw,4.4rem) solid #ffd14a;border-right:none}#pause-indicator[data-icon=pause] span{font-size:clamp(3rem,12cqw,5.5rem);font-family:var(--font-ui);color:#ffd14a;display:block}#pause-indicator[data-icon=pause] span:before{content:"||"}@keyframes pause-flash{0%{opacity:0;transform:scale(.65)}18%{opacity:1;transform:scale(1.08)}32%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#pause-indicator.flash span{animation:pause-flash .85s ease-out forwards}#mobile-banner{display:none;grid-template-columns:1fr auto 1fr;align-items:center;z-index:200;background:#02020299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,209,74,.15)}.banner-title{justify-self:center;color:#ffd14a;font-family:var(--font-pixel, var(--font-ui));font-size:2.4rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding-left:.12em}#banner-filter-slot{display:flex;align-items:center;justify-self:start;padding-left:.25rem}#banner-filter-slot .category-trigger{background:none;border:none;color:#aa8a30;cursor:pointer;padding:.1rem .2rem;display:flex;align-items:center;transition:color .2s}#banner-filter-slot .category-trigger:hover,#banner-filter-slot .category-trigger.active{color:#ffd14a}#banner-filter-slot .category-trigger svg{width:30px;height:30px}#banner-settings-btn svg{width:26px;height:26px}#banner-filter-slot .category-dropdown{bottom:auto;top:calc(100% + 4px);left:-.5rem;z-index:1000;flex-direction:column;width:180px}#banner-filter-slot .category-pill{width:100%;text-align:left}#banner-settings-btn{background:none;border:none;color:#aa8a30;cursor:pointer;padding:.1rem .2rem;display:flex;align-items:center;transition:color .2s}#banner-settings-btn:hover,#banner-settings-btn.active{color:#ffd14a}body.is-splash #banner-settings-btn{display:none}.banner-right{display:flex;align-items:center;gap:.4rem;justify-self:end;padding-right:.25rem}body.is-fullscreen #mobile-banner{display:none!important}#controls{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;position:relative}#swipe-hint-screen{display:none}#channel-hint-header{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--font-ui);font-size:.8rem;color:#555;letter-spacing:.12em;pointer-events:none;opacity:0;transition:opacity .8s}#channel-hint-header.visible{opacity:1}#channel-hint{position:absolute;top:6px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:1px;font-family:var(--font-ui);font-size:.7rem;color:#555;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s;z-index:5}#channel-hint.visible{opacity:1}@media(max-width:768px){#channel-hint-header{display:none}#channel-hint{display:flex}}#double-tap-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:.7rem;color:#555;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s;z-index:5;display:none}#double-tap-hint.visible{opacity:1}@media(max-width:768px){#double-tap-hint{display:block}}#controls-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.footer-btn{background:none;border:1px solid #444;color:#666;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;line-height:1;display:flex;align-items:center;justify-content:center}.footer-btn:focus{outline:none}@media(hover:hover){.footer-btn:hover{border-color:#888;color:#aaa}}.footer-btn.active,#save-btn.active{border-color:#ffd14a;color:#ffd14a}#save-btn.active svg{fill:currentColor}.footer-btn svg{display:block;pointer-events:none}#settings-panel{position:absolute;bottom:100%;right:.75rem;margin-bottom:.4rem;background:#111;border:1px solid #333;border-radius:6px;padding:.6rem .75rem;z-index:200;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s,transform .15s}#controls-popover-backdrop{position:fixed;inset:0;z-index:190;background:#00000057;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}body.controls-popover-open #controls-popover-backdrop{opacity:1;visibility:visible;pointer-events:auto}#settings-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.controls-popover-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.controls-popover-title{margin:0;color:#9e9e9e;font-family:var(--font-ui);font-size:.78rem;font-weight:400;letter-spacing:.16em}.controls-popover-close{min-width:2rem;height:2rem;padding:0;border:1px solid #444;border-radius:999px;background:#ffffff08;color:#777;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.controls-popover-close:hover,.controls-popover-close:focus-visible{border-color:#ffd14a;color:#ffd14a;background:#ffd14a14}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-ui);font-size:.85rem;color:#888;letter-spacing:.08em;white-space:nowrap}.settings-footer-links{margin-top:.8rem;padding-top:.6rem;border-top:1px dashed #2a2a2a;display:flex;align-items:center;justify-content:center;gap:.3rem;font-family:var(--font-ui);font-size:.78rem;color:#555;letter-spacing:.06em}.settings-footer-links a{color:#777;text-decoration:none}.settings-footer-links a:hover{color:#ffd14a}.settings-toggle{background:none;border:1px solid #444;color:#666;font-family:var(--font-ui);font-size:.85rem;padding:.1rem .4rem;border-radius:4px;cursor:pointer;min-width:2.2rem;transition:border-color .15s,color .15s}.settings-toggle.active{border-color:#ffd14a;color:#ffd14a}#saved-count{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.12rem .38rem;color:#ffd14a;opacity:.9;border:1px solid rgba(255,209,74,.24);border-radius:999px;background:#ffd14a14;line-height:1;white-space:nowrap}.category-filter{position:relative}.category-trigger{background:none;border:none;color:#666;padding:.3rem;border-radius:4px;cursor:pointer;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:.25rem;line-height:1}.filter-count{font-family:var(--font-ui);font-size:.8rem;letter-spacing:.05em;color:#ffd14a;line-height:1}.category-trigger:hover{color:#aaa}.category-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.3rem;width:240px;box-shadow:0 -4px 20px #0009;z-index:200}.category-dropdown.hidden{display:none}.category-dropdown .controls-popover-header{margin-bottom:.15rem}.category-pill{width:100%;text-align:left;background:#2a2a2a;border:1px solid #444;color:#666;font-family:var(--font-ui);font-size:.85rem;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.category-pill:hover{border-color:#888;color:#aaa}.category-pill.active{background:#ffd14a1a;border-color:#ffd14a;color:#ffd14a}.category-pill-all{width:100%;text-align:center;border-color:#555;color:#888}.category-pill-all.active{background:#ffd14a0d;border-color:#ffd14a;color:#ffd14a}.control-btn{background:none;border:1px solid #444;color:#888;font-size:1.2rem;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.control-btn:hover{border-color:#ffd14a;color:#ffd14a}.control-btn.active{color:#ffd14a;border-color:#ffd14a;box-shadow:0 0 8px #ffd14a33}#category-label{font-family:var(--font-ui);font-size:1rem;color:#666;letter-spacing:.1em}.controls-hint{display:flex;gap:1.2rem;font-size:.7rem;color:#444;margin-left:auto}.controls-hint span{white-space:nowrap}@media(max-width:768px){#fullscreen-btn{display:none}#app{padding:.5rem;gap:.5rem}#year-selector{padding:.3rem .5rem .2rem;gap:.2rem}#year-range-wrap{--year-thumb-size: 18px;height:32px}#year-min,#year-max{height:32px}#year-min::-webkit-slider-thumb,#year-max::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}#year-min::-moz-range-thumb,#year-max::-moz-range-thumb{width:14px;height:14px}#controls{padding-bottom:.6rem}.crt-bezel{border-radius:10px;padding:6px 6px 30px}#controls{padding:.3rem .5rem}.crt-screen{touch-action:none}}@media(max-width:480px){.crt-bezel{border-radius:6px;padding:6px 6px 28px}}@media(display-mode:standalone){#app{padding-top:max(.5rem,env(safe-area-inset-top))}}@media(orientation:landscape)and (max-height:500px){body{overflow:hidden}#app{padding:0;gap:0}#year-selector{display:none}#controls{position:fixed;inset:0 0 0 auto;width:auto;flex-direction:column;justify-content:center;align-items:center;padding:.5rem max(.4rem,env(safe-area-inset-right,0px));background:linear-gradient(to left,rgba(0,0,0,.7),transparent);z-index:100;opacity:0;pointer-events:none;transition:opacity .3s;gap:.5rem}#controls:hover,#controls:active,#controls.fs-controls-visible{opacity:1;pointer-events:auto}#controls-right{flex-direction:column;gap:.5rem;margin-left:0}.category-dropdown{top:0;bottom:auto;left:auto;right:calc(100% + 8px);max-height:calc(100vh - 16px);overflow-y:auto}#source-dropdown{top:auto;bottom:calc(100% + 6px)}#double-tap-hint{display:block}#tv-set{position:fixed;inset:0;max-width:none;display:flex;align-items:center;justify-content:center}.crt-bezel{width:100%;height:100%;max-width:none;border-radius:0;padding:0;background:#000;box-shadow:none;border:none}.crt-bezel:before{display:none}.crt-screen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}#player-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#player-container iframe{width:100%;height:100%;object-fit:contain}.crt-power-led{display:none}.crt-screen{touch-action:none}#context-card{position:fixed;bottom:0;left:0;right:calc(52px + env(safe-area-inset-right,0px));border-radius:0}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen) #mobile-banner{display:grid;position:fixed;top:0;left:0;right:0;width:100%;height:72px;padding:.5rem 1.2rem;margin:0}body:not(.is-fullscreen) #controls{padding:0;min-height:0;overflow:visible}body:not(.is-fullscreen) #controls-right{display:none}body:not(.is-fullscreen) #controls .category-filter{display:none}body:not(.is-fullscreen) #mobile-banner .banner-right{position:relative}body:not(.is-fullscreen) #settings-panel{position:absolute;top:calc(100% + 4px);right:-.5rem;left:auto;bottom:auto;margin:0;transform:translateY(-4px)}body:not(.is-fullscreen) #settings-panel.visible{transform:translateY(0)}body:not(.is-fullscreen) #app{padding-top:78px;justify-content:flex-start;gap:0}body:not(.is-fullscreen) #content-row{margin-bottom:.1rem}body:not(.is-fullscreen) #controls{margin-bottom:.5rem}body:not(.is-fullscreen) #content-row{order:1}body:not(.is-fullscreen) #year-selector{order:2}body:not(.is-fullscreen) #controls{order:3}body:not(.is-fullscreen) #year-selector{flex-direction:row;align-items:center;padding:.05rem .35rem 0;gap:.32rem;margin-bottom:.4rem}body:not(.is-fullscreen) .year-label{display:none}body:not(.is-fullscreen) .year-header{order:1;flex:0 1 auto;gap:0;margin-right:0;min-width:0}body:not(.is-fullscreen) #year-range-wrap{order:2;flex:1 1 auto;min-width:0}body:not(.is-fullscreen) #mobile-save-btn{order:3;display:flex}body:not(.is-fullscreen) .year-display{font-size:1.35rem;min-width:7.6ch;display:inline-block;text-align:left}body:not(.is-fullscreen) #tv-wrapper{display:flex;flex-direction:column}body:not(.is-fullscreen) #tv-set{width:100%}body:not(.is-fullscreen) #context-card{position:static;border-radius:0;max-height:0;overflow:hidden;padding:0;opacity:0;transition:opacity .6s ease-out,max-height .4s ease-out,padding .4s ease-out}body:not(.is-fullscreen) #context-card.visible{max-height:10rem;opacity:1;padding:.5rem 1rem .6rem}body:not(.is-fullscreen) .context-title{font-size:.85rem}}body.is-fullscreen{overflow:hidden}body.is-fullscreen #app{padding:0;gap:0}body.is-fullscreen #year-selector{display:none}body.is-fullscreen #tv-set{position:fixed;inset:0;max-width:none}body.is-fullscreen .crt-bezel{width:100%;height:100%;max-width:none;border-radius:0;padding:0;background:#000;box-shadow:none;border:none}body.is-fullscreen .crt-bezel:before{bottom:8px;left:16px;font-size:.75rem;color:#333;text-shadow:none;letter-spacing:.2em}body.is-fullscreen .crt-screen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}body.is-fullscreen #controls{position:fixed;bottom:0;left:0;right:0;padding:.3rem 1rem max(.5rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c);z-index:300;opacity:0;transition:opacity .3s}body.is-fullscreen #context-card{position:fixed;bottom:0;left:0;right:0;border-radius:0}body.is-fullscreen #controls:hover,body.is-fullscreen #controls:active,body.is-fullscreen #controls.fs-controls-visible{opacity:1;pointer-events:auto}body.is-fullscreen #controls:has(#source-dropdown:not(.hidden)){opacity:1!important;pointer-events:auto!important}body.is-fullscreen.fs-filter-open #controls{opacity:1!important;pointer-events:auto!important}body.is-fullscreen #settings-panel{position:fixed!important;top:auto!important;bottom:calc(3.8rem + env(safe-area-inset-bottom,0px))!important;right:.75rem!important;left:auto!important;margin-bottom:0!important;z-index:400!important;transform:translateY(6px)!important}body.is-fullscreen #settings-panel.visible{transform:translateY(0)!important}#fs-year-row,#fs-year-slider-slot{display:none}body.is-fullscreen #fs-year-row{display:flex}body.is-fullscreen #fs-year-slider-slot{display:block;padding:.1rem .15rem .35rem;min-width:180px}#fs-year-value{font-family:var(--font-ui);font-size:.85rem;color:#ffd14a;letter-spacing:.06em}body.is-fullscreen #controls{display:flex!important}body.is-fullscreen #fullscreen-btn{display:inline-flex!important}body.is-fullscreen .crt-power-led{display:none}body.is-fullscreen .category-filter{margin-left:auto}body.is-fullscreen #controls-right{margin-left:0}body.is-fullscreen .category-dropdown{position:fixed!important;top:auto!important;bottom:calc(3.5rem + env(safe-area-inset-bottom,0px))!important;left:auto!important;right:.75rem!important;max-height:calc(100dvh - 5rem - env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;z-index:400!important}#save-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(4rem,20cqw,8rem);filter:drop-shadow(0 0 20px rgba(255,209,74,.9)) drop-shadow(0 0 40px rgba(255,209,74,.4));z-index:29;pointer-events:none;opacity:0}#save-flash:before{content:"";display:block;width:1em;height:1em;background-color:#ffd14a;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}@keyframes save-flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#save-flash.flash{animation:save-flash .9s ease-out forwards}body.no-scanlines .crt-screen:before{display:none}.splash-description{font-family:var(--font-ui);font-size:clamp(1.1rem,3cqw,1.5rem);line-height:1.3;color:#c8c8c8;max-width:32ch;margin:0 auto .8rem;padding:0 .6rem;letter-spacing:.03em;text-wrap:balance}.splash-tagline{font-family:var(--font-ui);font-size:clamp(1.15rem,4.5cqw,2.2rem);line-height:1.15;color:#ffd14a;margin:0 auto 1.6rem;padding:0 .6rem;letter-spacing:.04em;text-wrap:balance;text-transform:uppercase}.splash-blurb{font-family:var(--font-ui);font-size:clamp(1.15rem,3.8cqw,1.8rem);line-height:1.35;color:#9a9a9a;max-width:38ch;margin:0 auto 2.2rem;padding:0 .8rem;letter-spacing:.02em;text-wrap:balance}@media(max-height:520px),(max-width:380px){.splash-blurb{display:none}}#clip-description{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:500;width:min(640px,calc(100vw - 2rem));max-height:min(78vh,640px);background:#0a0a0afa;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 24px 60px #0009,0 0 0 1px #ffd14a0a;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}#clip-description.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#clip-description-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .7rem 1.2rem;border-bottom:1px solid #1f1f1f;flex-shrink:0}.desc-label{font-family:var(--font-ui);font-size:1.05rem;letter-spacing:.18em;color:#ffd14a;margin:0;font-weight:400}#clip-description-close{background:none;border:none;color:#777;cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color .15s,background .15s}#clip-description-close:hover,#clip-description-close:focus-visible{color:#eee;background:#ffffff0f;outline:none}#clip-description-meta{padding:.7rem 1.2rem 0;font-family:var(--font-ui);font-size:.85rem;letter-spacing:.12em;color:#888;text-transform:uppercase}#clip-description-meta:empty{display:none}#clip-description-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.85rem 1.2rem 1.2rem}#clip-description-body p{font-family:var(--font-mono);font-size:.9rem;line-height:1.65;color:#c4c4c4;margin:0 0 .85rem}#clip-description-body p:last-child{margin-bottom:0}#clip-description-body .desc-empty{font-family:var(--font-ui);font-size:1rem;letter-spacing:.08em;color:#777;text-align:center;padding:1rem 0}.desc-trigger{display:none}#desc-btn.has-description.active{border-color:#ffd14a;color:#ffd14a}#banner-desc-btn{background:none;border:none;color:#aa8a30;cursor:pointer;padding:.1rem .2rem;align-items:center;transition:color .2s}#banner-desc-btn:hover,#banner-desc-btn.active{color:#ffd14a}body.is-splash #banner-desc-btn{display:none}#clip-description-backdrop{position:fixed;inset:0;z-index:499;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}#clip-description-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:520px){#clip-description{width:calc(100vw - 1rem);max-height:82vh}}#share-modal-backdrop{position:fixed;inset:0;z-index:499;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}#share-modal-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}#share-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:500;width:min(480px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);background:#0a0a0afa;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 24px 60px #0009,0 0 0 1px #ffd14a0a;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}#share-modal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .7rem 1.2rem;border-bottom:1px solid #1f1f1f;flex-shrink:0}#share-modal-close{background:none;border:none;color:#777;cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color .15s,background .15s}#share-modal-close:hover,#share-modal-close:focus-visible{color:#eee;background:#ffffff0f;outline:none}#share-modal-body{padding:0 0 1.2rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto}#share-thumb-picker{position:relative;width:100%;line-height:0;border-bottom:1px solid #1a1a1a}#share-thumbnail{display:block;width:100%;aspect-ratio:4 / 3;max-height:40dvh;object-fit:cover;background:#0a0a0a}#share-thumbnail[hidden]{display:none}.share-thumb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#070a0ec7;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ccc;cursor:pointer;transition:background .15s,color .15s,border-color .15s;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#share-thumb-prev{left:10px}#share-thumb-next{right:10px}.share-thumb-arrow:hover,.share-thumb-arrow:focus-visible{background:#070a0ef2;color:#fff;border-color:#ffffff40;outline:none}.share-thumb-arrow[hidden]{display:none}#share-thumb-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center}#share-thumb-dots[hidden]{display:none}.share-thumb-dot{width:6px;height:6px;border-radius:50%;background:#ffffff47;transition:background .18s,transform .18s}.share-thumb-dot.active{background:#ffd14a;transform:scale(1.25)}#share-preview-copy{display:flex;flex-direction:column;gap:.35rem;padding:0 1.2rem}#share-preview-label{margin:0;color:#8d8d8d;font-family:var(--font-ui);font-size:.7rem;letter-spacing:.16em}#share-preview-title{margin:0;color:#f2f2f2;font-family:var(--font-ui);font-size:.98rem;line-height:1.35}.share-url-row,.share-platforms{padding:0 1.2rem}#share-thumb-picker+#share-preview-copy{margin-top:.2rem}#share-modal-body>#share-thumb-picker:first-child~#share-preview-copy,#share-modal-body>#share-preview-copy:first-child,#share-modal-body>.share-url-row:first-child{padding-top:1.1rem}.share-url-row{display:flex;gap:.5rem;align-items:center}#share-url-input{flex:1;min-width:0;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;color:#aaa;font-family:var(--font-mono);font-size:.78rem;padding:.5rem .7rem;outline:none;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#share-url-input:focus{border-color:#444;color:#ccc}#share-copy-btn{flex-shrink:0;background:#ffd14a;border:1px solid #ffd14a;border-radius:4px;color:#111;font-family:var(--font-ui);font-size:.78rem;letter-spacing:.12em;font-weight:700;padding:.5rem .85rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}#share-copy-btn:hover,#share-copy-btn:focus-visible{background:#ffe07d;border-color:#ffe07d;outline:none;transform:translateY(-1px)}#share-copy-btn.copied{color:#111;background:#5bca7a;border-color:#5bca7a}.share-platforms{display:flex;flex-wrap:wrap;gap:.6rem}#share-native-btn{border-color:#444;color:#ccc;cursor:pointer}#share-native-btn,#share-x-btn,#share-whatsapp-btn,#share-sms-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid #2a2a2a;border-radius:4px;color:#888;font-family:var(--font-ui);font-size:.78rem;letter-spacing:.1em;padding:.45rem .75rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}#share-native-btn:hover,#share-native-btn:focus-visible,#share-x-btn:hover,#share-x-btn:focus-visible,#share-whatsapp-btn:hover,#share-whatsapp-btn:focus-visible,#share-sms-btn:hover,#share-sms-btn:focus-visible{color:#ccc;border-color:#555;background:#ffffff0a;outline:none}.noscript-content{position:fixed;inset:0;z-index:9999;background:#020202;color:#c8c8c8;font-family:var(--font-ui);padding:2rem 1.5rem;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.noscript-content h1{font-size:2.5rem;letter-spacing:.1em;margin:0 0 1rem;color:#e8e8e8}.noscript-content p{max-width:60ch;font-size:1.15rem;line-height:1.5;margin:0 0 1rem}.noscript-content a{color:#ffd84a}.settings-row:has(.source-picker){position:relative}#source-trigger{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#source-dropdown{position:absolute;top:calc(100% + 6px);left:calc(-.75rem - 1px);right:calc(-.75rem - 1px);max-height:220px;overflow-y:auto;background:#111;border:1px solid #333;border-radius:6px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.25rem;z-index:210}#source-dropdown.hidden{display:none}.source-pill{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;background:#2a2a2a;border:1px solid #444;color:#888;font-family:var(--font-ui);font-size:.9rem;letter-spacing:.04em;padding:.25rem .55rem;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.source-pill-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-pill-count{flex-shrink:0;font-size:.8rem;opacity:.8}.source-pill:hover{border-color:#888;color:#bbb}.source-pill.active{background:#ffd14a1a;border-color:#ffd14a;color:#ffd14a}.source-pill.empty{opacity:.45;cursor:default}.source-pill.empty:hover{border-color:#444;color:#888}#playlist-modal-backdrop{position:fixed;inset:0;z-index:499;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}#playlist-modal-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}#playlist-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:500;width:min(420px,calc(100vw - 2rem));background:#0a0a0afa;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 24px 60px #0009,0 0 0 1px #ffd14a0a;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}#playlist-modal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#playlist-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .7rem 1.2rem;border-bottom:1px solid #1f1f1f;flex-shrink:0}#playlist-modal-close{background:none;border:none;color:#777;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s}#playlist-modal-close:hover,#playlist-modal-close:focus-visible{color:#eee;background:#ffffff0f;outline:none}#playlist-modal-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.9rem}#playlist-list{display:flex;flex-direction:column;gap:.3rem;max-height:46vh;overflow-y:auto}.playlist-row{display:flex;align-items:stretch;gap:.3rem}.playlist-toggle{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:.55rem;background:#161616;border:1px solid #2a2a2a;border-radius:4px;color:#bbb;font-family:var(--font-ui);font-size:.95rem;letter-spacing:.03em;padding:.45rem .6rem;cursor:pointer;text-align:left;transition:border-color .15s,color .15s,background .15s}.playlist-toggle:hover{border-color:#555;color:#ddd}.playlist-toggle.active{border-color:#ffd14a;color:#ffd14a;background:#ffd14a14}.playlist-check{flex-shrink:0;width:1.2rem;text-align:center;color:#666;font-size:1rem}.playlist-toggle.active .playlist-check{color:#ffd14a}.playlist-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-count{flex-shrink:0;color:#666;font-size:.8rem}.playlist-delete{flex-shrink:0;width:44px;background:#161616;border:1px solid #2a2a2a;border-radius:4px;color:#777;font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.playlist-delete:hover{border-color:#b04a4a;color:#e06a6a}#playlist-create-row{display:flex;gap:.5rem;align-items:center;border-top:1px solid #1f1f1f;padding-top:.9rem}#playlist-name-input{flex:1;min-width:0;min-height:44px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;color:#ccc;font-family:var(--font-mono);font-size:16px;padding:.5rem .7rem;outline:none}#playlist-name-input:focus{border-color:#ffd14a;color:#fff}#playlist-create-btn{flex-shrink:0;min-height:44px;background:#ffd14a;border:1px solid #ffd14a;border-radius:4px;color:#111;font-family:var(--font-ui);font-size:.85rem;letter-spacing:.1em;font-weight:700;padding:.5rem .85rem;cursor:pointer}#playlist-create-btn:hover{background:#ffdc6e}#confirm-modal-backdrop{position:fixed;inset:0;z-index:599;background:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}#confirm-modal-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}#confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:600;width:min(360px,calc(100vw - 2rem));background:#0a0a0afa;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 24px 60px #000000a6,0 0 0 1px #ffd14a0a;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}#confirm-modal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#confirm-modal-header{padding:.7rem 1.2rem;border-bottom:1px solid #1f1f1f}#confirm-modal-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:1.1rem}#confirm-modal-message{margin:0;color:#c4c4c4;font-family:var(--font-mono);font-size:.9rem;line-height:1.5}#confirm-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}#confirm-modal-cancel,#confirm-modal-confirm{font-family:var(--font-ui);font-size:.85rem;letter-spacing:.1em;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}#confirm-modal-cancel{background:none;border:1px solid #444;color:#999}#confirm-modal-cancel:hover{border-color:#888;color:#ccc}#confirm-modal-confirm{background:#b04a4a;border:1px solid #b04a4a;color:#fff;font-weight:700}#confirm-modal-confirm:hover{background:#c85a5a;border-color:#c85a5a}body.era-y2k{background:radial-gradient(ellipse at 20% 50%,rgba(0,102,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,0,255,.02) 0%,transparent 50%),#0a0a0a}body.era-y2k.themed-bg{background:radial-gradient(ellipse at 20% 50%,rgba(0,102,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,0,255,.1) 0%,transparent 50%),#0a0a0a}body.era-y2k .splash-year{background:linear-gradient(to bottom,#333,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-y2k .crt-bezel{background:linear-gradient(145deg,#585858,#424242 18%,#323232,#242424 72%,#181818);border:1px solid #444;border-top-color:#666;border-left-color:#555;border-bottom-color:#111;border-right-color:#111}body.era-y2k .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:9px;left:28px;font-family:var(--font-ui);font-size:1.15rem;color:#90c890;letter-spacing:.1em;text-shadow:0 0 6px rgba(255,209,74,.3),0 1px 3px rgba(0,0,0,.9)}body.era-y2k #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-y2k .crt-bezel:before{left:18px;font-size:.9rem}body.era-y2k .crt-power-led{right:22px}}@media(max-width:480px){body.era-y2k .crt-bezel:before{left:14px;font-size:.85rem}body.era-y2k .crt-power-led{right:18px}}body.era-y2k ::selection{background:#06f;color:#fff}body.era-early60s{background:radial-gradient(ellipse at 40% 50%,rgba(74,144,217,.05) 0%,transparent 55%),radial-gradient(ellipse at 60% 50%,rgba(200,208,216,.03) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#080c10,#050709 55%,#020202)}body.era-early60s.themed-bg{background:radial-gradient(ellipse at 40% 50%,rgba(74,144,217,.12) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#080c10,#050709 55%,#020202)}body.era-early60s .splash-year{background:linear-gradient(to bottom,#2a3a4a,#141e28);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-early60s .crt-bezel{background:linear-gradient(145deg,#dce4ea,#c8d0d8 20%,#b0bcc8,#98a8b8 70%,#808ea0);border:1px solid #a0b0c0;border-top-color:#e8f0f8;border-left-color:#d0dce8;border-bottom-color:#5a6878;border-right-color:#708090}body.era-early60s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:10px;left:28px;font-family:var(--font-ui);font-size:1.25rem;color:#182838;letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.15)}body.era-early60s .crt-power-led{background:#4a90d9;box-shadow:0 0 6px #4a90d9cc}body.era-early60s.is-splash .crt-power-led{background:#0a1420;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #1a2a3a}@media(min-width:769px){body.era-early60s #context-card{bottom:66px;left:44px;right:44px;border-radius:0 0 16px 16px}}@media(min-width:769px){body.era-early60s .crt-bezel{padding:36px 44px 66px;border-radius:36px}body.era-early60s .crt-bezel:before{left:44px;bottom:16px;font-size:1.15rem}body.era-early60s .crt-power-led{right:44px;bottom:20px;width:9px;height:9px}body.era-early60s .crt-screen{border-radius:16px;box-shadow:inset 0 4px 16px #000000f2,inset 4px 0 10px #000000b3,inset 0 0 40px #000c,0 0 0 3px #606e7a,0 0 0 8px #9aaaba,0 0 0 11px #c8d4e0,0 0 0 14px #7a8a98,0 0 0 16px #4a5a68}}body.era-early60s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-early60s .crt-bezel:before{left:18px;font-size:.9rem}body.era-early60s .crt-power-led{right:22px}}@media(max-width:480px){body.era-early60s .crt-bezel:before{left:14px;font-size:.85rem}body.era-early60s .crt-power-led{right:18px}}body.era-early60s ::selection{background:#4a90d9;color:#fff}body.era-late60s{background:radial-gradient(ellipse at 35% 50%,rgba(232,180,0,.05) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(122,58,138,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#140c04,#0a0602 55%,#020100)}body.era-late60s.themed-bg{background:radial-gradient(ellipse at 35% 50%,rgba(232,180,0,.14) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(122,58,138,.12) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#140c04,#0a0602 55%,#020100)}body.era-late60s .splash-year{background:linear-gradient(to bottom,#3a2a08,#1a1202);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-late60s .crt-bezel{background:linear-gradient(145deg,#f0e0c0,#decca0 18%,#c8b480,#b09860 72%,#907840);border:1px solid #c0a060;border-top-color:#f8ecd0;border-left-color:#e8d8a8;border-bottom-color:#705030;border-right-color:#806040}body.era-late60s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:10px;left:28px;font-family:var(--font-ui);font-size:1.25rem;color:#3a2008;letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,255,255,.4),0 -1px 0 rgba(0,0,0,.15)}body.era-late60s .crt-power-led{background:#e8b400;box-shadow:0 0 6px #e8b400cc}body.era-late60s.is-splash .crt-power-led{background:#1e1600;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2e2200}@media(min-width:769px){body.era-late60s #context-card{bottom:72px;left:46px;right:46px;border-radius:0 0 13px 13px}}@media(min-width:769px){body.era-late60s .crt-bezel{padding:46px 46px 72px;border-radius:24px}body.era-late60s .crt-bezel:before{left:46px;bottom:19px;font-size:1.15rem}body.era-late60s .crt-power-led{right:46px;bottom:23px;width:10px;height:10px}body.era-late60s .crt-screen{border-radius:13px;box-shadow:inset 0 5px 16px #000000f2,inset 5px 0 11px #000000b3,inset 0 0 45px #000000d9,0 0 0 4px #1e1206,0 0 0 11px #362010,0 0 0 14px #1e1206,0 0 0 16px #4a2c14}}body.era-late60s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-late60s .crt-bezel:before{left:18px;font-size:.9rem}body.era-late60s .crt-power-led{right:22px}}@media(max-width:480px){body.era-late60s .crt-bezel:before{left:14px;font-size:.85rem}body.era-late60s .crt-power-led{right:18px}}body.era-late60s ::selection{background:#c4501a;color:#fff}body.era-70s{background:radial-gradient(ellipse at 30% 50%,rgba(180,90,0,.06) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(120,60,0,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a0e04,#0d0702 55%,#020100)}body.era-70s.themed-bg{background:radial-gradient(ellipse at 30% 50%,rgba(180,90,0,.18) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(120,60,0,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a0e04,#0d0702 55%,#020100)}body.era-70s .splash-year{background:linear-gradient(to bottom,#3a2008,#1e0e02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-70s .crt-bezel{background:repeating-linear-gradient(92deg,transparent 0px,transparent 18px,rgba(255,200,120,.03) 18px,rgba(255,200,120,.03) 19px,transparent 19px,transparent 34px,rgba(0,0,0,.08) 34px,rgba(0,0,0,.08) 35px),linear-gradient(145deg,#6a3c14,#5a3010 15%,#3d1c06,#4a2410,#3a1a06 75%,#2a1004);border:1px solid #5a3010;border-top-color:#7a4a20;border-left-color:#6a3c14;border-bottom-color:#1a0a02;border-right-color:#2a1206}body.era-70s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:10px;left:28px;font-family:var(--font-ui);font-size:1.15rem;color:#d4a84c;letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,200,100,.3),0 2px 4px rgba(0,0,0,.8)}body.era-70s .crt-power-led{background:#d20;box-shadow:0 0 6px #dc2200cc}body.era-70s.is-splash .crt-power-led{background:#1a0400;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2a0a04}@media(min-width:769px){body.era-70s #context-card{bottom:80px;left:48px;right:48px}}@media(min-width:769px){body.era-70s .crt-bezel{padding:48px 48px 80px;border-radius:16px}body.era-70s .crt-bezel:before{left:48px;bottom:23px;font-size:1.15rem}body.era-70s .crt-power-led{right:48px;bottom:27px;width:10px;height:10px}body.era-70s .crt-screen{border-radius:10px;box-shadow:inset 0 6px 20px #000000fa,inset 6px 0 14px #000c,inset 0 0 60px #000000e6,0 0 0 5px #1a0a02,0 0 0 13px #2e1608,0 0 0 17px #120600,0 0 0 19px #3a1c0a}}body.era-70s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-70s .crt-bezel:before{left:18px;font-size:.9rem}body.era-70s .crt-power-led{right:22px}}@media(max-width:480px){body.era-70s .crt-bezel:before{left:14px;font-size:.85rem}body.era-70s .crt-power-led{right:18px}}body.era-70s ::selection{background:#c50;color:#fff}body.era-80s{background:radial-gradient(ellipse at 30% 50%,rgba(106,0,255,.05) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(255,20,147,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#120a1a,#080508 55%,#020202)}body.era-80s.themed-bg{background:radial-gradient(ellipse at 30% 50%,rgba(106,0,255,.18) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(255,20,147,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#120a1a,#080508 55%,#020202)}body.era-80s .splash-year{background:linear-gradient(to bottom,#2a1a3a,#150d22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-80s .crt-bezel{background:linear-gradient(145deg,#e8dfc8,#d4c9a8 18%,#c4b890,#b0a478 72%,#9a9070);border:1px solid #c0b090;border-top-color:#f0e8d0;border-left-color:#ddd0b0;border-bottom-color:#807060;border-right-color:#908070}body.era-80s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:10px;left:28px;font-family:var(--font-ui);font-size:1.25rem;color:#1a1208;letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.15)}body.era-80s .crt-power-led{background:#ff8c00;box-shadow:0 0 6px #ff8c00b3}body.era-80s.is-splash .crt-power-led{background:#2a1a00;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #3a2a10}@media(min-width:769px){body.era-80s #context-card{bottom:70px;left:42px;right:42px;border-radius:0 0 12px 12px}}@media(min-width:769px){body.era-80s .crt-bezel{padding:42px 42px 70px;border-radius:30px}body.era-80s .crt-bezel:before{left:42px;bottom:18px;font-size:1.15rem}body.era-80s .crt-power-led{right:42px;bottom:22px;width:10px;height:10px}body.era-80s .crt-screen{border-radius:12px;box-shadow:inset 0 5px 18px #000000f2,inset 5px 0 12px #000000b3,inset 0 0 50px #000c,0 0 0 4px #1a1510,0 0 0 11px #2e2820,0 0 0 14px #1a1510,0 0 0 16px #3a3228}}body.era-80s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-80s .crt-bezel:before{left:18px;font-size:.9rem}body.era-80s .crt-power-led{right:22px}}@media(max-width:480px){body.era-80s .crt-bezel:before{left:14px;font-size:.85rem}body.era-80s .crt-power-led{right:18px}}body.era-80s ::selection{background:#ff1493;color:#fff}body.era-90s{background:radial-gradient(ellipse at 35% 50%,rgba(0,122,122,.05) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(106,47,160,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#0e0e16,#070709 55%,#020202)}body.era-90s.themed-bg{background:radial-gradient(ellipse at 35% 50%,rgba(0,122,122,.16) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(106,47,160,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#0e0e16,#070709 55%,#020202)}body.era-90s .splash-year{background:linear-gradient(to bottom,#1c1c2a,#0a0a10);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-90s .crt-bezel{background:linear-gradient(145deg,#2a2a38,#1e1e2a 20%,#161620 50%,#101018,#0c0c14);border:1px solid #2e2e3e;border-top-color:#3a3a4a;border-left-color:#303040;border-bottom-color:#080810;border-right-color:#111118}body.era-90s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:9px;left:28px;font-family:var(--font-ui);font-size:1.15rem;color:#5abcb0;letter-spacing:.1em;text-shadow:0 0 8px rgba(0,255,204,.35),0 1px 3px rgba(0,0,0,.9)}body.era-90s .crt-power-led{background:#0c4;box-shadow:0 0 6px #00cc44b3}body.era-90s.is-splash .crt-power-led{background:#001a08;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #002a10}@media(min-width:769px){body.era-90s #context-card{bottom:48px;left:32px;right:32px}}@media(min-width:769px){body.era-90s .crt-bezel{padding:32px 32px 48px;border-radius:14px}body.era-90s .crt-bezel:before{left:32px;bottom:12px;font-size:1.15rem}body.era-90s .crt-power-led{right:32px;bottom:15px;width:9px;height:9px}body.era-90s .crt-screen{border-radius:10px;box-shadow:inset 0 4px 14px #000000f2,inset 4px 0 10px #000000b3,inset 0 0 40px #000000bf,0 0 0 3px #0c0c18,0 0 0 8px #1e1e2e,0 0 0 11px #0c0c18,0 0 0 13px #2a2a3a}}body.era-90s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-90s .crt-bezel:before{left:18px;font-size:.9rem}body.era-90s .crt-power-led{right:22px}}@media(max-width:480px){body.era-90s .crt-bezel:before{left:14px;font-size:.85rem}body.era-90s .crt-power-led{right:18px}}body.era-90s ::selection{background:#007a7a;color:#fff}body.era-2000s{background:radial-gradient(ellipse at 40% 50%,rgba(0,102,204,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#060810,#030406 55%,#010102)}body.era-2000s.themed-bg{background:radial-gradient(ellipse 30% 20% at 15% 20%,rgba(0,102,204,.22) 0%,transparent 100%),radial-gradient(ellipse 25% 15% at 85% 80%,rgba(0,60,120,.16) 0%,transparent 100%),radial-gradient(ellipse at 40% 50%,rgba(0,102,204,.16) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#060810,#030406 55%,#010102)}body.era-2000s .splash-year{background:linear-gradient(to bottom,#1a2233,#0a0f1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-2000s .crt-bezel{background:linear-gradient(145deg,#282828,#181818 25%,#101010 60%,#0a0a0a);border:1px solid #303030;border-top-color:#3a3a3a;border-left-color:#303030;border-bottom-color:#080808;border-right-color:#0e0e0e;box-shadow:0 20px 50px #000000f2,0 8px 20px #000000b3,inset 0 1px #ffffff0f,inset 0 -2px #000c}body.era-2000s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:10px;left:28px;font-family:var(--font-ui);font-size:1.15rem;color:#6888aa;letter-spacing:.1em;text-shadow:0 0 6px rgba(100,160,255,.3),0 1px 3px rgba(0,0,0,.9)}body.era-2000s .crt-power-led{background:#06c;box-shadow:0 0 8px #0066cce6}body.era-2000s.is-splash .crt-power-led{background:#000810;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #001020}@media(min-width:769px){body.era-2000s #context-card{left:22px;right:22px;border-radius:0 0 4px 4px}}@media(min-width:769px){body.era-2000s .crt-bezel{padding:22px 22px 30px;border-radius:8px}body.era-2000s .crt-bezel:before{left:22px;font-size:1.1rem}body.era-2000s .crt-power-led{right:22px;bottom:10px;width:7px;height:7px}body.era-2000s .crt-screen{border-radius:4px;box-shadow:inset 0 2px 8px #000000e6,inset 0 0 20px #0009,0 0 0 2px #0a0a0a,0 0 0 5px #1c1c1c,0 0 0 6px #080808}}body.era-2000s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-2000s .crt-bezel:before{left:18px;font-size:.9rem}body.era-2000s .crt-power-led{right:22px}}@media(max-width:480px){body.era-2000s .crt-bezel:before{left:14px;font-size:.85rem}body.era-2000s .crt-power-led{right:18px}}body.era-2000s ::selection{background:#06c;color:#fff}body.era-2010s,body.era-2010s.themed-bg{background:radial-gradient(ellipse 90% 70% at 50% 44%,#050505,#030303 55%,#010101)}body.era-2010s .splash-title{background:linear-gradient(135deg,#c0c8d0,#e8eef4,#a0aab4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(200,210,220,.15))}body.era-2010s .splash-year{background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-2010s .crt-bezel{background:linear-gradient(160deg,#1e1e1e,#141414 40%,#0e0e0e);border:1px solid #222;border-top-color:#2a2a2a;border-left-color:#242424;border-bottom-color:#060606;border-right-color:#0a0a0a;box-shadow:0 12px 30px #000000fa,0 4px 10px #000c,inset 0 1px #ffffff0a}body.era-2010s .crt-bezel:before{content:"TIMESURF.TV";position:absolute;bottom:8px;left:28px;font-family:var(--font-ui);font-size:1.1rem;color:#888;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.9)}body.era-2010s .crt-power-led{background:#e0eeff;box-shadow:0 0 5px #dcebffb3;width:6px;height:6px}body.era-2010s.is-splash .crt-power-led{background:#080808;box-shadow:inset 0 0 2px #000000e6,0 0 0 1px #141414}@media(min-width:769px){body.era-2010s #context-card{bottom:48px;left:14px;right:14px;border-radius:0 0 2px 2px}}@media(min-width:769px){body.era-2010s .crt-bezel{padding:14px 14px 38px;border-radius:4px}body.era-2010s .crt-bezel:before{left:14px;font-size:1rem;bottom:12px}body.era-2010s .crt-power-led{right:14px;bottom:13px;width:5px;height:5px}body.era-2010s .crt-screen{border-radius:2px;box-shadow:inset 0 1px 4px #000c,0 0 0 1px #0e0e0e,0 0 0 3px #161616,0 0 0 4px #080808}body.era-2010s #player-container{inset:0}}body.era-2010s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-2010s .crt-bezel:before{left:18px;font-size:.85rem}body.era-2010s .crt-power-led{right:22px}}@media(max-width:480px){body.era-2010s .crt-bezel:before{left:14px;font-size:.8rem}body.era-2010s .crt-power-led{right:18px}}body.era-2010s ::selection{background:#404858;color:#fff}#header-filter-slot,#header-settings-btn,#fullscreen-row{display:none}@media(min-width:1024px){:root{--desktop-player-width: var(--tv-shell-width)}.crt-bezel,body[class*=era-] .crt-bezel{padding:36px 44px 80px!important;border-radius:28px!important;border-color:#222!important}.crt-bezel{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);box-shadow:0 40px 100px #000000d9,0 18px 32px #0009}.crt-screen{aspect-ratio:4 / 3!important;border-radius:8px!important}#channel-number{z-index:60}#app{padding-top:max(1vh,56px)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 55%,rgba(255,209,74,.05) 0%,transparent 60%);pointer-events:none;z-index:0}#mobile-banner{display:flex!important;position:relative;top:auto;left:auto;right:auto;width:min(100%,var(--desktop-player-width));max-width:var(--desktop-player-width);margin:0 auto;min-height:68px;justify-content:space-between;align-items:center;padding:.35rem .85rem;z-index:200}#mobile-banner .banner-title{display:inline-block!important;font-family:var(--font-pixel, var(--font-ui));font-size:2.6rem;letter-spacing:.1em;color:#ffd14a;text-shadow:0 0 10px rgba(255,209,74,.45)}#mobile-banner #banner-filter-slot{justify-self:auto;padding-left:0}#mobile-banner .banner-right{justify-self:auto;padding-right:0}#mobile-banner #banner-filter-slot .category-trigger svg,#mobile-banner #banner-settings-btn svg{width:34px;height:34px;margin-top:0}#mobile-banner .banner-right,#mobile-banner #banner-filter-slot{position:relative}#banner-filter-slot .category-dropdown{width:240px}#banner-filter-slot .category-pill{font-size:.95rem}#settings-panel{width:240px}#settings-panel .settings-footer-links{font-size:.84rem}#year-selector{order:3;position:relative;width:min(100%,var(--desktop-player-width));max-width:var(--desktop-player-width);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .9rem}#content-row{order:2}#controls{order:4}.year-label{display:none}#header-filter-slot,#header-settings-btn,#channel-hint-header,#double-tap-hint{display:none!important}#channel-hint{display:flex;top:auto;bottom:-1.8rem;font-size:.8rem;flex-direction:row;gap:1rem}#context-card{bottom:80px!important;left:44px!important;right:44px!important;border-radius:0 0 6px 6px;z-index:60}body[class*=era-] #context-card{bottom:80px!important;left:44px!important;right:44px!important}#tv-wrapper{width:var(--desktop-player-width)!important}.year-header{order:1;flex:0 0 auto;gap:0;margin-right:-.2rem}#year-range-wrap{order:2;width:100%}#mobile-save-btn{display:none}#mobile-save-btn:hover,#mobile-save-btn.active{color:#ffd14a}#fullscreen-row{display:flex}.year-display{min-width:9ch;text-align:left;font-size:1.9rem}#controls-right{display:flex!important;align-items:center;justify-self:end;gap:.55rem;margin-left:0;order:3}#settings-panel{position:absolute;top:calc(100% + 4px);right:-.5rem;bottom:auto;left:auto;margin:0;width:240px;gap:.4rem;display:flex;flex-direction:column;transform:translateY(-4px);z-index:200}#settings-panel.visible{transform:translateY(0)}#settings-panel .settings-row{font-size:.95rem}#settings-panel .settings-toggle{font-size:.92rem}#year-selector,#controls{position:relative;z-index:60}#controls{display:none}body{background:#050505}body.tv-glow:before{display:none!important}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen) #context-card{padding-top:.35rem;padding-bottom:.4rem}body:not(.is-fullscreen) .context-category{margin-bottom:.15rem}body:not(.is-fullscreen) .context-title{margin-bottom:.15rem}body:not(.is-fullscreen) .context-category{font-size:.9rem}body:not(.is-fullscreen) .context-category .cat-emoji{font-size:.75rem}body:not(.is-fullscreen) .context-title{font-size:.75rem!important}body:not(.is-fullscreen) .context-duration{font-size:.85rem}body:not(.is-fullscreen) #settings-panel{padding:.5rem}body:not(.is-fullscreen) #settings-panel .settings-row{font-size:.95rem}body:not(.is-fullscreen) #settings-panel .settings-toggle{font-size:.92rem}}:root{--shell-bg: #06080c;--panel-bg: rgba(12, 15, 20, .82);--panel-border: rgba(255, 255, 255, .08);--panel-border-strong: rgba(255, 255, 255, .14);--text-main: #f3efe6;--text-muted: #a8b0bd;--accent: #f5c768;--accent-soft: rgba(245, 199, 104, .18);--player-shadow: 0 28px 80px rgba(0, 0, 0, .55);--font-pixel: "VT323", monospace;--font-ui: "Share Tech Mono", monospace;--font-mono: "Share Tech Mono", monospace}html,body{background:radial-gradient(circle at top,#121722,#090b10 42%,#050608)}body{color:var(--text-main);justify-content:flex-start}body:before,body.tv-glow:before{display:none!important}#app{width:min(100%,1440px);margin:0 auto;padding:1rem clamp(.9rem,2vw,1.75rem) 1.5rem;gap:.75rem;justify-content:flex-start}#mobile-banner{display:flex!important;position:relative;width:100%;min-height:64px;padding:.75rem .95rem;border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,#11151ceb,#0a0d12d1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 30px #00000047}.banner-title{color:var(--accent)!important;font-family:var(--font-pixel)!important;font-size:clamp(1.8rem,2.2vw,2.6rem)!important;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(245,199,104,.4)!important}#banner-filter-slot .category-trigger,#banner-settings-btn,#banner-desc-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--panel-border-strong);border-radius:12px;background:#ffffff08;color:var(--text-muted)}#banner-filter-slot .category-trigger:hover,#banner-filter-slot .category-trigger.active,#banner-settings-btn:hover,#banner-settings-btn.active,#banner-desc-btn:hover,#banner-desc-btn.active{border-color:#f5c76866;background:var(--accent-soft);color:var(--accent)}#banner-filter-slot .category-trigger svg,#banner-settings-btn svg,#banner-desc-btn svg{width:20px!important;height:20px!important}#banner-desc-btn,#desc-btn{display:none!important}body.is-splash #banner-desc-btn,body.is-splash #banner-settings-btn{display:none}#year-selector{width:100%;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body.is-splash #year-selector{visibility:visible}.year-label,#channel-hint-header,#header-filter-slot,#header-settings-btn{display:none!important}.year-header{min-width:0}#year-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.year-display{min-width:0;font-family:var(--font-mono);font-size:clamp(1rem,1.45vw,1.35rem);color:var(--text-main);text-shadow:none;letter-spacing:.08em}#year-range-wrap{height:36px}#year-track-fill{height:6px;border-radius:999px;background:#ffffff1f}#year-min::-webkit-slider-thumb,#year-max::-webkit-slider-thumb,#year-min::-moz-range-thumb,#year-max::-moz-range-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid #11151a;background:var(--accent);box-shadow:0 0 0 6px #f5c7681f;transition:width .15s ease,height .15s ease,margin-top .15s ease,box-shadow .15s ease}#year-range-wrap:hover>#year-min::-webkit-slider-thumb,#year-range-wrap:hover>#year-max::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;box-shadow:0 0 0 9px #f5c76838}#year-range-wrap:hover>#year-min::-moz-range-thumb,#year-range-wrap:hover>#year-max::-moz-range-thumb{width:22px;height:22px;box-shadow:0 0 0 9px #f5c76838}#mobile-save-btn,.footer-btn,.settings-toggle,.category-pill{font-family:var(--font-mono)}#mobile-save-btn{display:flex;width:42px;height:42px;padding:0;border:1px solid var(--panel-border-strong);border-radius:12px;background:#ffffff08;color:var(--text-muted)}#mobile-save-btn:hover,#mobile-save-btn.active{border-color:#f5c76866;background:var(--accent-soft);color:var(--accent)}@media(min-width:1024px){#app{width:100%;max-width:none}#content-row,#tv-wrapper,#year-selector,#controls{width:min(100%,var(--desktop-player-width))!important;max-width:var(--desktop-player-width);margin-left:auto;margin-right:auto}#mobile-save-btn,#settings-btn,#desc-btn,body:not(.is-fullscreen) #controls>.category-filter{display:none!important}.crt-bezel,body[class*=era-] .crt-bezel{width:100%;max-width:none!important}}#content-row{width:100%}#tv-wrapper{width:100%!important;max-width:none;flex-direction:column;align-items:stretch}#tv-set{width:100%}.crt-bezel,body[class*=era-] .crt-bezel{padding:0!important;border-radius:20px!important;background:none!important;box-shadow:none!important}.crt-bezel:before,.crt-bezel:after,.crt-power-led,.crt-screen:after{display:none!important}.crt-screen{aspect-ratio:16 / 9!important;border-radius:12px!important;background:#050608;box-shadow:var(--player-shadow)!important;animation:none!important}#player-container{inset:0!important;border-radius:20px}#static-canvas,#clip-intro,#tap-to-play{border-radius:20px}#player-status{bottom:16px;background:#070a0ec2;border-color:#ffffff1a;font-family:var(--font-mono);font-size:clamp(.8rem,1vw,.95rem);letter-spacing:.08em;box-shadow:0 8px 20px #0000003d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(min-width:769px){body:not(.is-fullscreen) #player-status{top:50%;bottom:auto;transform:translate(-50%,-50%)}}#channel-number{top:14px;right:16px;padding:.2rem .55rem;border-radius:999px;background:#00000073;font-family:var(--font-mono);font-size:clamp(.95rem,1.6vw,1.2rem);letter-spacing:.08em;text-shadow:none}#channel-hint,#double-tap-hint{display:none!important}#context-card,body[class*=era-] #context-card{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:auto;padding:3rem 1.4rem 1.1rem;border:none!important;border-radius:0 0 12px 12px;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden}#context-card:before,body[class*=era-] #context-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 45%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:0}#context-card .context-card-body{position:relative;z-index:1}#context-card .context-category,#context-card .context-title{text-shadow:0 1px 10px rgba(0,0,0,.8),0 3px 20px rgba(0,0,0,.5)}body.is-fullscreen #context-card,body.is-fullscreen[class*=era-] #context-card{position:fixed!important;inset:auto 0 0!important;border-radius:0!important;transition:bottom .3s ease!important}.context-category{margin-bottom:.22rem;color:#fff;font-family:var(--font-mono);font-size:1rem;letter-spacing:.14em}.context-title{margin-bottom:0;color:var(--text-main);font-family:var(--font-mono);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400}.context-text{display:none}#controls{width:100%;padding:.1rem 0;justify-content:flex-end;gap:.65rem}#controls>.category-filter{display:flex!important}#controls-right{display:flex!important;gap:.65rem}#controls #save-btn,#controls #share-btn,#controls #settings-btn{display:flex!important}#fullscreen-btn{display:none!important}.footer-btn,.category-trigger,.settings-toggle{border-radius:12px}.footer-btn{min-width:44px;min-height:44px;padding:0;border:1px solid var(--panel-border-strong);background:#ffffff08;color:var(--text-muted)}.footer-btn:hover,.footer-btn.active{border-color:#f5c76866;background:var(--accent-soft);color:var(--accent)}.category-trigger{min-height:44px;padding:0 .85rem;border:1px solid var(--panel-border-strong);background:#ffffff08;color:var(--text-muted);border-radius:12px;font-family:var(--font-mono)}.category-trigger:hover,.category-trigger.active{border-color:#f5c76866;background:var(--accent-soft);color:var(--accent)}.filter-count{color:var(--accent);font-family:var(--font-mono)}#settings-panel,.category-dropdown{border:1px solid var(--panel-border-strong);border-radius:16px;background:#0a0d12f0;box-shadow:0 20px 48px #00000061;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:264px;padding:.5rem}#controls-popover-backdrop{background:#04070b6b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.controls-popover-title{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.controls-popover-close{border-color:var(--panel-border-strong);background:#ffffff08;color:var(--text-muted)}.controls-popover-close:hover,.controls-popover-close:focus-visible{border-color:#f5c76873;background:#f5c76814;color:var(--text-main)}.settings-row,.settings-footer-links,.category-pill{color:var(--text-muted)}.settings-row,.category-pill{min-height:42px;border:1px solid var(--panel-border-strong);border-radius:12px;background:#ffffff08;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.06em}.settings-row{padding:.45rem .75rem;gap:.9rem;text-transform:uppercase}.settings-row+.settings-row{margin-top:.4rem}.settings-label{min-width:0;flex:1;line-height:1.15;display:flex;align-items:center;gap:.45rem}.settings-toggle{min-width:3.35rem;min-height:32px;padding:.2rem .7rem;border:1px solid var(--panel-border-strong);border-radius:10px;background:#ffffff05;color:var(--text-muted);font-family:var(--font-mono);font-size:.92rem;letter-spacing:.06em}.category-dropdown{gap:.4rem}.category-pill{padding:.45rem .75rem;line-height:1.2}.settings-toggle:hover,.category-pill:hover{border-color:#f5c76873;background:#f5c76814;color:var(--text-main)}.settings-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.4rem .55rem;margin-top:.75rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}.settings-footer-links a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:.3rem .45rem;border:1px solid var(--panel-border-strong);border-radius:10px;background:#ffffff05}.category-pill.active,.category-pill-all.active,.settings-toggle.active{color:var(--accent);border-color:#f5c76873;background:var(--accent-soft)}#splash-screen{background:linear-gradient(180deg,#05070b2e,#05070ba8),radial-gradient(circle at top,#f5c76814,#05070b00 48%),#050608}.splash-content{max-width:640px;padding:1.5rem}.splash-kicker{margin-bottom:.9rem;color:var(--accent);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.28em;text-transform:uppercase}.splash-title{margin-bottom:1.4rem;color:#fff6e4;font-family:var(--font-mono);font-size:clamp(2rem,6vw,4rem);font-weight:400;letter-spacing:.06em;line-height:.95;text-transform:uppercase}.splash-blurb{max-width:30ch;margin:0 auto 1.5rem;color:#ccd2db;font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.15rem);line-height:1.5;letter-spacing:0}#splash-cta{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:52px;margin:0 auto .85rem;padding:0 1.4rem;border:1px solid rgba(245,199,104,.42);border-radius:999px;background:linear-gradient(180deg,#f5c7682e,#f5c76814);color:#fff3d8;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.splash-subtitle{color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.16em;animation:none}.splash-meta{margin:0 0 1rem;color:var(--accent);font-family:var(--font-mono);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase}body.has-shared-link #splash-screen{background:linear-gradient(180deg,#04060914,#04060961 35%,#040609d6),linear-gradient(180deg,#05070b05,#05070b33 40%,#05070bb8);align-items:stretch;justify-content:stretch;overflow:hidden}body.has-shared-link #splash-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070b38,#05070b2e 38%,#05070b7a 72%,#05070bb8),radial-gradient(circle at center,rgba(255,255,255,.04),transparent 62%),var(--shared-poster-url) center / cover no-repeat;transform:scale(1.01);filter:saturate(.96) contrast(1.04);z-index:0}body.has-shared-link .splash-content{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;padding:clamp(1rem,2.2vw,1.5rem);text-align:left;overflow:hidden;position:relative;z-index:1}body.has-shared-link .splash-title{max-width:min(18ch,100%);margin-bottom:.65rem;font-size:clamp(1.8rem,4.4vw,3.4rem);color:#f3efe6;text-shadow:0 12px 36px rgba(0,0,0,.5);background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;filter:none!important}body.has-shared-link .splash-blurb{display:block;max-width:min(48ch,100%);margin:0 0 .95rem;text-shadow:0 10px 28px rgba(0,0,0,.42)}body.has-shared-link .splash-kicker,body.has-shared-link .splash-meta,body.has-shared-link .splash-subtitle{display:none!important}body.has-shared-link #splash-cta{margin:0 0 .7rem}body.has-shared-link .splash-subtitle{text-align:left}body.has-shared-link #context-card{display:none!important}body.is-splash #controls{visibility:hidden}@media(max-width:1023px){#app{padding:.75rem}#mobile-banner{padding:.7rem .8rem;border-radius:16px}.banner-title{font-size:clamp(1.8rem,2.2vw,2.6rem)!important}#year-selector{grid-template-columns:minmax(0,1fr) auto;padding:.8rem}.year-header{order:2;justify-self:end}#year-range-wrap{order:1}#mobile-save-btn{display:none}.crt-screen{border-radius:12px!important}#player-container,#static-canvas,#clip-intro,#tap-to-play{border-radius:16px}#context-card,body[class*=era-] #context-card{left:12px!important;bottom:12px!important;width:calc(100% - 24px);padding:.75rem calc(160px + 2.85rem) .8rem .85rem}#controls{justify-content:space-between;gap:.5rem}#controls-right{gap:.5rem}.footer-btn{min-width:42px;min-height:42px}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen){background:radial-gradient(circle at top,#121722,#090b10 42%,#050608)!important}body:not(.is-fullscreen) #mobile-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;position:relative;top:auto;left:auto;right:auto;height:auto;padding:.7rem .8rem;margin:0}body:not(.is-fullscreen) #banner-filter-slot,body:not(.is-fullscreen) #mobile-banner .banner-right{display:flex;align-items:center}body:not(.is-fullscreen) .banner-title{min-width:0;text-align:center;white-space:nowrap;overflow:hidden;font-size:clamp(1.8rem,2.2vw,2.6rem)!important}body:not(.is-fullscreen) #app{padding-top:.75rem;gap:.35rem}body:not(.is-fullscreen) #content-row{order:2;margin-bottom:0}body:not(.is-fullscreen) #year-selector{order:1}body:not(.is-fullscreen) #controls{order:3}body:not(.is-fullscreen) .crt-bezel:after{display:none!important}body:not(.is-fullscreen) .crt-screen{aspect-ratio:16 / 9!important;box-shadow:0 20px 50px #0000006b!important}body.is-splash:not(.is-fullscreen) .crt-screen{aspect-ratio:4 / 5!important}body.has-shared-link.is-splash:not(.is-fullscreen) .crt-screen{aspect-ratio:16 / 9!important}body.has-shared-link #splash-screen{background:linear-gradient(180deg,#04060914,#04060938 40%,#0406099e 72%,#040609eb)}body.has-shared-link .splash-content{justify-content:flex-end;align-items:flex-start;padding:.8rem .8rem .78rem;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 55%,transparent 100%)}body.has-shared-link .splash-kicker{display:none!important}body.has-shared-link .splash-title{max-width:min(12ch,82%);margin-bottom:.42rem;font-size:clamp(1.18rem,4.6vw,1.5rem);line-height:.98;color:#f3efe6;text-shadow:0 10px 24px rgba(0,0,0,.48);background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;filter:none!important}body.has-shared-link #splash-cta{min-height:40px;padding-inline:.95rem;margin-bottom:.08rem;font-size:.76rem;letter-spacing:.1em}body.has-shared-link .splash-meta,body.has-shared-link .splash-blurb{display:none!important}body:not(.is-fullscreen) #year-selector{width:100%;margin:0;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;row-gap:.24rem;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body:not(.is-fullscreen) .year-header{order:1;justify-self:center;padding:.32rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0a0d12c7}#year-min::-webkit-slider-thumb,#year-max::-webkit-slider-thumb,#year-min::-moz-range-thumb,#year-max::-moz-range-thumb{box-shadow:0 0 0 3px #f5c7681f;transition:box-shadow .15s ease}body:not(.is-fullscreen) #year-range-wrap:hover>#year-min::-webkit-slider-thumb,body:not(.is-fullscreen) #year-range-wrap:hover>#year-max::-webkit-slider-thumb,body:not(.is-fullscreen) #year-range-wrap:hover>#year-min::-moz-range-thumb,body:not(.is-fullscreen) #year-range-wrap:hover>#year-max::-moz-range-thumb,body:not(.is-fullscreen) #year-range-wrap:active>#year-min::-webkit-slider-thumb,body:not(.is-fullscreen) #year-range-wrap:active>#year-max::-webkit-slider-thumb,body:not(.is-fullscreen) #year-range-wrap:active>#year-min::-moz-range-thumb,body:not(.is-fullscreen) #year-range-wrap:active>#year-max::-moz-range-thumb{width:16px;height:16px;margin-top:-5px;box-shadow:0 0 0 3px #f5c76847}body:not(.is-fullscreen) #year-range-wrap{order:2;grid-column:1 / -1;width:100%;height:40px;padding-block:4px;overflow:visible;transform-origin:top center;transition:max-height .18s ease,opacity .18s ease,margin-top .18s ease}body:not(.is-fullscreen) #mobile-save-btn{display:none}body:not(.is-fullscreen) .year-display{min-width:auto;font-size:1.15rem;text-align:center;letter-spacing:.06em}body:not(.is-fullscreen) #controls{margin-bottom:0;padding-bottom:0}body:not(.is-fullscreen) #controls-right{width:auto;margin-left:auto}body:not(.is-fullscreen) #controls>.category-filter,body:not(.is-fullscreen) #desc-btn,body:not(.is-fullscreen) #controls #settings-btn{display:none!important}body:not(.is-fullscreen) #controls #save-btn,body:not(.is-fullscreen) #controls #share-btn,body:not(.is-fullscreen) #controls #playlist-menu-btn{display:none!important}body:not(.is-fullscreen) #context-card{pointer-events:none}body:not(.is-fullscreen) .context-card-body{display:block}body:not(.is-fullscreen) .context-copy{min-width:0}body:not(.is-fullscreen) .context-actions{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:.45rem;opacity:0;pointer-events:none;transition:opacity .6s ease-out;z-index:26}body:not(.is-fullscreen) #context-card.visible~.context-actions{opacity:1;pointer-events:auto}body:not(.is-fullscreen) .context-action-btn{min-width:40px;height:40px;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body:not(.is-fullscreen) #year-toggle:after{content:"";width:.42rem;height:.42rem;margin-left:.45rem;border-right:1.5px solid rgba(243,239,230,.7);border-bottom:1.5px solid rgba(243,239,230,.7);transform:translateY(-1px) rotate(45deg);transition:transform .18s ease}body:not(.is-fullscreen) #year-selector.year-selector-collapsed #year-range-wrap{max-height:0;margin-top:-.1rem;opacity:0;pointer-events:none;overflow:hidden;padding-block:0}body:not(.is-fullscreen) #year-selector.year-selector-collapsed{row-gap:0}body:not(.is-fullscreen) #year-selector:not(.year-selector-collapsed) #year-range-wrap{max-height:24px;opacity:1}body:not(.is-fullscreen) #year-selector:not(.year-selector-collapsed) #year-toggle:after{transform:translateY(1px) rotate(-135deg)}}@media(max-width:520px){.splash-content{max-width:300px;padding:.9rem .85rem 1rem}.splash-title{font-size:clamp(1.55rem,9vw,2.35rem);line-height:1}.splash-kicker{margin-bottom:.6rem;font-size:.72rem}.splash-subtitle{font-size:.72rem;letter-spacing:.12em}#splash-cta{min-width:0;width:min(100%,210px);min-height:48px;font-size:.84rem}body.has-shared-link .splash-content{padding:.66rem .68rem .72rem}body.has-shared-link .splash-title{max-width:min(11ch,80%);font-size:clamp(1rem,4.9vw,1.22rem);margin-bottom:.34rem;color:#f3efe6;background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;filter:none!important}body.has-shared-link #splash-cta{width:auto;min-height:38px;margin-bottom:.08rem;font-size:.7rem}body.has-shared-link .splash-kicker{display:none!important}body:not(.is-splash):not(.is-fullscreen) #year-selector{width:100%;row-gap:.38rem}body:not(.is-splash):not(.is-fullscreen) #year-selector.year-selector-collapsed{row-gap:0}body:not(.is-splash):not(.is-fullscreen) .year-display{font-size:1.15rem;letter-spacing:.05em}body:not(.is-splash):not(.is-fullscreen) #year-range-wrap{--year-thumb-size: 16px;height:34px;padding-block:3px}body:not(.is-splash):not(.is-fullscreen) #year-selector:not(.year-selector-collapsed) #year-range-wrap{max-height:34px}body:not(.is-splash):not(.is-fullscreen) #year-min,body:not(.is-splash):not(.is-fullscreen) #year-max{height:34px}body:not(.is-splash):not(.is-fullscreen) #year-track-fill{height:4px}body:not(.is-splash):not(.is-fullscreen) #year-min::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-max::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-min::-moz-range-thumb,body:not(.is-splash):not(.is-fullscreen) #year-max::-moz-range-thumb{width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 4px #f5c7681a}body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:hover>#year-min::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:hover>#year-max::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:hover>#year-min::-moz-range-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:hover>#year-max::-moz-range-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:active>#year-min::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:active>#year-max::-webkit-slider-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:active>#year-min::-moz-range-thumb,body:not(.is-splash):not(.is-fullscreen) #year-range-wrap:active>#year-max::-moz-range-thumb{width:18px;height:18px;margin-top:-7px;box-shadow:0 0 0 4px #f5c76833}body:not(.is-splash):not(.is-fullscreen) #context-card{left:10px!important;right:10px!important;bottom:10px!important;width:auto;padding:.5rem .68rem .56rem;border-radius:12px}body:not(.is-splash):not(.is-fullscreen) .context-category{margin-bottom:.12rem;font-size:.68rem;letter-spacing:.1em}body:not(.is-splash):not(.is-fullscreen) .context-title{font-size:1rem;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body:not(.is-splash):not(.is-fullscreen) .context-actions{gap:.35rem}body:not(.is-splash):not(.is-fullscreen) .context-action-btn{min-width:36px;height:36px;border-radius:10px}}@media(min-width:1024px){#year-selector #mobile-save-btn,#year-selector #desc-btn,#year-selector #settings-btn,body:not(.is-fullscreen) #controls>.category-filter{display:none!important}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen) #tv-wrapper{flex-direction:column!important}body[class*=era-]:not(.is-fullscreen) #context-card,body:not(.is-fullscreen) #context-card{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin-top:0!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;max-height:0!important;overflow:hidden!important;padding:0!important;opacity:0!important;transition:opacity .6s ease-out,max-height .4s ease-out,padding .4s ease-out!important}body[class*=era-]:not(.is-fullscreen) #context-card:before,body:not(.is-fullscreen) #context-card:before{display:none!important}body[class*=era-]:not(.is-fullscreen) #context-card.visible,body:not(.is-fullscreen) #context-card.visible{max-height:10rem!important;opacity:1!important;padding:.6rem 1rem .7rem!important;border-top:1px solid rgba(255,255,255,.07)!important}body:not(.is-fullscreen) #context-card .context-category{font-size:1.05rem!important}body:not(.is-fullscreen) #context-card .context-title{font-size:1.05rem!important;-webkit-line-clamp:3}body:not(.is-fullscreen) .context-actions{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:0;right:0;display:flex;justify-content:center;gap:.65rem;opacity:0;pointer-events:none;transition:opacity .6s ease-out;z-index:100}body:not(.is-fullscreen) #context-card.visible~.context-actions{opacity:1;pointer-events:auto}body:not(.is-splash):not(.is-fullscreen) .context-action-btn{min-width:54px;height:54px;border-radius:16px;background:#070a0ed1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1)}body:not(.is-splash):not(.is-fullscreen) .context-action-btn svg{width:20px!important;height:20px!important}}@media(orientation:landscape)and (max-height:500px){#mobile-banner,#year-selector{display:none!important}#controls{position:fixed!important;inset:0 0 0 auto!important;width:auto!important;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:.5rem!important}#controls>.category-filter,#controls-right{margin-left:0!important}#context-desc-btn{display:none!important}body.is-fullscreen .category-dropdown,body.is-fullscreen #settings-panel{top:.5rem!important;bottom:auto!important;left:auto!important;right:calc(5.5rem + env(safe-area-inset-right,0px))!important;max-height:calc(100dvh - 1rem)!important;overflow-y:auto!important}body.is-fullscreen #fullscreen-btn{display:inline-flex!important}body.is-fullscreen #context-card,body.is-fullscreen[class*=era-] #context-card{right:calc(56px + env(safe-area-inset-right,0px))!important;bottom:0!important;padding-bottom:calc(.9rem + env(safe-area-inset-bottom,0px))!important}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen) #fullscreen-row{display:flex}body.is-fullscreen #controls{justify-content:center!important;align-items:center!important;gap:.65rem!important;padding-left:.75rem!important;padding-right:.75rem!important}body.is-fullscreen #controls>.category-filter,body.is-fullscreen #controls-right{margin-left:0!important}body.is-fullscreen #context-card,body.is-fullscreen[class*=era-] #context-card{width:100%!important;max-width:none!important;padding:.95rem 1rem calc(4.25rem + env(safe-area-inset-bottom,0px))!important}body.is-fullscreen #context-card .context-card-body,body.is-fullscreen #context-card .context-copy,body.is-fullscreen #context-card .context-title{width:100%!important;max-width:none!important}}