:root{--bg: #050507;--panel: #0b0b10;--panel-2: #0c0c11;--text: #f2f2f5;--dim: #c9c9d2;--muted: #8a8a96;--faint: #55555f;--ghost: #3d3d47;--cyan: #2ee6f0;--magenta: #ff3ad2;--blue: #3b5bfd;--accent: linear-gradient(100deg, #2ee6f0, #3b5bfd 46%, #ff3ad2);--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--line-3: rgba(255, 255, 255, .14);--hover: rgba(255, 255, 255, .04);--raised: rgba(255, 255, 255, .06);--sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--rail: 232px;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--magenta)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--line-2);border-radius:9px;padding:9px 11px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:#2ee6f073}input::placeholder,textarea::placeholder{color:var(--faint)}select option{background:var(--panel)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes blip{0%,to{opacity:1}50%{opacity:.25}}@keyframes drift{0%{background-position:0 0}to{background-position:56px 0}}@keyframes rise{0%{opacity:1;transform:translate(-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-34px) scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.shell{display:flex;min-height:100vh}.rail{display:flex;flex-direction:column;width:var(--rail);flex:none;height:100vh;position:sticky;top:0;padding:26px 16px 16px;border-right:1px solid var(--line)}.rail-scroll{flex:1;min-height:0;overflow-y:auto;margin:0 -4px;padding:0 4px}.rail-logo{width:132px;height:34px;background-image:url(/ai-tv-logo.png);background-size:176px 101px;background-position:-22px -24px;background-repeat:no-repeat}.main{flex:1;min-width:0;height:100vh;overflow-y:auto}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}.meta{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.sep{opacity:.4}.ch-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border-radius:9px;color:var(--muted);text-align:left;transition:background .15s,color .15s}.ch-btn:hover{color:var(--dim);background:var(--hover)}.ch-btn.on{color:var(--text);background:var(--raised)}.ch-num{font-family:var(--mono);font-size:11px;opacity:.55;width:20px;flex:none}.ch-name{flex:1;font-size:13.5px;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-count{font-family:var(--mono);font-size:10px;opacity:.4}.ch-chip{flex:none;padding:7px 14px;border-radius:999px;white-space:nowrap;font-size:12.5px;border:1px solid var(--line-2);color:var(--muted)}.ch-chip.on{border-color:#2ee6f073;color:var(--cyan)}.blip{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:blip 1.8s infinite;flex:none}.screen{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--panel);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.screen.bare{border-radius:0;border:none}.bars{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,#0c0c11 0,#0c0c11 14px,#121219 14px,#121219 28px);animation:drift 3.2s linear infinite}.screen iframe,.screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#050507f0,#05050759 34%,#05050700 62%);pointer-events:none}.bug{display:flex;align-items:center;gap:9px;padding:5px 11px 5px 9px;border-radius:999px;background:#05050799;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--text)}.bug .blip{background:var(--magenta);animation-duration:1.4s}.progress{height:3px;border-radius:3px;background:var(--line-3);overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);transition:width .25s linear}.icon-btn{width:38px;height:38px;flex:none;border:1px solid var(--line-3);border-radius:10px;background:#0505078c;color:var(--dim);font-size:13px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text);border-color:#ffffff3d}.icon-btn.sm{width:34px;height:34px;border-radius:9px}.icon-btn.star-on{color:var(--cyan);border-color:#2ee6f073}.btn{height:38px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-3);color:var(--dim);white-space:nowrap}.btn:hover{color:var(--text);border-color:#ffffff3d}.btn.primary{background:var(--text);color:#08080c;border-color:transparent}.btn.primary:hover{background:#fff;color:#08080c}.btn.danger{color:#ff6b6b;border-color:#ff6b6b59}.btn.sm{height:30px;padding:0 11px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.heart{position:relative;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--line-3);color:var(--dim);background:#0505078c;font-family:var(--mono);font-size:11px}.heart:hover{border-color:#ff3ad266;color:var(--magenta)}.heart.on{border-color:#ff3ad28c;color:var(--magenta);background:#ff3ad21a}.heart.big{height:42px;padding:0 15px;border-radius:11px;font-size:13px}.heart .glyph{font-size:15px;line-height:1}.heart.big .glyph{font-size:16px}.heart .pop{animation:pop .45s ease-out}.heart .plus{position:absolute;left:50%;top:0;font-family:var(--mono);font-size:11px;color:var(--magenta);animation:rise .7s ease-out forwards;pointer-events:none}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(252px,1fr))}.card{cursor:pointer;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:border-color .18s,transform .18s;text-align:left;display:block;width:100%}.card:hover{border-color:#2ee6f059;transform:translateY(-3px)}.thumb{position:relative;aspect-ratio:16 / 9;background:repeating-linear-gradient(115deg,#0c0c11 0,#0c0c11 14px,#121219 14px,#121219 28px);overflow:hidden}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.thumb .dur{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:5px;background:#050507c7;font-family:var(--mono);font-size:10px;color:var(--dim)}.thumb .preview-tag{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:#050507b8;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--cyan)}.thumb .preview-tag .blip{width:5px;height:5px;animation-duration:1.2s}.card-body{padding:11px 12px 13px}.card-title{font-size:13.5px;line-height:1.3;text-wrap:pretty;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.pill{padding:3px 8px;border-radius:6px;border:1px solid rgba(46,230,240,.35);color:var(--cyan);font-family:var(--mono);font-size:11px;white-space:nowrap}.pill.plain{border-color:var(--line-2);color:var(--muted)}.pill.rating{letter-spacing:.08em;font-size:10px;padding:3px 7px}.pill.rating.open{border-color:#5fd48a73;color:#7ddaa2}.pill.rating.guidance{border-color:#f0b32e73;color:#f0c05a}.pill.rating.mature{border-color:#ff6b6b80;color:#ff8a8a}.pill.rating.adult{border-color:#ff6b6bbf;background:#ff3a3a29;color:#ff9f9f}.pill.rating.none{border-color:var(--line-2);color:var(--faint)}.row{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;text-align:left;width:100%}.row:hover{background:var(--hover)}.row-thumb{width:104px;flex:none;aspect-ratio:16 / 9;border-radius:7px;overflow:hidden;background:repeating-linear-gradient(115deg,#0c0c11 0,#0c0c11 10px,#121219 10px,#121219 20px)}.row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.row-title{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-rank{font-family:var(--mono);font-size:12px;color:var(--faint);width:22px;flex:none}.bar{height:6px;border-radius:6px;background:#ffffff12;margin-top:9px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:6px;background:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field>label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;padding:0 12px 12px 0;font-weight:400}.tbl td{padding:11px 12px 11px 0;border-top:1px solid var(--line);vertical-align:middle}.tag{display:inline-block;padding:2px 7px;border-radius:5px;border:1px solid var(--line-2);font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.tag.live{border-color:#2ee6f066;color:var(--cyan)}.tag.pro{border-color:#ff3ad273;color:var(--magenta)}.tag.bad{border-color:#ff6b6b73;color:#ff8a8a}.avatar{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;background:var(--raised)}.account{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);position:relative}.account-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;text-align:left}.account-btn:hover{background:var(--hover)}.account-name{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:60;background:#101018;border:1px solid var(--line-2);border-radius:12px;padding:6px;box-shadow:0 18px 40px #0000008c}.menu button,.menu a{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:8px;font-size:13px;color:var(--dim);text-align:left}.menu button:hover,.menu a:hover{background:var(--hover);color:var(--text)}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;border-radius:10px;border:1px solid var(--line-2);color:var(--dim);font-size:13px;transition:border-color .15s,color .15s}.google-btn:hover{border-color:#2ee6f073;color:var(--text)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#050507b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(520px,100%);max-height:86vh;overflow-y:auto;background:#0d0d13;border:1px solid var(--line-2);border-radius:16px;padding:22px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:90;padding:11px 18px;border-radius:10px;background:#14141c;border:1px solid var(--line-2);font-size:13px;box-shadow:0 14px 34px #00000080;max-width:min(520px,calc(100vw - 32px))}.toast.bad{border-color:#ff6b6b80;color:#ffb4b4}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:stretch;background:#050507eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:60px;color:var(--faint);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em}.tabs button.on{color:var(--cyan)}.tabs .glyph{font-size:15px;font-family:var(--sans)}@media(max-width:860px){.shell{flex-direction:column}.rail{position:sticky;top:0;z-index:40;width:auto;height:auto;padding:14px 18px 12px;border-right:none;border-bottom:1px solid var(--line);background:#050507e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main{height:auto;overflow-y:visible;padding-bottom:96px}.grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rail .account{margin-top:0;padding-top:0;border-top:none}.rail .menu{top:calc(100% + 6px);bottom:auto;left:auto;right:0;width:232px}.rail .google-btn{height:34px;font-size:12px;gap:7px}.rail .account>div:last-child:not(.menu){display:none}}.pad{padding:26px 34px 0}.wrap{padding:40px 34px 60px}.narrow{max-width:1080px;margin:0 auto;padding:34px 34px 72px}@media(max-width:860px){.pad{padding:0}.wrap{padding:26px 18px 40px}.narrow{padding:20px 18px 48px}.screen{border-radius:0;border:none}}.rowflex{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:60px 20px;text-align:center;color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.16em}