@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";*,:before,:after{box-sizing:border-box}html{overscroll-behavior-y:none}body{color:#e8e8e8;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:#e9e4d6;margin:0;font-family:system-ui,-apple-system,sans-serif}#root{min-height:100vh}:root{--crt-green:#7cff9e;--deck-metal:#1c1c1e;--deck-metal-light:#38383c}.porch-scene{position:relative}.porch-viewport{height:100dvh;position:sticky;top:0;overflow:hidden}.porch-zoom{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.porch-backdrop{z-index:-2;background-image:url(/assets/porch-HxZfTH4J.jpg);background-position:33% 66%;background-size:cover;position:absolute;inset:0}.porch-backdrop:after{content:"";background:radial-gradient(60% 58% at 50% 56%,#08080a80,#08080a29 62%,#08080a00 80%),linear-gradient(#00000052 0%,#0000 22% 66%,#0006 100%);position:absolute;inset:0}.page-header-wrap{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c0e80;border-radius:14px;padding:14px 18px;transition:padding .1s linear;position:absolute;top:20px;box-shadow:0 10px 30px #0000004d}.porch-stage{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(620px,100vw - 32px);display:flex;position:absolute}.page-header{text-align:inherit}.page-header h1{font-family:system-ui,-apple-system,sans-serif;font-size:calc(1.5rem * var(--header-scale,1));letter-spacing:-.01em;color:#fff;text-shadow:0 2px 12px #000000a6;font-weight:800}.page-subtitle{font-size:calc(.85rem * var(--header-scale,1));color:#ece7da;text-shadow:0 1px 8px #0009;margin-top:4px}@media (width<=640px){.page-header h1{font-size:calc(1.2rem * var(--header-scale,1))}.page-subtitle{font-size:calc(.72rem * var(--header-scale,1))}}.bottom-cluster{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute}.scroll-hint{color:#fff;text-align:center;text-shadow:0 1px 8px #000000b3;pointer-events:none;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.scroll-hint-arrow{font-size:1.1rem;animation:1.6s ease-in-out infinite scroll-hint-bounce}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.disclaimer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e9e6de;width:100%;font-size:calc(.56rem * var(--disc-scale,1));background:#0a0a0c8c;padding:8px 20px;line-height:1.3;transition:border-radius .1s linear;box-shadow:0 8px 24px #00000040}.disclaimer h2{font-size:calc(.6rem * var(--disc-scale,1));letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 4px;font-weight:700}.disclaimer p{opacity:.85;margin:4px 0 0}@media (prefers-reduced-motion:reduce){.scroll-hint-arrow{animation:none}}.tv-unit{flex-shrink:0;width:100%;max-width:550px;margin:0 auto}.tv-frame{background:linear-gradient(160deg, #ffffff0f, transparent 40%), linear-gradient(155deg, #3d3d40, var(--deck-metal) 55%, #0c0c0d);border-radius:14px;width:100%;padding:14px 14px 32px;position:relative;box-shadow:0 20px 40px #00000080,inset 0 2px #ffffff12,inset 0 -6px 12px #0006}.tv-brand-plate{letter-spacing:.12em;text-transform:uppercase;color:#c9c9cf;text-shadow:0 1px #00000080;font-size:.55rem;font-weight:700;position:absolute;top:8px;left:18px}.tv-screen-bezel{background:linear-gradient(160deg,#111 0%,#000 100%);border-radius:18px 18px 28px 28px/14px 14px 38px 38px;padding:8px;box-shadow:inset 0 0 0 2px #ffffff0a,0 0 60px 14px #8cffb41a,0 0 110px 30px #ffc88c0a}.tv-screen{aspect-ratio:4/3;background:#0a0a0a;border-radius:14px 14px 22px 22px/10px 10px 32px 32px;max-height:64dvh;margin:0 auto;animation:6s ease-in-out infinite tv-flicker;position:relative;overflow:hidden}.tv-glass{z-index:2;pointer-events:none;background:linear-gradient(115deg,#ffffff12 0%,#ffffff05 18%,#0000 32% 100%);position:absolute;inset:0}.tv-screen-content{z-index:1;height:100%;position:relative;overflow-y:auto}.tv-scanlines{z-index:2;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}.tv-vignette{z-index:2;pointer-events:none;border-radius:18px 18px 30px 30px/12px 12px 40px 40px;position:absolute;inset:0;box-shadow:inset 0 0 140px 40px #000000a6}.tv-static{z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:60ms steps(2,end) infinite static-jitter,.26s ease-out forwards static-fade;position:absolute;inset:0}@keyframes static-jitter{0%{background-position:0 0}to{background-position:40px 20px}}@keyframes static-fade{0%{opacity:.9}to{opacity:0}}@keyframes tv-flicker{0%,96%,to{filter:brightness()}97%{filter:brightness(.97)}98%{filter:brightness(1.02)}}@media (prefers-reduced-motion:reduce){.tv-screen,.porch-bulb{animation:none}.tv-static{animation:.26s ease-out forwards static-fade}.vcr-display-clock{animation:none}}.tv-dial{background:radial-gradient(circle at 35% 30%,#ddd,#888 60%,#555);border-radius:50%;width:24px;height:24px;position:absolute;bottom:8px;box-shadow:0 2px 4px #00000080,inset 0 0 4px #0006}.tv-dial-notch{background:#333;width:2px;height:7px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.tv-dial-channel{right:46px}.tv-dial-volume{right:14px}.tv-speaker-grille{opacity:.8;background:repeating-linear-gradient(90deg,#050505 0 3px,#0000 3px 7px);border-radius:4px;width:44px;height:20px;position:absolute;bottom:10px;left:16px}.tv-stand{z-index:0;background:linear-gradient(#d3a53a,#a97e1f);flex-shrink:0;width:78%;max-width:470px;height:16px;margin:-5px auto 0;position:relative;box-shadow:0 8px 14px #00000059,inset 0 1px #ffffff40,inset 0 -5px 6px #0000004d}.tv-stand-leg{background:linear-gradient(#a97e1f,#6e5313);width:9px;height:22px;position:absolute;top:100%;box-shadow:inset 1px 0 #ffffff26}.tv-stand-leg-left{left:5%}.tv-stand-leg-right{right:5%}.vcr-deck{z-index:3;background:linear-gradient(160deg, var(--deck-metal-light), var(--deck-metal));border:1px solid #ffffff0f;border-radius:7px;flex-shrink:0;align-items:center;gap:12px;width:92%;max-width:620px;margin-bottom:-4px;padding:8px 14px;transition:transform .2s;display:flex;position:relative;box-shadow:0 16px 20px -6px #000000a6,0 2px #ffffff0d,inset 0 1px #ffffff14}.vcr-deck:before,.vcr-deck:after{content:"";background:#0a0a0a;border-radius:0 0 4px 4px;width:34px;height:6px;position:absolute;bottom:-4px}.vcr-deck:before{left:18px}.vcr-deck:after{right:18px}.vcr-deck-ejecting{animation:.5s deck-eject}@keyframes deck-eject{0%,to{transform:translateY(0)}30%{transform:translateY(3px)}}.vcr-tape-slot{background:#050505;border-radius:3px;flex-shrink:0;width:42px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000c}.vcr-tape{background:linear-gradient(#2a2a2a,#1a1a1a);border-radius:2px;transition:transform .5s;position:absolute;inset:3px}.vcr-deck-ejecting .vcr-tape{transform:translateY(-14px)}.vcr-display{color:var(--crt-green);text-shadow:0 0 6px #7cff9eb3;background:#060606;border-radius:4px;flex-direction:column;flex:1;min-width:0;padding:4px 10px;font-family:VT323,ui-monospace,monospace;line-height:1.2;display:flex;box-shadow:inset 0 0 6px #000000e6}.vcr-display-channel{letter-spacing:.05em;font-size:1.05rem}.vcr-display-label{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.vcr-display-clock{letter-spacing:.1em;font-size:1.05rem;animation:1s step-start infinite clock-blink}@keyframes clock-blink{50%{opacity:.15}}.vcr-buttons{flex-shrink:0;gap:8px;display:flex}.vcr-btn{color:#d8d8dc;cursor:pointer;background:linear-gradient(160deg,#4a4a4e,#26262a);border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:38px;padding:4px 3px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 3px #101012,inset 0 1px #ffffff26}.vcr-btn:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#16181a;border-radius:5px;padding:5px 10px;font-family:system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #00000080}.vcr-btn:before{content:"";opacity:0;pointer-events:none;z-index:20;border:5px solid #0000;border-top-color:#16181a;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px)}.vcr-btn:hover:after,.vcr-btn:hover:before,.vcr-btn:focus-visible:after,.vcr-btn:focus-visible:before{opacity:1;transform:translate(-50%)}.vcr-btn-icon{font-size:.95rem;line-height:1}.vcr-btn-label{letter-spacing:.04em;text-transform:uppercase;opacity:.75;font-size:.55rem;font-weight:600;line-height:1}.vcr-btn:hover{color:#fff}.vcr-btn:hover .vcr-btn-label{opacity:1}.vcr-btn:active{transform:translateY(2px);box-shadow:0 1px #101012,inset 0 1px #ffffff26}.vcr-btn-play{color:#b9ffcf;background:linear-gradient(160deg,#3a6b46,#1f3f28)}.vcr-btn-eject{color:#ffb9b9;background:linear-gradient(160deg,#6b3a3a,#3f1f1f)}@media (width<=480px){.tv-frame{border-radius:12px;padding:10px 10px 26px}.vcr-deck{gap:8px;width:98%;padding:6px 10px}.vcr-display{padding:3px 8px}.vcr-display-channel,.vcr-display-clock{font-size:.9rem}.vcr-display-label{font-size:.7rem}.vcr-btn{width:32px}.vcr-btn-label{display:none}.tv-dial{width:20px;height:20px;bottom:6px}.tv-dial-channel{right:36px}.tv-speaker-grille{display:none}}.bmc-btn{z-index:10;position:fixed;bottom:210px;right:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.channel-guide{padding:24px 16px}.channel-guide-home{flex-direction:column;justify-content:center;min-height:100%;display:flex}.channel-guide-home main{flex-direction:column;gap:16px;display:flex}.site-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 0 16px}.site-header h1{letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:700}.site-subtitle{color:#999;margin-top:6px;font-size:.85rem}.now-showing{cursor:pointer;background:#111;border-radius:10px;align-items:center;gap:24px;padding:20px;transition:transform .2s,box-shadow .2s,background .15s;display:flex;position:relative}.now-showing:hover{background:#171717;transform:translateY(-2px);box-shadow:0 16px 40px #00000080}.now-showing-badge{color:#7cff9e;letter-spacing:.05em;background:#ffffff0f;border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-family:VT323,ui-monospace,monospace;font-size:1.15rem;display:inline-flex}.now-showing-dot{background:#ff5b5b;border-radius:50%;width:8px;height:8px;animation:1.4s step-start infinite clock-blink;box-shadow:0 0 6px 1px #ff5b5bcc}.now-showing-media{background:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:168px;height:168px;display:flex;overflow:hidden}.now-showing-media img{object-fit:contain;width:100%;height:100%;display:block}.now-showing-info{flex:1;min-width:0}.now-showing-title{color:#fff;margin-top:10px;font-size:1.6rem;font-weight:700;line-height:1.2}.now-showing-director{color:#ccc;margin-top:6px;font-size:1.1rem}.now-showing-arrow{color:#555;flex-shrink:0;font-size:1.4rem}.guide-entry{cursor:pointer;background:#0a0f0b;border:1px solid #7cff9e33;border-radius:10px;align-items:center;gap:20px;padding:24px 26px;transition:background .15s,transform .15s;display:flex}.guide-entry:hover{background:#101c14;transform:translateY(-2px)}.guide-entry-icon{flex-shrink:0;font-size:2.2rem}.guide-entry-info{flex:1;min-width:0}.guide-entry-title{letter-spacing:.04em;color:#7cff9e;font-family:VT323,ui-monospace,monospace;font-size:1.65rem}.guide-entry-subtitle{color:#7a9a86;margin-top:3px;font-size:.95rem}.guide-entry-arrow{color:#3d5c47;flex-shrink:0;font-size:1.3rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:20px;font-size:.75rem;font-weight:600}.tv-guide{margin-top:8px}.tv-guide-header{color:#7cff9e;letter-spacing:.08em;text-transform:uppercase;background:#0d1a12;border:1px solid #7cff9e40;border-bottom:none;border-radius:6px 6px 0 0;gap:14px;padding:8px 12px;font-family:VT323,ui-monospace,monospace;font-size:.95rem;display:flex}.tv-guide-header-ch{text-align:right;flex-shrink:0;width:28px}.tv-guide-list{border:1px solid #7cff9e26;border-radius:0 0 6px 6px;list-style:none;overflow:hidden}.tv-guide-row{cursor:pointer;background:#0a0f0b;border-bottom:1px solid #7cff9e14;align-items:center;gap:14px;padding:10px 12px;transition:background .1s;display:flex}.tv-guide-row:nth-child(2n){background:#0d130e}.tv-guide-row:hover,.tv-guide-row:focus-visible{background:#163322;outline:none}.tv-guide-row:last-child{border-bottom:none}.tv-guide-channel{color:#7cff9e;text-align:right;flex-shrink:0;width:28px;font-family:VT323,ui-monospace,monospace;font-size:1.1rem}.tv-guide-thumb{object-fit:cover;background:#111;border-radius:4px;flex-shrink:0;width:40px;height:40px}.tv-guide-info{flex-direction:column;gap:1px;min-width:0;display:flex}.tv-guide-title{color:#e8e8e8;font-size:.95rem;font-weight:500}.tv-guide-director{color:#6a8a76;font-size:.8rem}.tv-guide-arrow{color:#3d5c47;flex-shrink:0;margin-left:auto;font-size:1.1rem}.now-playing{flex-direction:column;display:flex}.panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:flex-start;gap:16px;padding:24px;display:flex}.panel-thumb{object-fit:cover;background:#111;border-radius:8px;flex-shrink:0;width:72px;height:72px}.panel-header-text{flex:1;min-width:0}.panel-title{color:#fff;margin:0 0 4px;font-size:1.15rem;font-weight:700;line-height:1.3}.panel-director{color:#999;margin:0 0 10px;font-size:.9rem}.panel-series-link{color:#888;border-bottom:1px solid #444;padding-bottom:1px;font-size:.8rem;text-decoration:none;transition:color .15s,border-color .15s}.panel-series-link:hover{color:#ccc;border-color:#888}.panel-body{padding:8px 24px 32px}.film-row{border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0;display:flex}.film-meta{align-items:baseline;gap:8px;display:flex}.film-title{color:#e8e8e8;font-size:.9rem}.film-year{color:#666;flex-shrink:0;font-size:.8rem}.film-upcoming-tag{letter-spacing:.02em;color:#e0b04a;background:#e0b04a1f;border:1px solid #e0b04a4d;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:.7rem;font-weight:600}.film-providers{flex-wrap:wrap;gap:6px;max-width:222px;display:flex}.provider-badge{opacity:.9;border-radius:6px;flex-shrink:0;transition:opacity .15s,transform .15s;display:block;overflow:hidden}.provider-badge:hover{opacity:1;transform:scale(1.1)}.provider-logo{border-radius:6px;width:32px;height:32px;display:block}.film-unavailable{color:#4a4a4a;font-size:.75rem}.panel-error{color:#f87171;padding:16px 0;font-size:.875rem}.panel-empty{color:#666;padding:16px 0;font-size:.875rem}.skeleton-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.skeleton-line{background:#ffffff14;border-radius:4px;animation:1.4s infinite pulse}.skeleton-title-line{width:55%;height:14px}.skeleton-providers-line{border-radius:6px;width:80px;height:32px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=600px){.site-header h1{font-size:1.6rem}.now-showing{text-align:center;flex-direction:column;align-items:stretch}.now-showing-media{width:100%;height:180px}.now-showing-arrow{display:none}.guide-entry{gap:10px;padding:10px 14px}.guide-entry-icon{font-size:1.3rem}.guide-entry-title{font-size:1.05rem}.guide-entry-subtitle{display:none}.guide-entry-arrow{font-size:1.1rem}}