:root{--sp-ink: oklch(14% .03 260);--sp-blue-hour: oklch(22% .05 260);--sp-bone: oklch(95% .02 75);--sp-ash: oklch(72% .02 260);--sp-mute: oklch(54% .02 260);--sp-rule: oklch(30% .03 255);--sp-ember: oklch(74% .16 72);--sp-moss: oklch(70% .13 156);--sp-oxblood: oklch(48% .16 25);--sp-lilac: oklch(72% .1 305);--ch-fd: oklch(72% .16 240);--ch-crt: oklch(68% .14 144);--ch-spn: oklch(64% .18 28);--ch-gf: oklch(74% .14 348);--ch-gdn: oklch(70% .16 168);--ch-esc: oklch(58% .18 285);--ch-fct: oklch(78% .16 88);--ch-vst: oklch(60% .04 260);--ch-btl: oklch(56% .16 25);--tv-pad: 5vmin;--tv-h1: 7.2vmin;--tv-h2: 4vmin;--tv-body: 2.6vmin;--tv-mono: 1.6vmin}.sptv-body{margin:0;background:var(--sp-ink);color:var(--sp-bone);font-family:Inter Tight,system-ui,sans-serif;overflow:hidden}.sptv{position:relative;width:100vw;height:100vh;padding:var(--tv-pad);box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 30% 20%,color-mix(in oklch,var(--ch, var(--sp-ember)) 20%,transparent) 0%,transparent 60%),radial-gradient(circle at 80% 80%,color-mix(in oklch,var(--ch, var(--sp-ember)) 10%,transparent) 0%,transparent 70%),var(--sp-ink);transition:background 1.2s ease}.sptv[data-channel-active=FD]{--ch: var(--ch-fd)}.sptv[data-channel-active=CRT]{--ch: var(--ch-crt)}.sptv[data-channel-active=SPN]{--ch: var(--ch-spn)}.sptv[data-channel-active=GF]{--ch: var(--ch-gf)}.sptv[data-channel-active=GDN]{--ch: var(--ch-gdn)}.sptv[data-channel-active=ESC]{--ch: var(--ch-esc)}.sptv[data-channel-active=FCT]{--ch: var(--ch-fct)}.sptv[data-channel-active=VST]{--ch: var(--ch-vst)}.sptv[data-channel-active=BTL]{--ch: var(--ch-btl)}.sptv-head{display:flex;align-items:baseline;gap:1.6vmin;font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sp-ash)}.sptv-glyph{font-family:Gloock,Georgia,serif;color:var(--sp-ember);font-size:calc(var(--tv-mono) * 1.4)}.sptv-name{font-weight:700;color:var(--sp-bone)}.sptv-sub{color:var(--sp-ember)}.sptv-clock{margin-left:auto;color:var(--sp-bone);font-variant-numeric:tabular-nums}.sptv-progress{position:absolute;top:calc(var(--tv-pad) + 4vmin);left:var(--tv-pad);right:var(--tv-pad);height:.3vmin;background:color-mix(in oklch,var(--sp-rule) 70%,transparent);border-radius:999px;overflow:hidden}.sptv-progress__bar{height:100%;width:0%;background:var(--ch, var(--sp-ember));transition:width .2s linear}.sptv-stage{list-style:none;padding:0;margin:7vmin 0 0;position:absolute;top:calc(var(--tv-pad) + 6vmin);left:var(--tv-pad);right:var(--tv-pad);bottom:calc(var(--tv-pad) + 14vmin)}.sptv-stage[hidden]{display:none}.sptv-slide{position:absolute;inset:0;opacity:0;transform:translateY(2vmin);transition:opacity .6s ease,transform .8s ease;pointer-events:none}.sptv-slide.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.sptv-slide__inner{max-width:92vw}.sptv-slide__chip{display:inline-flex;align-items:center;gap:.8vmin;font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.22em;padding:.6vmin 1.2vmin;border:1px solid color-mix(in oklch,var(--ch, var(--sp-rule)) 60%,transparent);border-radius:999px;background:color-mix(in oklch,var(--ch, var(--sp-rule)) 14%,transparent);color:var(--ch, var(--sp-bone))}.sptv-slide__chip-dot{width:.8vmin;height:.8vmin;border-radius:999px;background:var(--ch, var(--sp-ember));box-shadow:0 0 1.5vmin currentColor}.sptv-slide__friend{display:inline-flex;align-items:center;gap:.8vmin;margin-top:1.2vmin;font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.16em;padding:.5vmin 1vmin;border:1px solid color-mix(in oklch,var(--sp-ember) 40%,var(--sp-rule));border-radius:999px;color:var(--sp-ember);background:color-mix(in oklch,var(--sp-blue-hour) 90%,var(--sp-ember))}.sptv-slide__friend[hidden]{display:none}.sptv-slide__friend-avatar{width:2vmin;height:2vmin;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--sp-ink);font-size:1.2vmin;border:1px solid color-mix(in oklch,var(--sp-ember) 30%,var(--sp-rule))}.sptv-slide__friend-avatar--you{color:var(--sp-ember)}.sptv-slide__friend-label{color:color-mix(in oklch,var(--sp-bone) 70%,var(--sp-ember))}.sptv-slide__meta{margin-top:1.2vmin;font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.14em;color:var(--sp-mute);display:inline-flex;align-items:baseline;gap:.8vmin;flex-wrap:wrap}.sptv-slide__mood{color:var(--sp-ember)}.sptv-slide__title{margin:1.6vmin 0 0;font-family:Gloock,Georgia,serif;font-weight:400;font-size:var(--tv-h1);line-height:1.04;letter-spacing:-.018em;color:var(--sp-bone);max-width:82vw}.sptv-slide__dek{margin:1.6vmin 0 0;font-family:Inter Tight,system-ui,sans-serif;font-style:italic;font-weight:400;font-size:var(--tv-h2);line-height:1.32;color:color-mix(in oklch,var(--sp-bone) 76%,var(--sp-ash));max-width:76vw}.sptv-empty{position:absolute;inset:calc(var(--tv-pad) + 8vmin) var(--tv-pad) calc(var(--tv-pad) + 14vmin) var(--tv-pad);display:flex;flex-direction:column;justify-content:center;gap:2vmin;color:var(--sp-bone)}.sptv-empty[hidden]{display:none}.sptv-empty__kicker{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.22em;color:var(--sp-ember);margin:0}.sptv-empty--gate .sptv-empty__kicker{color:var(--sp-oxblood)}.sptv-empty__title{font-family:Gloock,Georgia,serif;font-weight:400;font-size:var(--tv-h1);margin:0;line-height:1.04;letter-spacing:-.018em}.sptv-empty__dek{font-family:Inter Tight,system-ui,sans-serif;font-style:italic;font-size:var(--tv-h2);color:color-mix(in oklch,var(--sp-bone) 76%,var(--sp-ash));margin:0;max-width:76vw}.sptv-empty__hint{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.18em;color:var(--sp-mute);margin:0}.sptv-empty__dek a,.sptv-empty__hint a{color:var(--sp-ember);text-decoration:underline;text-underline-offset:.4vmin}.sptv-empty__hint code,.sptv-empty__hint kbd{font-family:Departure Mono,ui-monospace,monospace;padding:.1vmin .4vmin;border:1px solid color-mix(in oklch,var(--sp-ember) 30%,var(--sp-rule));border-radius:.3vmin;color:var(--sp-bone)}.sptv-saved-strip{position:absolute;bottom:var(--tv-pad);left:var(--tv-pad);right:var(--tv-pad);display:flex;align-items:flex-end;gap:1.4vmin;padding:1vmin 1.6vmin;border:1px solid color-mix(in oklch,var(--sp-ember) 35%,var(--sp-rule));border-radius:999px;background:color-mix(in oklch,var(--sp-blue-hour) 90%,var(--sp-ember))}.sptv-saved-strip[hidden]{display:none}.sptv-saved-strip__label{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sp-ember)}.sptv-saved-strip__count{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.16em;color:var(--sp-bone)}.sptv-saved-strip__dots{display:inline-flex;align-items:flex-end;gap:.8vmin;list-style:none;padding:0;margin:0;flex:1;height:4vmin}.sptv-saved-strip__dot{position:relative;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4vmin;opacity:.4;transition:opacity .3s ease}.sptv-saved-strip__dot.has-saved{opacity:1}.sptv-saved-strip__dot-fill{width:100%;height:0%;background:var(--ch, var(--sp-ember));border-radius:.4vmin;transition:height .3s ease;min-height:.6vmin}.sptv-saved-strip__dot-label{font-family:Departure Mono,ui-monospace,monospace;font-size:calc(var(--tv-mono) * .78);letter-spacing:.14em;color:var(--sp-mute)}.sptv-saved-strip__dot.has-saved .sptv-saved-strip__dot-label{color:var(--ch, var(--sp-bone))}.sptv-here{position:absolute;top:var(--tv-pad);right:var(--tv-pad);display:inline-flex;align-items:center;gap:1.2vmin;padding:.8vmin 1.4vmin;border:1px solid color-mix(in oklch,var(--sp-moss) 40%,var(--sp-rule));border-radius:999px;background:color-mix(in oklch,var(--sp-blue-hour) 92%,var(--sp-moss))}.sptv-here[hidden]{display:none}.sptv-here__label{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--tv-mono);letter-spacing:.18em;color:var(--sp-moss)}.sptv-here__list{display:inline-flex;gap:.5vmin;align-items:center;list-style:none;padding:0;margin:0}.sptv-here__item{width:3vmin;height:3vmin;border-radius:999px;overflow:hidden;border:1px solid color-mix(in oklch,var(--sp-moss) 30%,var(--sp-rule));background:var(--sp-ink);opacity:.42;transition:opacity .6s ease,box-shadow .6s ease}.sptv-here__item[data-fresh="1"]{opacity:1;box-shadow:0 0 1.6vmin color-mix(in oklch,var(--sp-moss) 70%,transparent);border-color:var(--sp-moss)}.sptv-here__item img{width:100%;height:100%;object-fit:cover;display:block}.sptv-here__placeholder{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--sp-moss);font-size:1.4vmin}.sptv-foot{position:absolute;left:var(--tv-pad);right:var(--tv-pad);bottom:calc(var(--tv-pad) - .4vmin);display:flex;align-items:baseline;gap:1vmin;font-family:Departure Mono,ui-monospace,monospace;font-size:calc(var(--tv-mono) * .85);letter-spacing:.18em;text-transform:uppercase;color:var(--sp-mute);opacity:.6}.sptv-foot__sep{color:var(--sp-rule)}.sptv-foot a{color:var(--sp-ember);text-decoration:none;border-bottom:1px solid color-mix(in oklch,var(--sp-ember) 40%,transparent)}.sptv-body[data-surface=desktop]{background:var(--sp-ink)}.sptv-body[data-surface=desktop] .sptv{max-width:1280px;max-height:720px;margin:4vh auto;height:80vh;border:1px solid var(--sp-rule);border-radius:.6vmin;--tv-h1: 5.4vmin;--tv-h2: 3.2vmin;--tv-body: 2.4vmin;--tv-mono: 1.4vmin}.sptv-body[data-surface=desktop]:after{content:"Sparrow TV · Saved · private-by-default · best on a 1920+ landscape display";display:block;position:fixed;bottom:1vh;left:0;right:0;text-align:center;font-family:Departure Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-mute)}.sptv-body[data-surface=mobile] .sptv{--tv-h1: 9vmin;--tv-h2: 5vmin;--tv-body: 3.8vmin;--tv-mono: 2.6vmin}.sptv-body[data-surface=mobile] .sptv-saved-strip{padding:1.6vmin}.sptv-body[data-surface=tv] .sptv{height:100vh;max-height:none;border:none}@media(prefers-reduced-motion:reduce){.sptv-slide,.sptv-progress__bar,.sptv-saved-strip__dot-fill{transition:none!important}}