:root{--phthalo: #123524;--phthalo-line: #1b5138;--accent: #2fb87f;--accent-2: #d8fff0;--bg: #000;--text: #ffffff;--muted: #8a9a93;--live: var(--accent);--channel-color: var(--accent);--panel: rgba(6, 10, 8, .86);--panel-solid: #05100b;--panel-line: rgba(255, 255, 255, .14);--radius: 12px;--safe: clamp(.75rem, 2.2vw, 2.75rem);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html{font-size:clamp(15px,.62vw + 7px,24px)}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.chat__list,.chat__input{user-select:text;-webkit-user-select:text}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.app{position:relative;height:100dvh;width:100vw;overflow:hidden;background:#000}@supports (overflow: clip){.app{overflow:clip}}.app--idle{cursor:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.player-mount{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.player-mount>div,.player-mount iframe{width:100%;height:100%;border:0;display:block}.app--blurred .player-mount{filter:blur(26px) saturate(1.15);transform:scale(1.08);transition:filter .5s var(--ease)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 78%,rgba(0,0,0,.45))}.stage-toast{position:absolute;top:var(--safe);left:50%;transform:translate(-50%);background:#000000bf;border:1px solid var(--panel-line);padding:.4rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.hairline{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff1a;z-index:4}.hairline__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s linear}.bug{position:absolute;top:var(--safe);right:var(--safe);z-index:6;pointer-events:none;opacity:.5}.bug__mark{display:block;width:clamp(4.5rem,8vw,8rem);height:auto}.channelname{position:absolute;left:50%;bottom:calc(var(--safe) + .4rem);transform:translate(-50%,.5rem);z-index:6;pointer-events:none;opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff40;text-shadow:0 1px 10px rgba(0,0,0,.6);white-space:nowrap}.channelname--on{opacity:1;transform:translate(-50%)}@keyframes pulse{50%{opacity:.4}}.controls{position:absolute;right:var(--safe);bottom:calc(var(--safe) + .4rem);z-index:7;opacity:0;transform:translateY(.5rem);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}.controls--on{opacity:1;transform:none;pointer-events:auto}.controls__row{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--panel-line);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.pill:hover{background:#ffffff29}.pill--on{border-color:var(--accent);color:var(--accent)}.pill--icon{padding:.4rem .6rem}.pill__key{font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:.1rem .3rem;border-radius:4px;background:#ffffff24;color:#fffc}.pill__badge{font-variant-numeric:tabular-nums;color:var(--muted)}.songcard{position:absolute;left:var(--safe);bottom:calc(var(--safe) + .4rem);z-index:6;display:flex;gap:.75rem;max-width:min(34rem,70vw);opacity:0;transform:translateY(.8rem);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}.songcard--on{opacity:1;transform:none}.songcard__rule{width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent),transparent)}.songcard__body{display:flex;flex-direction:column;gap:.15rem;padding:.15rem 0;text-shadow:0 2px 18px rgba(0,0,0,.85)}.songcard__artist{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.05}.songcard__title{font-size:1rem;color:#ffffffd1;line-height:1.2}.songcard__meta{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.songcard__year{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums}.songcard__time{font-size:.7rem;color:#ffffffa6;font-variant-numeric:tabular-nums}.chatfloat{position:absolute;right:var(--safe);bottom:calc(var(--safe) + 3.2rem);z-index:5;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;max-width:min(22rem,45vw);pointer-events:none}.chatfloat__message{margin:0;padding:.3rem .6rem;border-radius:999px;background:#0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;line-height:1.3;text-align:right;overflow-wrap:anywhere;animation:floatin .45s var(--ease) both}.chatfloat__message span{font-weight:700}@keyframes floatin{0%{opacity:0;transform:translateY(.5rem)}}.bumper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:#000;opacity:0;visibility:hidden;transition:opacity 1.1s var(--ease),visibility 1.1s;pointer-events:none}.bumper--on{opacity:1;visibility:visible;transition:opacity .3s var(--ease),visibility 0s}.bumper__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(65% 60% at 50% 45%,color-mix(in srgb,var(--phthalo) 85%,transparent),transparent 72%),#000}.bumper__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;padding:var(--safe)}.mark{position:relative;width:clamp(11rem,34vw,26rem);aspect-ratio:2339 / 934}.mark__layer{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:url(/nettv-mark.svg) center / contain no-repeat;mask:url(/nettv-mark.svg) center / contain no-repeat;background:#fff}.mark__layer--a,.mark__layer--b{mix-blend-mode:screen;opacity:0}.mark__layer--a{background:#ff2f4a}.mark__layer--b{background:var(--accent)}.bumper__channel{font-size:1.25rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff40;animation:namein .95s .25s ease-out both}@keyframes namein{0%{opacity:0}}@keyframes markin{0%{opacity:0;transform:translateY(.8rem) scale(.97);filter:blur(6px)}}.bumper__scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 44%,color-mix(in srgb,var(--accent) 45%,transparent) 49%,rgba(255,255,255,.7) 50%,color-mix(in srgb,var(--accent) 45%,transparent) 51%,rgba(255,255,255,.03) 56%,transparent 100%);background-size:100% 240%;background-repeat:no-repeat}.bumper--on .bumper__scan{animation:scan-sweep 1.5s var(--ease) both}@keyframes scan-sweep{0%{opacity:0;background-position:0 -130%}10%{opacity:1}85%{opacity:1}to{opacity:0;background-position:0 130%}}.bumper__lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.085) 0 1px,transparent 1px 3px)}.bumper--on .bumper__lines{animation:scan-lines 1.8s steps(1,end) both}@keyframes scan-lines{0%{opacity:.42}30%{opacity:.3}55%{opacity:.2}75%{opacity:.1}to{opacity:.05}}.bumper--on.bumper--fx-static .mark{animation:static-stretch 1.8s cubic-bezier(.16,1,.3,1) both}.bumper--on.bumper--fx-static .mark__layer--main{animation:static-jitter 1.8s steps(1,end) both}.bumper--on.bumper--fx-static .mark__layer--a{background:#ff2f4a;animation:static-fringe-a 1.8s steps(1,end) both}.bumper--on.bumper--fx-static .mark__layer--b{background:#23e8ff;animation:static-fringe-b 1.8s steps(1,end) both}@keyframes static-stretch{0%{transform:scale(1.9,.5);filter:blur(15px) brightness(.3)}14%{transform:scale(.58,1.5);filter:blur(12px) brightness(.75)}28%{transform:scale(1.6,.7);filter:blur(9px) brightness(.4)}42%{transform:scale(.8,1.24);filter:blur(6px) brightness(.95)}56%{transform:scale(1.24,.88);filter:blur(4px) brightness(.6)}70%{transform:scale(.93,1.07);filter:blur(2px) brightness(1.2)}84%{transform:scale(1.03,.98);filter:blur(.6px) brightness(1)}to{transform:none;filter:none}}@keyframes static-jitter{0%{opacity:.5;transform:translate(-.8%,1.2%)}10%{opacity:.85;transform:translate(1.1%,-.8%)}20%{opacity:.35;transform:translate(-1.3%,.5%)}30%{opacity:.9;transform:translate(.6%,.9%)}40%{opacity:.55;transform:translate(-.9%,-.6%)}52%{opacity:1;transform:translate(.7%,.3%)}64%{opacity:.8;transform:translate(-.4%)}76%{opacity:1;transform:translate(.2%,-.1%)}88%,to{opacity:1;transform:none}}@keyframes static-fringe-a{0%{opacity:.7;transform:translate(-1.4%,.3%)}20%{opacity:.55;transform:translate(1%,-.5%)}40%{opacity:.45;transform:translate(-.9%,.4%)}60%{opacity:.3;transform:translate(.6%)}76%{opacity:.15;transform:translate(-.3%)}90%,to{opacity:0;transform:none}}@keyframes static-fringe-b{0%{opacity:.7;transform:translate(1.4%,-.3%)}20%{opacity:.55;transform:translate(-1%,.5%)}40%{opacity:.45;transform:translate(.9%,-.4%)}60%{opacity:.3;transform:translate(-.6%)}76%{opacity:.15;transform:translate(.3%)}90%,to{opacity:0;transform:none}}.bumper--on.bumper--fx-hop .mark{animation:hop-in 1.75s linear both}@keyframes hop-in{0%{transform:translate(-46%) scale(.75)}4%{transform:translate(-43%) scale(.79,.7)}10%{transform:translate(-36%,-17%) scale(.73,.83)}16%{transform:translate(-30%,-14%) scale(.75,.8)}21%{transform:translate(-27%) scale(.85,.72)}25%{transform:translate(-26%) scale(.81)}31%{transform:translate(-19%,-16%) scale(.79,.88)}37%{transform:translate(-14%,-13%) scale(.81,.85)}42%{transform:translate(-11%) scale(.91,.78)}46%{transform:translate(-10%) scale(.87)}52%{transform:translate(-5%,-13%) scale(.85,.94)}58%{transform:translate(-2%,-10%) scale(.87,.91)}63%{transform:translate(0) scale(.98,.85)}67%{transform:translate(0) scale(.94)}73%{transform:translateY(-8%) scale(.97,1.02)}79%{transform:translateY(-6%) scaleX(.98)}84%{transform:translate(0) scale(1.06,.93)}89%{transform:translateY(-2%) scale(.99,1.01)}94%{transform:translate(0) scale(1.02,.98)}to{transform:translate(0) scale(1)}}.bumper--fx-hop .bumper__channel{animation-delay:1.15s}.bumper--fx-hop .bumper__card,.bumper--fx-hop .bumper__arrow{animation-delay:1.3s}.bumper--on.bumper--fx-power .mark{animation:power-on 1.5s cubic-bezier(.2,.85,.2,1) both}@keyframes power-on{0%{opacity:0;transform:scale(.02);filter:brightness(6) drop-shadow(0 0 18px #fff)}7%{opacity:1;transform:scale(.06,.03);filter:brightness(6) drop-shadow(0 0 22px #fff)}19%{transform:scale(1.16,.012);filter:brightness(5) drop-shadow(0 0 28px #fff)}32%{transform:scale(1.09,.02);filter:brightness(4.2) drop-shadow(0 0 24px #fff)}46%{transform:scale(1.04,.5);filter:brightness(2.6) drop-shadow(0 0 15px #fff)}60%{transform:scale(1.01,1.09);filter:brightness(1.7) drop-shadow(0 0 9px #fff)}74%{transform:scale(.994,.96);filter:brightness(1.2)}87%{transform:scale(1.003,1.02);filter:brightness(1.05)}to{transform:none;filter:none}}.bumper__tracking{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.2) 45%,rgba(255,255,255,.46) 50%,rgba(255,255,255,.18) 56%,rgba(0,0,0,.35) 68%,transparent 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 2px,transparent 2px 5px,rgba(0,0,0,.16) 5px 8px);background-size:100% 32%,100% 11px;background-repeat:no-repeat,repeat;filter:blur(1.4px)}.bumper--on.bumper--fx-tracking .bumper__tracking{animation:tracking-roll 1.7s linear both}.bumper--on.bumper--fx-tracking .mark__layer--a{background:#fff;animation:tracking-tear 1.7s steps(1,end) both}.bumper--on.bumper--fx-tracking .mark__layer--main{animation:tracking-wobble 1.7s steps(1,end) both}@keyframes tracking-roll{0%{opacity:.95;background-position:0 -45%,0 0}85%{opacity:.7}to{opacity:0;background-position:0 145%,0 60px}}@keyframes tracking-tear{0%{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translate(0)}6%{opacity:1;-webkit-clip-path:inset(0 0 86% 0);clip-path:inset(0 0 86% 0);transform:translate(5%)}16%{opacity:1;-webkit-clip-path:inset(12% 0 74% 0);clip-path:inset(12% 0 74% 0);transform:translate(-4%)}26%{opacity:1;-webkit-clip-path:inset(24% 0 62% 0);clip-path:inset(24% 0 62% 0);transform:translate(3.5%)}36%{opacity:1;-webkit-clip-path:inset(36% 0 50% 0);clip-path:inset(36% 0 50% 0);transform:translate(-2.8%)}46%{opacity:1;-webkit-clip-path:inset(48% 0 38% 0);clip-path:inset(48% 0 38% 0);transform:translate(2.2%)}56%{opacity:1;-webkit-clip-path:inset(60% 0 26% 0);clip-path:inset(60% 0 26% 0);transform:translate(-1.6%)}66%{opacity:1;-webkit-clip-path:inset(72% 0 14% 0);clip-path:inset(72% 0 14% 0);transform:translate(1.1%)}76%{opacity:1;-webkit-clip-path:inset(84% 0 4% 0);clip-path:inset(84% 0 4% 0);transform:translate(-.6%)}86%{opacity:.6;-webkit-clip-path:inset(94% 0 0 0);clip-path:inset(94% 0 0 0);transform:translate(.3%)}94%,to{opacity:0;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transform:none}}@keyframes tracking-wobble{0%{transform:translate(-1.2%) skew(-1.2deg)}14%{transform:translate(.9%) skew(.8deg)}28%{transform:translate(-.7%) skew(-.6deg)}42%{transform:translate(.6%) skew(.5deg)}56%{transform:translate(-.4%) skew(-.3deg)}70%{transform:translate(.25%)}84%{transform:translate(-.1%)}92%,to{transform:none}}.bumper--on.bumper--fx-surf .mark{animation:surf-jump 1.4s steps(1,end) both}.bumper--on.bumper--fx-surf .mark__layer--a{animation:surf-flash-a 1.4s steps(1,end) both}.bumper--on.bumper--fx-surf .mark__layer--b{animation:surf-flash-b 1.4s steps(1,end) both}@keyframes surf-jump{0%{opacity:0;transform:translate(-42%,7%) scale(.7)}5%{opacity:1;transform:translate(31%,-9%) scale(.83)}10%{opacity:.25;transform:translate(-26%,11%) scale(.75)}15%{opacity:1;transform:translate(36%,5%) scale(.91)}21%{opacity:.5;transform:translate(-19%,-13%) scale(.8)}27%{opacity:1;transform:translate(22%,9%) scale(.95)}33%{opacity:.35;transform:translate(-14%,-6%) scale(.86)}40%{opacity:1;transform:translate(15%,7%) scale(.98)}47%{opacity:.6;transform:translate(-9%,-4%) scale(.92)}55%{opacity:1;transform:translate(8%,3%) scale(1.01)}63%{opacity:.8;transform:translate(-5%,-2%) scale(.97)}71%{opacity:1;transform:translate(3%,1.5%) scale(1.02)}79%{opacity:1;transform:translate(-1.5%,-.8%) scale(.99)}86%{opacity:1;transform:translate(.6%,.4%) scale(1.01)}93%{opacity:1;transform:translate(-.2%) scale(.998)}to{opacity:1;transform:none}}@keyframes surf-flash-a{0%,4%{opacity:0}5%{opacity:.8;transform:translate(-3%)}9%{opacity:0}15%{opacity:.7;transform:translate(2.5%)}19%{opacity:0}27%{opacity:.55;transform:translate(-2%)}31%{opacity:0}40%{opacity:.35;transform:translate(1.5%)}44%,to{opacity:0;transform:none}}@keyframes surf-flash-b{0%,9%{opacity:0}10%{opacity:.7;transform:translate(3%)}14%{opacity:0}21%{opacity:.6;transform:translate(-2.5%)}25%{opacity:0}33%{opacity:.45;transform:translate(2%)}37%{opacity:0}47%{opacity:.3;transform:translate(-1.2%)}51%,to{opacity:0;transform:none}}.bumper--on.bumper--fx-focus .mark{animation:focus-pull 1.6s cubic-bezier(.16,1,.3,1) both}@keyframes focus-pull{0%{opacity:0;filter:blur(30px) brightness(1.8);transform:scale(1.17)}16%{opacity:.7;filter:blur(22px) brightness(1.6);transform:scale(1.12)}38%{opacity:1;filter:blur(11px) brightness(1.38);transform:scale(1.07)}58%{filter:blur(4.5px) brightness(1.2);transform:scale(1.03)}72%{filter:blur(1.2px) brightness(1.08);transform:scale(1.004)}82%{filter:blur(.1px) brightness(1.02);transform:scale(.994)}90%{filter:blur(1.6px) brightness(1.01);transform:scale(1.006)}to{filter:none;transform:none}}.bumper__cards{margin-top:1.8rem;display:flex;align-items:center;justify-content:center;gap:1.4rem;max-width:min(60rem,92vw)}.bumper__card{display:flex;flex-direction:column;gap:.2rem;flex:1 1 0;min-width:0;max-width:20rem;padding:.8rem 1rem;background:#0006;text-align:left;animation:markin .7s .25s var(--ease) both}.bumper__card--now{border-left:3px solid var(--channel-color)}.bumper__card--next{border-left:3px solid rgba(255,255,255,.25);opacity:.82}.bumper__card--empty{background:none;border:0}.bumper__arrow{color:var(--channel-color);font-size:1.4rem;flex:0 0 auto;animation:markin .7s .35s var(--ease) both}.bumper__label{font-size:.62rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.bumper__thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;margin:.25rem 0 .4rem;background:#000}.bumper__artist{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bumper__title{font-size:.85rem;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 700px){.bumper__cards{gap:.7rem}.bumper__thumb{display:none}.bumper__artist{font-size:.9rem}}.guide{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:1rem var(--safe) calc(var(--safe) + .4rem);background:linear-gradient(0deg,rgba(0,0,0,.97) 45%,rgba(0,0,0,.88) 72%,rgba(0,0,0,.5) 88%,transparent);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .4s var(--ease),visibility .4s}.guide--on{transform:none;visibility:visible;pointer-events:auto}.guide__head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.7rem}.guide__title{font-size:.72rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.guide__hint{font-size:.7rem;color:var(--muted)}.guide__strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.3rem;scroll-snap-type:x proximity;scrollbar-width:thin}.gtile-wrap{position:relative;flex:0 0 auto}.gtile__star{position:absolute;top:.3rem;right:.3rem;z-index:2;width:1.6rem;height:1.6rem;display:grid;place-items:center;border:0;border-radius:50%;background:#000000a6;color:#ffffffb3;font-size:.85rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s var(--ease),transform .15s var(--ease)}.gtile-wrap:hover .gtile__star,.gtile:focus-visible~.gtile__star,.gtile__star--on,.gtile__star:focus-visible{opacity:1}.gtile__star:hover{transform:scale(1.12);color:var(--accent)}.gtile__star--on{color:var(--accent)}.gtile{flex:0 0 auto;width:13rem;max-width:62vw;display:flex;flex-direction:column;gap:.3rem;padding:0;border:0;background:none;text-align:left;cursor:pointer;scroll-snap-align:center}.gtile__art{position:relative;display:block;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#05100b;border:2px solid transparent;transition:border-color .2s var(--ease),transform .2s var(--ease)}.gtile__art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.gtile--active .gtile__art{border-color:var(--channel-color);box-shadow:0 0 1.8rem -.5rem var(--channel-color)}.gtile:hover .gtile__art,.gtile:focus-visible .gtile__art{border-color:var(--accent-2);transform:translateY(-3px)}.gtile:focus-visible{outline:none}.gtile__number{position:absolute;top:.35rem;left:.35rem;display:grid;place-items:center;min-width:1.3rem;height:1.3rem;border-radius:6px;background:#000000b3;font-size:.7rem;font-weight:900}.gtile__watching{position:absolute;right:.35rem;bottom:.35rem;padding:.1rem .4rem;border-radius:999px;background:var(--channel-color);color:#03120b;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gtile__name{font-size:.9rem;font-weight:800;letter-spacing:.02em}.gtile__now,.gtile__foot{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtile__foot{font-size:.66rem;opacity:.75}.chat{position:absolute;top:0;right:0;bottom:0;z-index:9;width:min(24rem,88vw);display:flex;flex-direction:column;gap:.6rem;padding:calc(var(--safe) * .8);background:linear-gradient(270deg,#000000f2 70%,#000000b3);border-left:1px solid var(--panel-line);transform:translate(101%);visibility:hidden;pointer-events:none;transition:transform .4s var(--ease),visibility .4s}.chat--on{transform:none;visibility:visible;pointer-events:auto}.chat__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto}.chat__presence{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9}.chat__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--live);box-shadow:0 0 .5rem var(--live)}.chat__tools{display:flex;align-items:center;gap:.15rem;flex:0 0 auto}.chat__close,.chat__pin{background:none;border:0;color:var(--muted);cursor:pointer;padding:.2rem .4rem;border-radius:6px;line-height:1}.chat__close:hover,.chat__pin:hover{background:#ffffff1a;color:var(--text)}.chat__pin{filter:grayscale(1);opacity:.6}.chat__pin--on{filter:none;opacity:1;background:#ffffff1f}.chat__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.3rem;padding-right:.2rem}.chat__empty{color:var(--muted);font-size:.8rem}.chat__message{margin:0;font-size:.85rem;line-height:1.35;overflow-wrap:anywhere}.chat__time{color:#8a9a938c;font-size:.68rem;margin-right:.3rem;font-variant-numeric:tabular-nums}.chat__user{font-weight:700;margin-right:.3rem}.chat__whoami{display:flex;align-items:baseline;gap:.4rem;padding:.3rem .5rem;border:1px solid var(--panel-line);border-radius:9px;background:#ffffff0a;cursor:pointer;flex:0 0 auto;font-size:.75rem;text-align:left}.chat__whoami:hover{background:#ffffff1a}.chat__whoami-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.chat__whoami-name{font-weight:800;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__whoami-edit{color:var(--accent-2);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.ident{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:.5rem;padding:.6rem;border:1px solid var(--panel-line);border-radius:var(--radius, 12px);background:#00000059}.ident__head{display:flex;align-items:center;justify-content:space-between}.ident__head .panel-heading{margin:0}.ident__preview{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}.ident__word{color:var(--accent)}.ident__word--alt{color:var(--accent-2)}.ident__number{color:var(--muted);font-variant-numeric:tabular-nums}.ident__columns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-height:0}.ident__column{display:flex;flex-direction:column;gap:.3rem;min-height:0}.ident__label{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ident__list{display:flex;flex-wrap:wrap;gap:.25rem;overflow-y:auto;max-height:9rem;padding-right:.2rem;align-content:flex-start}.ident__option{padding:.25rem .5rem;border-radius:999px;border:1px solid var(--panel-line);background:#ffffff0d;font-size:.72rem;cursor:pointer}.ident__option:hover{background:#ffffff24}.ident__option--on{background:var(--accent);border-color:var(--accent);color:#03120b;font-weight:800}.ident__column:last-child .ident__option--on{background:var(--accent-2);border-color:var(--accent-2)}.ident__foot{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.ident__ghost{background:none;border:1px solid var(--panel-line);border-radius:999px;padding:.3rem .6rem;font-size:.7rem;color:var(--muted);cursor:pointer}.ident__ghost:hover:not(:disabled){color:var(--text);background:#ffffff1a}.ident__ghost:disabled{opacity:.4;cursor:default}.ident__save{flex:1 1 8rem;border:0;border-radius:999px;padding:.4rem .7rem;background:var(--channel-color);color:#03120b;font-size:.72rem;font-weight:800;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ident__save:disabled{background:#ffffff1a;color:var(--muted);cursor:default}.chat__form{display:flex;gap:.35rem;flex:0 0 auto}.chat__input{flex:1 1 auto;min-width:0;background:#ffffff12;border:1px solid var(--panel-line);border-radius:9px;padding:.5rem .65rem}.chat__input::placeholder{color:#8a9a93b3}.chat__send{background:var(--channel-color);color:#03120b;border:0;border-radius:9px;padding:.5rem .8rem;font-weight:800;cursor:pointer}.chat__send:disabled{opacity:.4;cursor:default}.queue{flex:0 0 auto;max-height:38%;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--panel-line);padding-top:.5rem}.panel-heading{margin:0 0 .4rem;font-size:.66rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.queue__tabs{display:flex;gap:.3rem;margin-bottom:.45rem;flex:0 0 auto}.queue__tab{background:none;border:0;border-bottom:2px solid transparent;padding:.15rem .1rem;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer;margin-right:.5rem}.queue__tab:hover{color:var(--text)}.queue__tab--on{color:var(--text);border-bottom-color:var(--channel-color)}.queue__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;min-height:0}.queue__item{display:flex;align-items:center;gap:.5rem}.queue__index{width:1rem;color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.queue__thumb{width:2.9rem;height:1.65rem;object-fit:cover;border-radius:5px;flex:0 0 auto;background:#000}.queue__meta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.15}.queue__artist{font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue__title,.queue__duration{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue__duration{font-variant-numeric:tabular-nums}.queue__empty{color:var(--muted);font-size:.78rem;margin:0}.start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:var(--safe);background:radial-gradient(70% 60% at 50% 50%,#000000b8,#000000eb 75%),linear-gradient(180deg,#00000080,#000000bf);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadein .4s var(--ease) both;text-align:center}.start__inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:markin .6s .1s var(--ease) both}.start__eyebrow{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.66rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.start__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--live);box-shadow:0 0 .5rem var(--live);animation:pulse 2.4s ease-in-out infinite}.start__logo{margin:0;width:clamp(9rem,26vw,20rem)}.start__logo img{display:block;width:100%;height:auto}.start__now{margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;color:#fffc}.start__channel{font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--channel-color)}.start__button{padding:.8rem 2.2rem;border-radius:999px;border:0;background:linear-gradient(100deg,var(--accent),var(--accent-2));color:#03120b;font-size:.95rem;font-weight:900;cursor:pointer;box-shadow:0 0 2.5rem -.5rem var(--accent)}.start__secondary{background:none;border:0;color:var(--muted);font-size:.78rem;cursor:pointer;padding:.4rem;text-decoration:underline;text-underline-offset:3px}.start__secondary:hover{color:var(--text)}.start__note{margin:.3rem 0 0;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#8a9a938c}.soundback{position:absolute;bottom:calc(var(--safe) + 1.5rem);left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;font-weight:700;cursor:pointer}.soundback:hover{background:#ffffff29}.bumper__stalled{margin:1.8rem 0 0;padding:.7rem 1.4rem;border-left:3px solid var(--channel-color);background:#0006;font-size:1rem;font-weight:700;animation:markin .7s .25s var(--ease) both}.help{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;place-items:center;padding:var(--safe);background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .25s var(--ease) both}.help__panel{width:min(34rem,100%);max-height:100%;overflow-y:auto;padding:1rem 1.2rem 1.2rem;border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel-solid)}.help__head{display:flex;align-items:center;justify-content:space-between}.help__table{width:100%;border-collapse:collapse;font-size:.82rem}.help__table th{text-align:left;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:.3rem .5rem .3rem 0;border-bottom:1px solid var(--panel-line)}.help__table td{padding:.3rem .5rem .3rem 0;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.05)}.help__table kbd{display:inline-block;padding:.1rem .4rem;border-radius:5px;border:1px solid var(--panel-line);background:#ffffff14;font:inherit;font-size:.75rem;font-weight:700;white-space:nowrap}.help__remote{color:var(--muted);white-space:nowrap}.help__platform{display:flex;gap:.25rem;margin:.4rem 0 .7rem}.help__platform-tab{padding:.25rem .7rem;border-radius:999px;border:1px solid var(--panel-line);background:none;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;cursor:pointer}.help__platform-tab:hover{color:var(--text)}.help__platform-tab--on{background:var(--accent);border-color:var(--accent);color:#03120b}.help__bind{min-width:3.4rem;padding:.15rem .45rem;border-radius:5px;border:1px solid var(--panel-line);background:#ffffff14;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap}.help__bind:hover{border-color:var(--accent-2)}.help__bind--live{border-color:var(--accent);color:var(--accent);animation:pulse 1.4s ease-in-out infinite}.help__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.9rem}.help__error{font-size:.72rem;color:var(--muted);min-height:1em}.notice{position:absolute;bottom:calc(var(--safe) + 1.5rem);left:50%;transform:translate(-50%);z-index:11;background:var(--accent);color:#03120b;font-weight:700;padding:.45rem 1rem;border-radius:999px;font-size:.8rem}.app--pinned{--chat-width: min(24rem, 34vw)}.app--pinned .stage,.app--pinned .hairline,.app--pinned .controls,.app--pinned .guide,.app--pinned .bumper{right:var(--chat-width)}.app--pinned .chat{width:var(--chat-width);background:var(--panel-solid);box-shadow:none}.app--pinned .chatfloat{display:none}@media (max-width: 900px){.app--pinned{--chat-width: auto}.app--pinned .stage,.app--pinned .hairline,.app--pinned .controls,.app--pinned .guide,.app--pinned .bumper{right:0}.app--pinned .chat{width:100vw}.chat__pin{display:none}}@media (max-width: 700px){.controls{left:var(--safe);bottom:calc(var(--safe) + .4rem)}.songcard{bottom:calc(var(--safe) + 3rem)}.chatfloat{bottom:calc(var(--safe) + 6rem)}.songcard{max-width:78vw}.songcard__artist{font-size:1.2rem}.chat{width:100vw;top:auto;height:62dvh;border-left:0;border-top:1px solid var(--panel-line);transform:translateY(101%)}.chat--on{transform:none}.gtile{width:10rem}}@media (orientation: portrait) and (max-width: 700px){.player-mount{top:16vh;bottom:auto;height:auto;aspect-ratio:16 / 9}.player-mount>div,.player-mount iframe{height:100%}.vignette{background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 22%)}.chatfloat{top:calc(16vh + 56.25vw + 1rem);bottom:auto;left:var(--safe);align-items:flex-start;max-width:none}.chatfloat__message{text-align:left}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}}