:root{--bg: #070b14;--bg-elevated: rgba(16, 24, 40, .82);--ink: #f4f7ff;--muted: #9aa6bf;--line: rgba(244, 247, 255, .12);--accent: #ffb703;--accent-deep: #fb8500;--danger: #ff6b6b;--ok: #3ddc97;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius: 18px;--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 700px at 10% -10%,rgba(255,183,3,.18),transparent 55%),radial-gradient(900px 600px at 100% 0%,rgba(251,133,0,.12),transparent 45%),linear-gradient(160deg,#0a1020,#070b14 45%,#101828);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input{font:inherit}.brand{margin:0;font-family:var(--font-display);font-size:clamp(4rem,12vw,7rem);letter-spacing:.04em;line-height:.9;color:var(--accent);text-shadow:0 0 40px rgba(255,183,3,.25);animation:brandIn .7s ease both}.brand-sm{font-size:2.4rem;animation:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.03em}h1{font-size:clamp(1.8rem,4vw,3rem);max-width:14ch}h2{font-size:1.35rem}h3{font-size:1.1rem}.lede{max-width:36rem;color:var(--muted);font-size:1.05rem;line-height:1.55}.muted{color:var(--muted)}.tiny{font-size:.82rem}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent)}.error{color:var(--danger);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#1a1200;font-weight:700}.btn-ghost{background:#ffffff0a;border-color:var(--line);color:var(--ink)}.btn-small{min-height:2.25rem;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);cursor:pointer;white-space:nowrap}.btn-queued{background:#3ddc972e;border-color:#3ddc9773;color:var(--ok)}.paste-toggle{justify-self:start;background:none;border:0;padding:0;cursor:pointer}.text-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.home{position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem;overflow:hidden}.home-glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}.home-glow-a{width:280px;height:280px;left:8%;top:18%;background:#ffb70338;animation:floatA 8s ease-in-out infinite}.home-glow-b{width:360px;height:360px;right:5%;bottom:10%;background:#fb850029;animation:floatB 10s ease-in-out infinite}.home-stage{position:relative;z-index:1;width:min(720px,100%);display:grid;gap:1.25rem;animation:rise .7s ease both}.home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.home-choose{width:min(28rem,100%);justify-items:stretch;text-align:center;gap:clamp(1rem,3vh,1.75rem)}.home-choose .brand{margin:0;font-size:clamp(2.4rem,9vw,3.4rem);letter-spacing:-.04em}.home-choose-lede{margin:0;font-size:clamp(1.05rem,3.6vw,1.25rem);line-height:1.35}.home-choose-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;width:100%}.home-choose-btn{width:100%;min-height:3.15rem;justify-content:center}@media(max-width:420px){.home-choose-actions{grid-template-columns:1fr}}@media(max-height:520px){.home{padding:1.25rem;align-items:start}.home-choose{gap:.85rem}.home-choose .brand{font-size:clamp(1.9rem,7vw,2.4rem)}}.tv-shell,.remote-shell{min-height:100vh;padding:1.25rem}html.tv-landscape-mode,html.tv-landscape-mode body,html.tv-landscape-mode #root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}@media screen and (orientation:portrait){html.tv-landscape-mode #root{position:fixed;top:0;right:0;bottom:0;left:0}html.tv-landscape-mode .tv-shell{position:fixed;top:50%;left:50%;width:100dvh;height:100dvw;max-width:none;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}}.tv-shell.tv-stage{--tv-pad: clamp(.55rem, 1.4vw, 1.35rem);--tv-gap: clamp(.4rem, 1vw, .85rem);--tv-brand: clamp(1.25rem, 2.4vw, 2.35rem);--tv-meta: clamp(.62rem, 1.05vw, .95rem);--tv-code: clamp(1.05rem, 2.1vw, 1.85rem);--tv-clock: clamp(1.15rem, 2.4vw, 2.1rem);--tv-title: clamp(1.15rem, 3.2vw, 2.75rem);--tv-queue-item: clamp(5.5rem, 14vw, 11rem);position:relative;padding:0;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background:#000}.tv-stage-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000}.tv-stage-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,11,20,.72) 0%,transparent clamp(10%,12vh,16%),transparent clamp(84%,88vh,92%),rgba(7,11,20,.58) 100%)}.tv-stage-top,.tv-stage-now,.tv-stage .player-notice{position:absolute;z-index:2}.tv-stage-top{top:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--tv-gap);padding:calc(var(--tv-pad) * .55) var(--tv-pad);background:linear-gradient(180deg,rgba(7,11,20,.75),transparent)}.tv-stage-top>.tv-stage-queue{justify-self:start}.tv-stage-brand{display:grid;gap:0;min-width:0}.tv-stage-brand .brand{font-size:var(--tv-brand);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.55)}.tv-stage-phones{margin:0;color:#d7deee;font-size:var(--tv-meta);text-shadow:0 1px 8px rgba(0,0,0,.7);white-space:nowrap}.tv-stage-top-end{display:flex;align-items:center;gap:clamp(.35rem,.9vw,.65rem);justify-self:end;flex-shrink:0;min-width:0}.room-pill-stage{background:#070b14b8;flex-shrink:0;padding:clamp(.22rem,.55vw,.4rem) clamp(.5rem,1.1vw,.85rem);gap:.35rem}.room-pill-stage span{font-size:var(--tv-meta)}.room-pill-stage strong{font-size:var(--tv-code);letter-spacing:.1em}.tv-stage-queue{display:flex;align-items:center;gap:clamp(.35rem,.9vw,.55rem);min-width:0;max-width:100%;justify-self:start}.tv-stage-queue .queue-head-inline{display:inline-flex;align-items:center;gap:.3rem;margin:0;flex-shrink:0}.tv-stage-queue .queue-head-inline h3{font-size:var(--tv-meta);white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.7)}.tv-stage-queue .queue-head-inline span{min-width:clamp(1rem,1.6vw,1.35rem);height:clamp(1rem,1.6vw,1.35rem);font-size:clamp(.58rem,.95vw,.78rem)}.tv-stage-queue-spacer{flex:1;min-width:.5rem}.tv-stage-queue-oval{width:fit-content;max-width:100%;min-height:clamp(1.55rem,3.2vh,2.25rem);border-radius:999px;border:1px solid rgba(244,247,255,.12);background:#070b1466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;padding:.12rem clamp(.4rem,.9vw,.7rem);overflow:hidden}.queue-list-horizontal{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:clamp(.3rem,.8vw,.55rem);margin:0;padding:0;width:max-content;max-width:100%}.queue-list-horizontal li{display:inline-flex!important;align-items:center;gap:.25rem;width:max-content;max-width:var(--tv-queue-item);padding:0;border:0;background:transparent;border-radius:0;flex:0 1 auto;min-width:0}.queue-list-horizontal .queue-index{width:clamp(.9rem,1.4vw,1.15rem);height:clamp(.9rem,1.4vw,1.15rem);flex-shrink:0;font-size:clamp(.55rem,.9vw,.72rem)}.queue-list-horizontal .queue-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.6rem,1vw,.82rem);line-height:1.15}.queue-more-card{flex-shrink:0}.tv-stage-now{left:var(--tv-pad);right:var(--tv-pad);bottom:var(--tv-pad);max-width:none;padding:0}.tv-stage-now-main{min-width:0;max-width:min(52rem,78vw)}.tv-stage-now .eyebrow{font-size:var(--tv-meta);margin-bottom:.25rem}.tv-stage-now h2{font-size:var(--tv-title);line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,.65);overflow-wrap:anywhere}.tv-stage-now .muted{font-size:clamp(.75rem,1.35vw,1rem);margin:.25rem 0 0}.tv-stage-time{display:grid;place-items:center;flex-shrink:0;padding:clamp(.22rem,.55vw,.4rem) clamp(.5rem,1.1vw,.85rem);border-radius:clamp(10px,1.2vw,14px);border:1px solid rgba(244,247,255,.14);background:#070b14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:clamp(2rem,4.5vh,2.75rem)}.tv-time-left{font-family:var(--font-display);font-size:var(--tv-clock);line-height:1;letter-spacing:.04em;color:var(--accent)}.tv-remote-controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;padding:.45rem;border-radius:999px;border:1px solid rgba(244,247,255,.14);background:#070b14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tv-remote-btn{min-height:2.6rem;min-width:4.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(244,247,255,.14);background:#ffffff0f;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.tv-remote-btn-main{min-width:5.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-deep));border-color:transparent;color:#1a1200}.tv-stage .player-notice{left:50%;bottom:5.5rem;transform:translate(-50%);font-size:.8rem;padding:.45rem .8rem}.tv-loading{display:grid;place-content:center;gap:1rem;text-align:center}.tv-top,.remote-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.room-pill,.status-dot{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-pill span,.status-dot{color:var(--muted);font-size:.85rem}.room-pill strong{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.12em;color:var(--accent)}.status-dot.on:before,.status-dot.off:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--danger)}.status-dot.on:before{background:var(--ok);box-shadow:0 0 12px #3ddc97b3}.tv-shell:not(.tv-stage){width:100%;max-width:100%;box-sizing:border-box;padding:clamp(.85rem,2.2vw,1.5rem);min-height:100dvh}.tv-shell.tv-idle{display:grid;grid-template-rows:auto 1fr;min-height:100dvh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,183,3,.12),transparent 55%),linear-gradient(160deg,#0a1020,#070b14,#101828)}.tv-shell.tv-idle-live{position:relative;isolation:isolate}.tv-idle-front{position:relative;z-index:2}.tv-idle-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(255,183,3,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 80% 70%,rgba(90,70,180,.2),transparent 60%),linear-gradient(180deg,#12182a,#0a0f1c 48%,#151018)}.tv-idle-atmosphere.mode-scifi,.tv-idle-atmosphere.mode-youtube{background:#05070e}.tv-idle-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tv-idle-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;pointer-events:none}.tv-idle-yt-poster{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#05070e;background-position:center;background-size:cover;filter:saturate(1.05)}.tv-idle-youtube-mount{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tv-idle-youtube-host,.tv-idle-youtube-frame,.tv-idle-youtube iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.tv-idle-youtube-frame,.tv-idle-youtube iframe{top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:56.25vw;transform:translate(-50%,-50%)}.tv-idle-media-veil{display:none}.tv-idle-stage-floor{position:absolute;left:-10%;right:-10%;bottom:-8%;height:42%;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(255,183,3,.2),transparent 70%),linear-gradient(180deg,transparent,rgba(0,0,0,.55));transform:perspective(500px) rotateX(55deg);transform-origin:center top}.tv-idle-stage-glow{position:absolute;left:20%;right:20%;bottom:6%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,183,3,.28),transparent 68%);filter:blur(18px);animation:tv-idle-spot-pulse 2.4s ease-in-out infinite}.tv-idle-curtains{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.45)),radial-gradient(ellipse 50% 35% at 50% 0%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.tv-idle-dancer-wrap{position:absolute;left:50%;bottom:clamp(2%,3vh,5%);width:min(46vw,520px);height:min(72vh,680px);display:grid;place-items:end center;transform:translate(-50%)}.tv-idle-dancer{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 22px 36px rgba(0,0,0,.55));transform-origin:50% 100%;animation:tv-idle-dance 1.1s ease-in-out infinite;-webkit-user-select:none;user-select:none}.tv-idle-dancer-glow{position:absolute;left:18%;right:18%;bottom:2%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,183,3,.45),transparent 72%);filter:blur(10px);animation:tv-idle-spot-pulse 1.1s ease-in-out infinite}.tv-idle-note{position:absolute;color:#ffb703cc;font-size:clamp(1.5rem,3vw,2.5rem);text-shadow:0 0 16px rgba(255,183,3,.4);animation:tv-idle-note-float 4.6s ease-in-out infinite}.tv-idle-note.n1{left:18%;bottom:42%;animation-delay:0s}.tv-idle-note.n2{left:78%;bottom:48%;animation-delay:.8s;color:#ffffff8c}.tv-idle-note.n3{left:14%;bottom:58%;animation-delay:1.5s}.tv-idle-note.n4{left:82%;bottom:36%;animation-delay:2.2s;color:#c8b4ffb3}.tv-idle-music-btn{pointer-events:auto;position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vh,2rem);z-index:3;margin:0;padding:.7rem 1.15rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0c101cd1;color:var(--text, #f4f7ff);font:inherit;font-weight:650;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tv-idle-music-btn.on{border-color:#ffb7038c;color:var(--accent, #ffb703)}@keyframes tv-idle-dance{0%,to{transform:translateY(0) rotate(-1.5deg) scale(1)}25%{transform:translateY(-12px) rotate(2deg) scale(1.025)}50%{transform:translateY(-3px) rotate(-1deg) scale(1.01)}75%{transform:translateY(-16px) rotate(2.5deg) scale(1.03)}}@keyframes tv-idle-spot-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes tv-idle-note-float{0%,to{transform:translateZ(0) scale(1);opacity:.3}50%{transform:translate3d(10px,-26px,0) scale(1.12);opacity:.95}}.tv-idle-live .tv-idle-waiting,.tv-idle-live .tv-idle-pair{background:transparent;border-radius:0;margin:0;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none}.tv-idle-live .tv-idle-step,.tv-idle-live .tv-idle-waiting h1{text-shadow:0 2px 18px rgba(0,0,0,.75)}.tv-idle-live .tv-idle-step-sub,.tv-idle-live .tv-idle-waiting .lede,.tv-idle-live .tv-idle-scan,.tv-idle-live .tv-idle-phones,.tv-idle-live .tv-idle-or,.tv-idle-live .eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.7)}.tv-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(min(280px,100%),.9fr);gap:clamp(.75rem,1.5vw,1.15rem);min-height:calc(100dvh - 6rem)}.tv-idle-top{display:flex;align-items:baseline;justify-content:flex-end;gap:1rem;padding:clamp(.85rem,2vw,1.35rem) clamp(1rem,3vw,2rem) 0}.tv-idle-phones{margin:0;color:var(--muted);font-size:clamp(.78rem,1.2vw,.95rem)}.tv-idle-pair{display:grid;justify-items:center;align-content:center;gap:clamp(.45rem,1.4vh,.85rem);padding:clamp(1rem,3vh,2rem) clamp(1rem,4vw,2.5rem) clamp(1.5rem,4vh,2.5rem);text-align:center;min-height:0;animation:rise .7s ease both}.tv-idle-step{margin:0;font-size:clamp(1.35rem,3.2vw,2.15rem);font-weight:700;letter-spacing:-.03em;color:var(--ink)}.tv-idle-step-sub{margin:0 0 clamp(.35rem,1.5vh,.85rem);color:var(--muted);font-size:clamp(.95rem,1.6vw,1.15rem)}.tv-idle-code-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(.45rem,1.4vw,.85rem);margin:clamp(.35rem,1.5vh,.85rem) 0}.tv-idle-code-cell{display:grid;place-items:center;width:clamp(3.4rem,8vw,5.6rem);height:clamp(4.2rem,10vw,6.8rem);border-radius:clamp(10px,1.2vw,16px);border:1px solid rgba(244,247,255,.16);background:#101828b8;box-shadow:0 12px 36px #00000047;font-family:var(--font-display);font-size:clamp(2.4rem,6.5vw,4.4rem);letter-spacing:.04em;line-height:1;color:var(--accent)}.tv-idle-or{display:flex;align-items:center;gap:.85rem;width:min(16rem,55vw);margin:clamp(.15rem,1vh,.45rem) 0;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.tv-idle-or:before,.tv-idle-or:after{content:"";flex:1;height:1px;background:#f4f7ff1f}.tv-idle-qr{width:clamp(8.5rem,18vh,11.5rem);height:clamp(8.5rem,18vh,11.5rem);flex-shrink:0;border-radius:14px;box-shadow:0 14px 36px #0000004d}.tv-idle-scan{margin:0;color:var(--muted);font-size:clamp(.78rem,1.2vw,.9rem)}.tv-idle-waiting{display:grid;justify-items:center;align-content:center;gap:clamp(.55rem,1.6vh,.95rem);padding:clamp(1.25rem,4vh,2.5rem) clamp(1rem,4vw,2.5rem);text-align:center;min-height:0;animation:rise .7s ease both}.tv-idle-waiting h1{max-width:none;margin:0;font-size:clamp(2rem,5vw,3.4rem)}.tv-idle-waiting .lede{margin:0;max-width:28rem}.tv-shell.tv-idle:has(.tv-gate){grid-template-rows:1fr;padding:0;background:radial-gradient(ellipse 70% 55% at 50% 35%,rgba(255,183,3,.14),transparent 58%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(0,0,0,.75),transparent 55%),linear-gradient(180deg,#0c1220,#060910 45%,#05070e)}.tv-gate{position:relative;width:100%;min-height:100%;padding:clamp(3rem,10vh,6rem) clamp(1.5rem,6vw,4rem) clamp(4rem,12vh,7rem);gap:clamp(.85rem,2.2vh,1.35rem);justify-items:center;align-content:center}.tv-gate:before,.tv-gate:after{content:"";position:absolute;left:0;right:0;height:clamp(4rem,12vh,7rem);pointer-events:none;z-index:0}.tv-gate:before{top:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}.tv-gate:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.tv-gate>*{position:relative;z-index:1}.tv-gate-brand{margin:0 0 clamp(.35rem,1.5vh,.85rem);font-size:clamp(3.2rem,9vw,5.5rem);animation:none;text-shadow:0 0 48px rgba(255,183,3,.35)}.tv-gate h1{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,4.6rem);font-weight:400;letter-spacing:.04em;line-height:.95;max-width:none;text-shadow:0 8px 40px rgba(0,0,0,.55)}.tv-gate .lede{max-width:22rem;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.5;color:#f4f7ffb8}.tv-gate-form{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.75rem;margin-top:clamp(.75rem,2.5vh,1.5rem);width:min(32rem,92vw)}.tv-gate-code{flex:1 1 12rem;min-width:10rem;min-height:3.75rem;padding:.85rem 1.15rem;border:1px solid rgba(255,183,3,.35);border-radius:10px;background:#080c16b8;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.65rem,3.5vw,2.15rem);letter-spacing:.28em;text-align:center;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff08;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.tv-gate-code::placeholder{letter-spacing:.28em;color:#9aa6bf8c}.tv-gate-code:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb7032e,inset 0 0 0 1px #ffb7031f}.tv-gate-cta{flex:0 0 auto;min-width:10.5rem;min-height:3.75rem;padding-inline:1.6rem;border-radius:10px;font-size:1.05rem;font-weight:700;letter-spacing:.01em}.room-pill-waiting{margin-top:clamp(.65rem,2vh,1.15rem)}.account-panel{display:grid;gap:.75rem;margin-top:.5rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--line);background:#101828b8}.account-panel h3{margin:0;font-size:1.15rem}.account-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.account-upgrade{margin:0}.account-pair{display:grid;gap:.4rem;justify-items:start}.account-pair-code{margin:.15rem 0;font-size:2.1rem;letter-spacing:.18em;color:var(--accent)}.tv-account-strip{margin-top:clamp(.75rem,2vh,1.25rem);width:min(28rem,92vw)}.tv-account-pair{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.tv-account-pair input{width:auto;min-width:10rem;flex:1;min-height:2.5rem}.tv-account-pair-lg{margin-top:.75rem}.tv-account-pair-lg input{min-height:3.4rem;font-size:1.6rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.login-stage .login-social,.subscribe-stage{display:grid;gap:.75rem;width:min(100%,22rem);justify-items:stretch}.btn-social{width:100%}.login-note{margin:.5rem 0 0}.home-tv-code{display:grid;gap:.45rem;justify-items:start;margin:.5rem 0;width:min(100%,28rem)}.admin-dash{--admin-bg: #0f1419;--admin-panel: #1a2332;--admin-panel-2: #121a26;--admin-border: rgba(255, 255, 255, .08);--admin-text: #e8eef7;--admin-muted: #8b9bb4;--admin-accent: #f0b429;--admin-sidebar: #0b1018;--admin-side-w: 15.5rem;min-height:100dvh;background:var(--admin-bg);color:var(--admin-text);font-family:DM Sans,system-ui,sans-serif}.admin-dash-loading,.admin-dash-login{display:grid;place-items:center;padding:1.5rem}.admin-login-card{width:min(100%,22rem);display:grid;gap:.75rem;padding:1.5rem;border-radius:12px;background:var(--admin-panel);border:1px solid var(--admin-border);box-shadow:0 16px 40px #00000059}.admin-login-brand{margin:0;font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.06em;color:var(--admin-accent)}.admin-login-card h1{margin:0;font-size:1.35rem}.admin-login-sub{margin:0 0 .35rem;color:var(--admin-muted);font-size:.9rem}.admin-login-card label,.admin-form label{display:grid;gap:.35rem;font-size:.85rem;color:var(--admin-muted)}.admin-login-card input,.admin-form input,.admin-table-search{width:100%;box-sizing:border-box;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--admin-border);background:var(--admin-panel-2);color:var(--admin-text);font:inherit}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:var(--admin-side-w);background:var(--admin-sidebar);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;padding:.75rem .55rem;z-index:40;transform:translate(0)}.admin-sidebar-brand{display:grid;gap:.05rem;padding:.25rem .55rem .65rem;border-bottom:1px solid var(--admin-border);margin-bottom:.45rem}.admin-sidebar-brand span{font-family:Bebas Neue,sans-serif;font-size:1.45rem;letter-spacing:.06em;color:var(--admin-accent);line-height:1}.admin-sidebar-brand small{color:var(--admin-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.admin-sidebar-nav{display:flex;flex-direction:column;align-items:stretch;gap:.1rem;flex:0 0 auto}.admin-sidebar-nav button,.admin-sidebar-logout{margin:0;padding:.35rem .55rem;border:0;border-radius:4px;background:transparent;color:var(--admin-muted);font:inherit;font-size:.88rem;line-height:1.25;text-align:left;cursor:pointer;height:auto;min-height:0;align-self:stretch}.admin-sidebar-nav button:hover,.admin-sidebar-logout:hover{background:#ffffff0a;color:var(--admin-text)}.admin-sidebar-nav button.active{background:#f0b4291f;color:var(--admin-accent);font-weight:600}.admin-sidebar-logout{margin-top:auto;color:#f07178;border-top:1px solid var(--admin-border);border-radius:0;padding-top:.55rem}.admin-sidebar-backdrop{display:none}.admin-main{margin-left:var(--admin-side-w);min-height:100dvh;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--admin-border);background:#0f1419eb;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-menu-btn{display:none;width:2.4rem;height:2.4rem;margin:0;padding:0;border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-panel);place-items:center;gap:.28rem;cursor:pointer}.admin-menu-btn span{display:block;width:1rem;height:2px;border-radius:999px;background:var(--admin-text)}.admin-topbar-meta{display:grid;gap:.1rem;min-width:0}.admin-topbar-meta strong{font-size:1.05rem}.admin-topbar-meta span{color:var(--admin-muted);font-size:.8rem}.admin-content{padding:1.15rem 1.25rem 2rem;display:grid;gap:1rem}.admin-alert{margin:0;padding:.7rem .9rem;border-radius:8px;font-size:.9rem}.admin-alert-error{background:#f071781f;color:#ff9aa0;border:1px solid rgba(240,113,120,.28)}.admin-alert-ok{background:#f0b4291a;color:var(--admin-accent);border:1px solid rgba(240,180,41,.28)}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.admin-stat-card{padding:1rem 1.1rem;border-radius:10px;background:var(--admin-panel);border:1px solid var(--admin-border);display:grid;gap:.35rem}.admin-stat-card span{color:var(--admin-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.admin-stat-card strong{font-size:1.75rem;line-height:1}.admin-stat-card.accent{border-color:#f0b42959}.admin-stat-card.accent strong{color:var(--admin-accent)}.admin-card{background:var(--admin-panel);border:1px solid var(--admin-border);border-radius:10px;overflow:hidden}.admin-card-narrow{max-width:44rem}.admin-billing-stack{display:grid;gap:1rem}.admin-security-summary{padding:1rem;display:grid;gap:.35rem}.admin-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem}.admin-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e;cursor:pointer}.admin-modal{position:relative;z-index:1;width:min(100%,34rem);max-height:min(90dvh,40rem);overflow:auto;border-radius:12px;background:var(--admin-panel);border:1px solid var(--admin-border);box-shadow:0 24px 64px #00000073}.admin-modal.is-wide{width:min(100%,42rem)}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--admin-border);background:var(--admin-panel-2)}.admin-modal-head h2{margin:0;font-size:1.05rem}.admin-modal-head p{margin:.2rem 0 0;color:var(--admin-muted);font-size:.8rem}.admin-modal-close{margin:0;padding:0;width:2rem;height:2rem;border:0;border-radius:6px;background:transparent;color:var(--admin-muted);font-size:1.4rem;line-height:1;cursor:pointer}.admin-modal-close:hover{background:#ffffff0f;color:var(--admin-text)}.admin-modal-body .admin-form-actions{position:sticky;bottom:0}.admin-row-actions{display:inline-flex;flex-wrap:wrap;gap:.35rem}.admin-row-actions .admin-btn{padding:.35rem .6rem;font-size:.78rem}.admin-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.85rem 1rem;border-bottom:1px solid var(--admin-border);background:var(--admin-panel-2)}.admin-card-head h2{margin:0;font-size:1rem;font-weight:650}.admin-card-head p{margin:.2rem 0 0;color:var(--admin-muted);font-size:.8rem}.admin-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-table-search{width:min(100%,16rem)}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:52rem}.admin-table th,.admin-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--admin-border);vertical-align:middle;font-size:.9rem}.admin-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-muted);background:var(--admin-panel-2);white-space:nowrap}.admin-table tbody tr:hover{background:#ffffff05}.admin-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--admin-accent)}.admin-table-empty{text-align:center!important;color:var(--admin-muted);padding:2rem 1rem!important}.admin-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.admin-badge.premium{background:#f0b42929;color:var(--admin-accent)}.admin-badge.free{background:#ffffff0f;color:var(--admin-muted)}.admin-btn{margin:0;padding:.65rem .95rem;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:650;cursor:pointer}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn-primary{background:var(--admin-accent);color:#121212}.admin-btn-ghost{background:transparent;color:var(--admin-text);border-color:var(--admin-border)}.admin-form{display:grid;gap:0;padding:0}.admin-form-table{width:100%;border-collapse:collapse}.admin-form-table th,.admin-form-table td{padding:.75rem 1rem;border-bottom:1px solid var(--admin-border);vertical-align:middle;text-align:left}.admin-form-table th{width:11.5rem;color:var(--admin-muted);font-size:.82rem;font-weight:500;background:transparent}.admin-form-table td{font-size:.9rem}.admin-form-table input{max-width:16rem}.admin-form-hint{display:block;margin-top:.25rem;color:var(--admin-muted);font-size:.75rem}.admin-form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1rem;background:var(--admin-panel-2)}.admin-field-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-muted)}.admin-mode-row{display:inline-flex;flex-wrap:wrap;gap:.4rem}.admin-mode-row .admin-btn{padding:.4rem .75rem;font-size:.82rem;font-weight:600}.admin-switch,.admin-switch-row{display:inline-flex;align-items:center;gap:.55rem;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.admin-switch-row{width:auto;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent;text-align:left}.admin-switch-row span:first-child{display:none}.admin-switch-row small{color:var(--admin-muted)}.admin-switch-track{position:relative;width:2.5rem;height:1.4rem;border-radius:999px;background:#ffffff24;flex:0 0 auto;transition:background .16s ease}.admin-switch-thumb{position:absolute;top:.15rem;left:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;transition:transform .16s ease}.admin-switch.is-on .admin-switch-track,.admin-switch-row.is-on .admin-switch-track{background:var(--admin-accent)}.admin-switch.is-on .admin-switch-thumb,.admin-switch-row.is-on .admin-switch-thumb{transform:translate(1.1rem);background:#121212}.admin-switch-label{font-size:.8rem;color:var(--admin-muted);min-width:1.5rem}@media(max-width:700px){.admin-form-table,.admin-form-table tbody,.admin-form-table tr,.admin-form-table th,.admin-form-table td{display:block;width:100%}.admin-form-table th{padding-bottom:.25rem;border-bottom:0}.admin-form-table td{padding-top:.25rem}.admin-form-table input{max-width:none}}@media(max-width:900px){.admin-sidebar{transform:translate(-105%);transition:transform .2s ease}.admin-dash.sidebar-open .admin-sidebar{transform:translate(0)}.admin-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c;z-index:30}.admin-main{margin-left:0}.admin-menu-btn{display:grid}.admin-stat-grid{grid-template-columns:1fr}.admin-table{min-width:0}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{padding:.85rem 1rem;border-bottom:1px solid var(--admin-border)}.admin-table td{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;padding:.35rem 0;border:0}.admin-table td:before{content:attr(data-label);color:var(--admin-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding-top:.2rem}.admin-table-empty{display:block!important}.admin-table-empty:before{display:none}}.subscribe-mode.test{color:#d4a017}.subscribe-mode.live{color:var(--accent)}.subscribe-qr{display:grid;gap:.65rem;justify-items:center;width:min(100%,18rem);margin:.35rem 0}.subscribe-qr-image{width:min(100%,16rem);aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;padding:.65rem}.tv-idle-waiting-qr{margin-top:clamp(.35rem,1.2vh,.65rem)}.tv-player-pane,.join-card,.queue-card,.remote-panel{border:1px solid var(--line);background:var(--bg-elevated);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:var(--shadow)}.tv-player-pane{display:flex;flex-direction:column;overflow:hidden;min-height:70vh}.tv-player-frame{position:relative;flex:1;min-height:50vh;background:#000}.player-notice{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:5;max-width:min(90%,28rem);padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(255,183,3,.35);background:#070b14eb;color:var(--accent);text-align:center;font-size:.95rem}.yt-frame{position:relative;width:100%;height:100%;background:#000}.yt-wrap,.yt-host,.yt-wrap iframe,.yt-host iframe{width:100%;height:100%;border:0;pointer-events:none}.yt-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:.5rem;background:#070b14;pointer-events:all}.now-playing{padding:1.1rem 1.25rem 1.35rem;border-top:1px solid var(--line)}.tv-empty{flex:1;display:grid;place-content:center;justify-items:center;gap:clamp(.65rem,1.5vh,.95rem);text-align:center;padding:clamp(1.25rem,3vw,2.25rem);min-height:0;height:100%;background:linear-gradient(180deg,rgba(255,183,3,.08),transparent 40%),radial-gradient(circle at 50% 20%,rgba(255,255,255,.05),transparent 55%)}.tv-empty .brand{font-size:clamp(3.2rem,9vw,6.2rem)}.tv-empty h1{max-width:none;font-size:clamp(1.55rem,3.2vw,2.6rem)}.tv-empty .lede{max-width:28rem;font-size:clamp(.95rem,1.5vw,1.1rem)}.tv-empty .join-code{margin-top:.35rem;font-size:clamp(2.4rem,5vw,3.4rem)}.tv-idle .tv-player-pane{background:var(--bg-elevated);display:flex;flex-direction:column}.tv-side{display:grid;gap:1rem;align-content:start}.join-card,.queue-card,.remote-panel{padding:1.1rem}.join-card{text-align:center;display:grid;gap:.65rem;justify-items:center}.qr{width:180px;height:180px;border-radius:12px;border:1px solid var(--line)}.join-code{margin:0;font-family:var(--font-display);font-size:3rem;letter-spacing:.18em;color:var(--accent)}.queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.queue-head span{min-width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:999px;background:#ffb70326;color:var(--accent);font-size:.85rem}.queue-list,.result-list,.manage-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.queue-list li,.result-list li,.manage-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}.queue-index{width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;background:#ffffff0f;color:var(--muted);font-size:.8rem}.queue-title{margin:0;font-size:.95rem;line-height:1.3}.remote-shell{width:100%;max-width:min(720px,100%);margin:0 auto;display:grid;gap:1rem;padding:max(.85rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));box-sizing:border-box;min-height:100dvh;align-content:center}.remote-app{--remote-pad-x: clamp(.65rem, 3.5vw, 1rem);--remote-gap: clamp(.55rem, 1.8vh, 1rem);--remote-btn-h: clamp(2.75rem, 7.5vw, 3rem);width:100%;max-width:min(720px,100%);margin:0 auto;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(.55rem,env(safe-area-inset-top)) max(var(--remote-pad-x),env(safe-area-inset-right)) 0 max(var(--remote-pad-x),env(safe-area-inset-left));box-sizing:border-box}.remote-app-top{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"menu account . badge" "meta meta meta meta";align-items:center;column-gap:.55rem;row-gap:.3rem;padding-bottom:clamp(.4rem,1.2vh,.65rem)}.remote-app-top:not(:has(.remote-hamburger)){grid-template-areas:"account account . badge" "meta meta meta meta"}.remote-app-top:not(:has(.remote-account-chip)):not(:has(.remote-hamburger)){grid-template-areas:". . . badge" "meta meta meta meta"}.remote-app-top .brand-sm{font-size:clamp(1.55rem,7vw,1.9rem)}.remote-menu-trigger{display:inline-flex;align-items:center;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.remote-hamburger{grid-area:menu;display:inline-grid;place-items:center;flex:0 0 auto;width:2.35rem;height:2.35rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text, #f4f7ff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .12s ease}.remote-hamburger:active{transform:scale(.94);background:#ffffff14}.remote-hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.remote-hamburger-bars{display:grid;gap:.28rem;width:1.05rem}.remote-hamburger-bars>span{display:block;height:2px;border-radius:999px;background:currentColor;opacity:.92}.remote-app-top-meta{grid-area:meta;min-width:0;margin:0;padding-left:.15rem;line-height:1.25}.remote-account-chip{grid-area:account;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.35rem;height:2.35rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text, #f4f7ff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.remote-account-chip:active{transform:scale(.94)}.remote-account-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.remote-account-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#5b6b8c,#2a3448);color:#fffffff2;font-size:.95rem;font-weight:650;line-height:1;box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #00000038}.friend-join-preview{display:grid;place-items:center;margin:.35rem 0 .15rem}.friend-join-avatar{width:3.25rem;height:3.25rem;font-size:1.35rem}.friend-profile-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.35rem;height:2.35rem}.remote-app-top.remote-app-top-friend{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;grid-template-columns:unset;grid-template-areas:unset}.remote-app-top-friend-lead{display:grid;justify-items:start;gap:.3rem;min-width:0;flex:1 1 auto}.remote-app-top.remote-app-top-friend .remote-app-top-meta{grid-area:unset;padding-left:.15rem;margin:0}.remote-app-top.remote-app-top-friend .remote-app-top-end{grid-area:unset;justify-self:unset;margin-left:0;flex:0 0 auto}.remote-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.remote-account-icon{width:1.15rem;height:1.15rem;display:block}.remote-account-meta{min-width:0;display:grid;gap:.02rem;text-align:left}.remote-account-name{font-size:.95rem;font-weight:650;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-account-hint{font-size:.68rem;line-height:1.1;color:var(--muted, #9aa6bf)}.remote-account-chevron{flex:0 0 auto;margin-left:.1rem;font-size:1.15rem;line-height:1;color:var(--muted, #9aa6bf);transform:rotate(180deg);opacity:.85}.remote-invite,.remote-invite-drawer{display:grid;gap:.45rem;justify-items:start;padding:.85rem 0 .25rem}.remote-invite-drawer{border-top:1px solid var(--line);padding-top:1rem}.remote-invite-qr{width:min(11rem,55vw);height:auto;border-radius:.75rem;border:1px solid var(--line);background:#0b1220}.remote-invite-link,.tv-invite-link{word-break:break-all;max-width:100%}.tv-invite{display:grid;gap:.55rem;justify-items:center;margin-top:clamp(.5rem,1.5vh,1rem)}.tv-stage-qr{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:6;display:grid;gap:.35rem;justify-items:center;padding:.65rem;border-radius:.85rem;border:1px solid var(--line);background:#080c16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tv-qr-in .25s ease}.tv-stage-qr-img{width:clamp(5.5rem,12vw,7.5rem);height:auto;border-radius:.5rem;background:#0b1220}@keyframes tv-qr-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.remote-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.25rem}.remote-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr)}.remote-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;margin:0;padding:0;background:#0408109e;cursor:pointer;animation:remote-drawer-fade .2s ease}.remote-drawer{position:relative;z-index:1;width:min(20.5rem,86vw);height:100%;max-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin-right:auto;padding:max(.85rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));box-sizing:border-box;background:linear-gradient(165deg,#162034fa,#0a0f1afa);border-right:1px solid var(--line);box-shadow:12px 0 40px #00000059;animation:remote-drawer-slide .22s ease}.remote-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.drawer-head-settings{display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 auto;padding:.35rem;border:0;border-radius:10px;background:transparent;color:var(--gold, #e8c547);cursor:pointer}.drawer-head-settings:hover,.drawer-head-settings:focus-visible{background:#e8c5471f;outline:none}.drawer-head-settings .drawer-nav-icon{width:1.45rem;height:1.45rem}.remote-drawer-body{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;gap:1rem;align-content:start;padding-top:1rem}.remote-drawer-foot{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--line)}.remote-drawer-foot .btn{width:100%}.remote-app-top-end{grid-area:badge;display:flex;align-items:center;gap:.45rem;flex:0 0 auto;justify-self:end}.remote-mic-chip{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;margin:0;padding:0;border:0;border-radius:50%;background:#f4f7ff14;color:var(--text, #f4f7ff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease,transform .12s ease}.remote-mic-chip:active{transform:scale(.94)}.remote-mic-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.remote-mic-chip.is-active{background:#ffb7032e;color:var(--accent)}.remote-mic-chip.is-live{background:#ff5a5f33;color:#ff7a7e;box-shadow:0 0 0 1px #ff7a7e59}.remote-mic-chip .remote-tab-icon{width:1.05rem;height:1.05rem}.remote-drawer-body h3{margin:0;font-size:1.2rem}.remote-drawer-setting{margin:0;width:100%;box-sizing:border-box}.drawer-back{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.15rem 0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:1.1rem;cursor:pointer}.drawer-nav-icon{width:1.35rem;height:1.35rem;flex:0 0 auto}.drawer-nav-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;margin:.25rem 0 0;padding:.85rem .9rem;border:1px solid var(--line);border-radius:14px;background:#101624b8;color:inherit;font:inherit;text-align:left;cursor:pointer}.drawer-nav-row-copy{display:grid;gap:.15rem}.drawer-nav-row-copy strong{font-size:1rem}.drawer-nav-chevron{color:var(--muted);font-size:1.35rem;line-height:1}.drawer-settings-group{display:grid;gap:.65rem}.drawer-settings-lock{display:grid;gap:.65rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:14px;background:#101624b8}.remote-idle-yt input:disabled{opacity:.55}.drawer-toggle{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;margin:0;padding:.85rem .9rem;border:1px solid var(--line);border-radius:14px;background:#101624b8;color:inherit;font:inherit;text-align:left;cursor:pointer}.drawer-toggle:disabled{opacity:.55;cursor:not-allowed}.drawer-toggle-copy{display:grid;gap:.2rem;min-width:0}.drawer-toggle-copy strong{font-size:.98rem}.drawer-toggle-copy small{display:block;line-height:1.35}.drawer-toggle-track{position:relative;flex:0 0 auto;width:2.75rem;height:1.55rem;border-radius:999px;background:#f4f7ff29;transition:background .16s ease}.drawer-toggle-thumb{position:absolute;top:.18rem;left:.18rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#f4f7ff;box-shadow:0 2px 6px #00000059;transition:transform .16s ease}.drawer-toggle.is-on .drawer-toggle-track{background:var(--accent)}.drawer-toggle.is-on .drawer-toggle-thumb{transform:translate(1.2rem);background:#121212}.remote-idle-bg{display:grid;gap:.55rem;width:100%;margin-top:.35rem;padding:.85rem 0 .15rem;border-top:1px solid var(--line)}.remote-idle-yt{display:grid;gap:.45rem}.remote-idle-yt input{width:100%;min-height:2.75rem;box-sizing:border-box}.remote-idle-yt-preview{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.55rem;align-items:center}.remote-idle-yt-preview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#0b1220}.remote-idle-yt-meta{display:grid;gap:.25rem;justify-items:start}.remote-idle-yt-meta .btn{padding:.35rem .65rem;min-height:0}@keyframes remote-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes remote-drawer-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}.remote-app .btn:not(.btn-seek){width:100%;min-height:var(--remote-btn-h);box-sizing:border-box}.remote-app .controls-seek .btn-skip{width:auto;flex:1 1 auto}.remote-queue-badge{min-width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:999px;background:#ffb70329;color:var(--accent);font-size:.85rem;font-weight:700}.remote-app-view{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:clamp(.85rem,2vh,1.25rem)}.remote-view{display:grid;gap:var(--remote-gap, .9rem);align-content:start}.remote-view h2{margin:0;font-size:clamp(1.15rem,4.5vw,1.35rem)}.home-view{gap:var(--remote-gap, 1rem);min-height:100%}.remote-tv-status{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem;color:var(--muted);background:#ffffff0a}.remote-tv-status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--danger)}.remote-tv-status.online{color:var(--ok)}.remote-tv-status.online:before{background:var(--ok);box-shadow:0 0 10px #3ddc97b3}.remote-tv-status.offline{color:#ff8f8f}.home-code{font-size:2.4rem}.remote-setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.35rem;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink)}.remote-setting span{display:grid;gap:.2rem}.remote-setting strong{font-size:.95rem}.remote-setting small{font-size:.78rem;font-weight:400}.remote-setting input[type=checkbox]{width:1.35rem;height:1.35rem;min-height:0;accent-color:var(--accent);flex-shrink:0}.tv-score-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:.45rem;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,183,3,.22),transparent 45%),#070b14f0;animation:scoreIn .42s ease both}.tv-score-grade{margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,12vw,8rem);line-height:.9;color:var(--accent);letter-spacing:.06em}.tv-score-number{margin:0;font-size:clamp(2.4rem,6vw,4rem);font-weight:700}.tv-score-line{margin:.15rem 0 .35rem;color:var(--accent);font-size:1.15rem}.tv-score-song{margin:0;max-width:28rem;font-size:1.05rem}.tv-score-meters{display:grid;grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:.75rem;margin:.75rem 0 1rem;width:min(24rem,90vw)}.tv-score-meters div{display:grid;gap:.2rem;padding:.65rem .5rem;border-radius:14px;border:1px solid var(--line);background:#ffffff0a}.tv-score-meters span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.tv-score-meters strong{font-size:1.35rem}@keyframes scoreIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.remote-now-card{display:grid;gap:clamp(.35rem,1.2vh,.55rem);padding:clamp(.7rem,2.5vw,1rem);border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#ffb70324,#101828e0);min-width:0}.remote-now-card img{width:100%;max-height:min(42vw,28vh,14rem);aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;background:#000}.remote-now-card h1{max-width:none;margin:0;font-size:clamp(1.05rem,4.2vw,1.35rem);overflow-wrap:anywhere}.remote-empty-home,.remote-empty-block{display:grid;gap:.75rem;justify-items:start;padding:1.25rem .25rem}.remote-mic-live{border-color:#ff6b6b8c!important;color:#ff8f8f!important;box-shadow:0 0 0 1px #ff6b6b40;animation:micPulse 1.4s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 0 1px #ff6b6b33}50%{box-shadow:0 0 0 4px #ff6b6b2e}}.tv-mic-audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.tv-mic-live{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:40;margin:0;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(255,107,107,.45);background:#140a0cd1;color:#ffb4b4;font-size:.85rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tv-mic-unlock{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);margin:0;padding:.85rem 1.4rem;border:0;border-radius:999px;background:var(--accent);color:#121212;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 12px 40px #00000073}.mic-studio{gap:1rem!important}.mic-studio-head h1{margin:.15rem 0;font-size:clamp(1.6rem,6vw,2rem)}.mic-studio-toggle{width:100%;min-height:3.2rem}.mic-studio-panel{display:grid;gap:.85rem;padding:1rem;border-radius:16px;border:1px solid rgba(244,247,255,.1);background:#101624b8}.mic-studio-panel.is-live{border-color:#ff6b6b59}.mic-studio-panel h2{margin:0;font-size:1rem}.mic-slider{display:grid;gap:.35rem}.mic-slider-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.92rem}.mic-slider input[type=range]{width:100%;accent-color:var(--accent)}.compact-now{margin-top:.5rem}.remote-tabbar{position:sticky;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:20;width:min(100%,24rem);margin:0 auto .55rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.15rem;padding:.4rem .45rem;border-radius:999px;border:1px solid rgba(244,247,255,.12);background:#161c2ac7;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffb7030f}.remote-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#9aa0ae;cursor:pointer;min-height:3.1rem;padding:.35rem .4rem;display:grid;justify-items:center;align-content:center;gap:.18rem;border-radius:999px;transition:color .16s ease,background .16s ease,transform .16s ease}.remote-tab:active{transform:scale(.94)}.remote-tab.active{color:#1a1200;background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 6px 16px #ffb70347}.remote-tab-icon-wrap{position:relative;width:1.45rem;height:1.45rem;display:grid;place-items:center}.remote-tab-icon{width:1.35rem;height:1.35rem;display:block;background-color:currentColor;-webkit-mask:var(--tab-icon) center / contain no-repeat;mask:var(--tab-icon) center / contain no-repeat}.remote-tab-label{font-size:.62rem;font-weight:600;letter-spacing:-.01em;line-height:1}.remote-tab-count{position:absolute;top:-.35rem;right:-.55rem;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;background:#ff3b30;color:#fff;font-size:.58rem;font-weight:700;display:grid;place-items:center;border:1.5px solid rgba(22,28,42,.95)}.remote-tab.active .remote-tab-count{border-color:#1a120033}.remote-panel{display:grid;gap:.9rem}.remote-panel.compact{gap:.75rem}.stack{display:grid;gap:.75rem}label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}input{width:100%;min-height:3rem;border-radius:14px;border:1px solid var(--line);background:#00000047;color:var(--ink);padding:.7rem .9rem;outline:none}input:focus{border-color:#ffb7038c;box-shadow:0 0 0 3px #ffb70326}.remote-now{display:grid;grid-template-columns:88px 1fr;gap:.85rem;padding:.9rem;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#ffb7031f,#101828d9)}.remote-now img,.result-list img{width:88px;height:66px;object-fit:cover;border-radius:10px;background:#000}.controls{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.controls-seek{display:flex;align-items:center;gap:clamp(.5rem,2.5vw,.75rem);width:100%;grid-template-columns:none}.btn-seek{display:inline-flex;align-items:center;justify-content:center;width:var(--remote-btn-h, 3rem);height:var(--remote-btn-h, 3rem);min-width:var(--remote-btn-h, 3rem);max-width:var(--remote-btn-h, 3rem);min-height:var(--remote-btn-h, 3rem);max-height:var(--remote-btn-h, 3rem);padding:0;border-radius:50%;flex:0 0 var(--remote-btn-h, 3rem);aspect-ratio:1;box-sizing:border-box}.btn-skip{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;width:auto;min-width:0;min-height:var(--remote-btn-h, 3rem);padding:.65rem clamp(.85rem,4vw,1.25rem);border-radius:999px;box-sizing:border-box}.seek-icon{width:clamp(1.25rem,5vw,1.5rem);height:clamp(1.25rem,5vw,1.5rem);display:block}.search-form{margin-top:.35rem;padding-top:.85rem;border-top:1px solid var(--line)}.result-list li{padding:.55rem 0;border-bottom:1px solid var(--line)}.result-list li:last-child{border-bottom:0}.result-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.4rem}.remote-app .result-actions .btn,.result-actions .btn-small{width:auto;min-width:4.35rem;min-height:2.15rem;flex:0 0 auto;padding:.35rem .65rem}.preview-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:end center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));box-sizing:border-box}.preview-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;margin:0;padding:0;background:#040810b8;cursor:pointer}.preview-modal{position:relative;z-index:1;width:min(26rem,100%);display:grid;gap:.85rem;padding:1rem;border-radius:1.15rem 1.15rem .85rem .85rem;border:1px solid var(--line);background:linear-gradient(165deg,#162034fa,#0a0f1afa);box-shadow:0 -12px 40px #0006;animation:preview-modal-up .22s ease}.preview-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.preview-modal-title{margin:.15rem 0 0;font-size:1.05rem;line-height:1.25}.preview-modal-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:.85rem;overflow:hidden;background:#000;border:1px solid var(--line)}.preview-modal-player.is-error{display:grid;place-items:center;padding:1rem;background:#101828e6}.preview-modal-host,.preview-modal-host iframe{width:100%;height:100%;border:0}.preview-modal-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;text-align:center;background:#080c16b8;pointer-events:none}.preview-modal-player.is-error .preview-modal-status{position:static;background:transparent}.preview-modal-actions .btn{width:100%}@keyframes preview-modal-up{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.manage-list li{padding:.45rem 0;border-bottom:1px solid var(--line)}.grow{min-width:0}.row-actions{display:flex;gap:.25rem}.row-actions button{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);cursor:pointer}.row-actions button:disabled{opacity:.35;cursor:default}@keyframes brandIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@media(min-width:1600px){.tv-shell.tv-stage{--tv-pad: clamp(1rem, 1.6vw, 1.75rem);--tv-brand: clamp(2rem, 2.2vw, 2.8rem);--tv-title: clamp(2rem, 2.8vw, 3.2rem);--tv-queue-item: clamp(9rem, 12vw, 13rem)}}@media(max-width:960px){.tv-main{grid-template-columns:1fr}.tv-player-pane{min-height:auto}.tv-player-frame{min-height:42vh}.tv-shell.tv-idle{height:auto;min-height:100dvh;overflow:auto}.tv-shell.tv-stage{--tv-queue-item: clamp(5rem, 18vw, 8.5rem)}.tv-stage-top{gap:var(--tv-gap);padding:calc(var(--tv-pad) * .7) var(--tv-pad)}}@media(max-width:720px){.tv-stage-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand code" "queue queue"}.tv-stage-brand{grid-area:brand}.tv-stage-top-end{grid-area:code}.tv-stage-queue{grid-area:queue;width:100%}.tv-stage-now{left:var(--tv-pad);right:var(--tv-pad);bottom:var(--tv-pad)}.tv-stage-phones{white-space:normal}}@media(max-height:520px){.tv-shell.tv-stage{--tv-pad: .45rem;--tv-brand: 1.15rem;--tv-title: clamp(1rem, 4vh, 1.35rem)}.tv-stage-phones,.tv-stage-now .muted,.tv-stage-queue .queue-head-inline{display:none}.tv-stage-queue-oval{min-height:1.4rem}.tv-idle-code-cell{width:2.8rem;height:3.4rem;font-size:2rem}.tv-idle-qr{width:6.5rem;height:6.5rem}.tv-idle-step-sub,.tv-idle-or{display:none}}@media(max-width:640px){.home-actions,.controls:not(.controls-seek){grid-template-columns:1fr}.controls-seek{display:flex}.home-actions{display:grid}.btn:not(.btn-seek){width:100%}.controls-seek .btn-seek{width:var(--remote-btn-h, 3rem);min-width:var(--remote-btn-h, 3rem);max-width:var(--remote-btn-h, 3rem);flex:0 0 var(--remote-btn-h, 3rem)}.controls-seek .btn-skip{width:auto;flex:1 1 auto}.remote-now{grid-template-columns:clamp(64px,18vw,88px) 1fr}.remote-now img{width:100%;height:auto;aspect-ratio:4 / 3}}@media(max-height:720px){.remote-app{--remote-gap: .55rem}.remote-now-card img{max-height:min(36vw,22vh,10rem)}.remote-setting{padding:.7rem .85rem}.remote-setting small{display:none}}@media(max-height:580px){.remote-now-card{grid-template-columns:clamp(4.5rem,18vw,5.75rem) minmax(0,1fr);align-items:center;gap:.65rem}.remote-now-card img{width:100%;max-height:none;aspect-ratio:1;border-radius:10px}.remote-now-card .eyebrow{margin-bottom:.15rem}.remote-tv-status{font-size:.75rem;padding:.3rem .6rem}.remote-empty-home{padding:.5rem .15rem}}@media(max-width:360px){.remote-app{--remote-pad-x: .55rem;--remote-btn-h: 2.65rem}.remote-app-top .brand-sm{font-size:1.45rem}.btn-skip{padding-inline:.7rem;font-size:.92rem}}