:root{--bg: var(--kara-bg, #070b1b);--bg-elevated: rgba(17, 25, 50, .92);--ink: var(--kara-text, #f7f4ff);--muted: var(--kara-muted, #a7a8c8);--line: rgba(167, 168, 200, .18);--accent: var(--kara-pink, #ed46d2);--accent-deep: var(--kara-violet, #7157ff);--danger: var(--kara-danger, #ff477b);--ok: var(--kara-success, #15df97);--shadow: 0 24px 80px rgba(7, 11, 27, .55);--radius: var(--kara-radius-card, 18px);--font-display: "Fredoka", "Poppins", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--kara-grad-primary: var(--kara-gradient-primary);--kara-grad-secondary: var(--kara-gradient-secondary)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(900px 520px at 12% -8%,rgba(116,80,255,.28),transparent 55%),radial-gradient(780px 480px at 100% 0%,rgba(237,70,210,.18),transparent 50%),linear-gradient(165deg,#070b1b,#111932 48%,#0a0f22);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input{font:inherit}.brand{margin:0;font-family:var(--font-display);font-size:clamp(3.4rem,11vw,6rem);letter-spacing:.02em;line-height:.95;font-style:italic;font-weight:700;background:linear-gradient(110deg,#3478f6,#a667ff 45%,#ff70c9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(166,103,255,.35));animation:brandIn .7s ease both}.brand-mark{display:block;width:min(11rem,52vw);height:auto}.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:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));border-color:transparent;color:#fff;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(.95rem, 1.8vw, 1.35rem);--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-nowbar,.tv-stage-now,.tv-stage .player-notice{position:absolute;z-index:2}.tv-stage-top{top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tv-gap);padding:calc(var(--tv-pad) * .55) var(--tv-pad);padding-right:calc(var(--tv-pad) + var(--tv-upnext-w, 0px));background:linear-gradient(180deg,rgba(7,11,20,.75),transparent);pointer-events:none}.tv-stage-top>*{pointer-events:auto}.tv-shell.tv-stage:has(.tv-upnext){--tv-upnext-w: clamp(16rem, 24vw, 22rem)}.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-upnext{position:absolute;top:var(--tv-pad);right:var(--tv-pad);bottom:auto;z-index:5;width:var(--tv-upnext-w, clamp(16rem, 24vw, 22rem));max-width:min(28vw,22rem);display:grid;grid-template-rows:auto auto;gap:.55rem;padding:.35rem .25rem;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:auto}.tv-upnext-head{display:flex;align-items:center;gap:.55rem;flex-shrink:0;padding:0 .15rem}.tv-upnext-head>img{width:1.25rem;height:1.25rem;opacity:.95;filter:brightness(0) invert(1)}.tv-upnext-head .kara-upnext-pill{margin:0;padding:.42rem .95rem;font-size:clamp(.78rem,1.2vw,.95rem);letter-spacing:.08em;background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));box-shadow:0 6px 18px #ed46d259}.tv-upnext-count{margin-left:auto;min-width:1.85rem;height:1.85rem;padding:0 .45rem;border-radius:.55rem;display:grid;place-items:center;background:var(--kara-grad-secondary, linear-gradient(95deg, #3478f6, #7157ff));color:#fff;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:800;box-shadow:0 4px 14px #7450ff66}.tv-upnext-list{list-style:none;margin:0;padding:0 .1rem .15rem;overflow:hidden;display:grid;gap:.45rem;align-content:start}.tv-upnext-list li{display:grid;grid-template-columns:1.35rem 2.85rem minmax(0,1fr);align-items:start;gap:.55rem;padding:.4rem .15rem;border-radius:0;background:transparent;border:0;text-shadow:0 1px 8px rgba(0,0,0,.75)}.tv-upnext-index{font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:750;color:#f7f4ff;text-align:center;padding-top:.35rem}.tv-upnext-thumb{width:2.85rem;height:2.85rem;border-radius:10px;object-fit:cover;background:#000;display:block}.tv-upnext-copy{min-width:0;display:grid;gap:.12rem}.tv-upnext-title{margin:0;font-size:clamp(.82rem,1.25vw,1rem);font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-upnext-meta{margin:0;font-size:clamp(.68rem,1vw,.8rem);color:#c5c7df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-upnext-by{margin:0;max-width:100%;justify-self:start;display:inline-flex;align-items:center;gap:.35rem;text-align:left;font-size:clamp(.68rem,1vw,.8rem);font-weight:650;color:#d4b4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-upnext-initial{flex:0 0 auto;width:1.15rem;height:1.15rem;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,#7a5cff,#c44adf);color:#fff;font-size:.58rem;font-weight:750;line-height:1}.tv-nowbar{left:var(--tv-pad);right:var(--tv-pad);bottom:var(--tv-pad);z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,62vw) minmax(0,1fr);align-items:end;column-gap:clamp(.75rem,2vw,1.75rem);pointer-events:none}.tv-nowbar-copy{grid-column:1;justify-self:start;align-self:end;min-width:0;max-width:100%;display:grid;gap:.18rem}.tv-nowbar-label{margin:0;font-size:clamp(.62rem,.95vw,.78rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kara-pink, #ed46d2);text-shadow:0 1px 8px rgba(0,0,0,.65)}.tv-nowbar-title{margin:0;font-size:clamp(1rem,2vw,1.45rem);font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv-nowbar-progress{grid-column:2;width:100%;justify-self:stretch;align-self:end;display:grid;gap:.28rem}.tv-nowbar-spectrum,.tv-nowbar-spectrum.neon-spectrum{display:block;width:100%;height:clamp(2.1rem,4.8vh,3rem)}.tv-nowbar-track{position:relative;height:.3rem;border-radius:999px;background:#ffffff38;overflow:visible}.tv-nowbar-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7450ff,#3478f6 55%,#a667ff);box-shadow:0 0 12px #7450ff8c;transition:width .35s linear}.tv-nowbar-fill:after{content:"";position:absolute;right:-.38rem;top:50%;width:.76rem;height:.76rem;border-radius:50%;background:#8eb6ff;box-shadow:0 0 12px #8eb6ffe6;transform:translateY(-50%)}.tv-nowbar-times{display:flex;justify-content:space-between;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:650;color:#f7f4ff;text-shadow:0 1px 8px rgba(0,0,0,.7)}@media(max-width:1100px){.tv-nowbar{grid-template-columns:minmax(0,1fr) minmax(18rem,56vw) minmax(0,1fr)}.tv-upnext{max-width:min(34vw,20rem)}}@media(max-width:900px){.tv-shell.tv-stage:has(.tv-upnext){--tv-upnext-w: clamp(13.5rem, 32vw, 18rem)}.tv-nowbar{grid-template-columns:minmax(0,1fr) minmax(16rem,54vw) minmax(0,.6fr)}}@media(max-width:720px){.tv-nowbar{grid-template-columns:1fr;row-gap:.7rem}.tv-nowbar-copy,.tv-nowbar-progress{grid-column:1}.tv-nowbar-progress{width:min(100%,34rem);justify-self:center}.tv-upnext{max-width:min(48vw,16rem)}}@media(max-width:640px){.tv-shell.tv-stage:has(.tv-upnext){--tv-upnext-w: min(58vw, 14.5rem)}.tv-upnext{top:var(--tv-pad);bottom:auto}.tv-stage-top{padding-right:calc(var(--tv-pad) + min(58vw,14.5rem))}}.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: #070b1b;--admin-panel: #111932;--admin-panel-2: #1d2445;--admin-border: rgba(68, 63, 124, .55);--admin-text: #f7f4ff;--admin-muted: #a7a8c8;--admin-accent: #a667ff;--admin-sidebar: #0a0f22;--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 auto .35rem;width:8.5rem;height:auto;display:block}.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 .kara-wordmark{width:5.5rem;height:auto;display:block}.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:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));color:#fff;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(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));color:#fff;border-color:transparent}.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-ct{--ct-bg: #121417;--ct-surface: #1a1d22;--ct-surface-2: #22262c;--ct-border: rgba(255, 255, 255, .08);--ct-accent: #3ea6ff;--ct-accent-ink: #061018;--ct-muted: #9aa3ad;--accent: var(--ct-accent);--accent-deep: #2f8fe0;max-width:min(1100px,100%);grid-template-rows:auto auto minmax(0,1fr);padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:var(--ct-bg);color:#f2f4f6}.remote-app-ct .btn-primary{background:var(--ct-accent);border-color:var(--ct-accent);color:var(--ct-accent-ink)}.remote-app-ct .btn-primary:hover:not(:disabled){filter:brightness(1.06)}.remote-app-ct .btn:not(.btn-seek):not(.ct-add-btn):not(.btn-sm){width:auto}.ct-brand{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.ct-brand-mark{width:1.85rem;height:1.85rem;border-radius:.55rem;display:grid;place-items:center;background:var(--ct-accent, #3ea6ff);color:#061018;flex:0 0 auto}.ct-brand-mark svg{width:.95rem;height:.95rem;margin-left:.1rem}.ct-brand-text{font-family:var(--font-body);font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:#f4f7fa;line-height:1}.ct-brand-accent{color:var(--ct-accent, #3ea6ff)}.ct-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0 .85rem;border-bottom:1px solid var(--ct-border);margin-bottom:.85rem}.ct-topbar-end{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.ct-plan-badge{border:0;border-radius:999px;padding:.28rem .65rem;background:#ffffff14;color:#fff;font-size:.75rem;font-weight:650;cursor:pointer}.ct-plan-badge.is-premium{background:#3ea6ff2e;color:var(--ct-accent)}.ct-icon{width:1.15rem;height:1.15rem;display:block}.ct-icon-btn{position:relative;width:2.35rem;height:2.35rem;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:#d7dde4;cursor:pointer}.ct-icon-btn:hover,.ct-icon-btn.is-active{background:#ffffff0f;color:#fff}.ct-icon-btn.is-live{color:var(--ok)}.ct-share-count{position:absolute;top:.1rem;right:.05rem;min-width:1.05rem;height:1.05rem;padding:0 .28rem;border-radius:999px;background:var(--ct-accent);color:var(--ct-accent-ink);font-size:.65rem;font-weight:700;display:grid;place-items:center;line-height:1}.ct-queue-pill{min-width:1.55rem;height:1.55rem;padding:0 .4rem;border-radius:999px;display:grid;place-items:center;background:#3ea6ff29;color:var(--ct-accent);font-size:.78rem;font-weight:700}.ct-avatar-btn{display:inline-flex;align-items:center;gap:.2rem;margin:0;padding:0;border:0;background:transparent;color:#c5ccd4;cursor:pointer}.ct-avatar-btn.is-static{cursor:default}.ct-avatar-btn .remote-account-avatar{width:2.1rem;height:2.1rem}.ct-avatar-chevron{font-size:.7rem;opacity:.7;line-height:1}.ct-share-hint{margin:-.35rem 0 .55rem;font-size:.78rem;color:var(--ct-accent)}.ct-main{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.ct-layout{display:grid;gap:1.25rem;align-content:start}@media(min-width:860px){.ct-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.5rem;align-items:start}.ct-col-queue{position:sticky;top:0}}.ct-col{display:grid;gap:.75rem;align-content:start;min-width:0}.ct-search{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:12px;background:var(--ct-surface);border:1px solid var(--ct-border)}.ct-search-icon{color:var(--ct-muted);flex:0 0 auto}.ct-search input{flex:1 1 auto;min-width:0;width:100%;margin:0;padding:.2rem 0;border:0;background:transparent;color:inherit;font:inherit;outline:none;min-height:1.6rem}.ct-search input::placeholder{color:var(--ct-muted)}.ct-chips{display:flex;flex-wrap:wrap;gap:.45rem}.ct-chip{border:1px solid var(--ct-border);border-radius:999px;padding:.4rem .85rem;background:var(--ct-surface);color:#c9d0d8;font-size:.85rem;font-weight:550;cursor:pointer}.ct-chip.is-active{background:var(--ct-accent);border-color:var(--ct-accent);color:var(--ct-accent-ink)}.ct-tv-status{font-size:.78rem;color:var(--ct-muted)}.ct-tv-status.online{color:var(--ok)}.ct-tv-status.offline{color:#ff8f8f}.ct-now{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem .85rem;padding:.75rem;border-radius:14px;background:var(--ct-surface);border:1px solid var(--ct-border)}.ct-now img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:10px}.ct-now-copy{min-width:0;display:grid;gap:.15rem;align-content:center}.ct-now-controls{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.45rem}.ct-now-controls .btn{width:auto!important;min-height:2.4rem!important;flex:1 1 auto}.ct-section-head{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.ct-section-head h2{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-muted)}.ct-count{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;display:grid;place-items:center;background:#ffffff14;color:#d7dde4;font-size:.72rem;font-weight:700}.ct-search-hint,.ct-searching{margin:0}.ct-result-list,.ct-queue-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.ct-result-list li{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.75rem;align-items:center;column-gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--ct-border)}.ct-queue-list li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;column-gap:.55rem;padding:.55rem .35rem;border-bottom:1px solid var(--ct-border)}.ct-result-list li .grow,.ct-queue-list li .grow{min-width:0}.ct-result-list .queue-title,.ct-queue-list .queue-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:1.25}.ct-result-list .muted.tiny,.ct-queue-list .muted.tiny{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-result-thumb{width:4.4rem;height:2.55rem;padding:0;border:0;border-radius:8px;overflow:hidden;background:#000;cursor:pointer}.ct-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ct-add-btn{width:4.75rem!important;min-width:4.75rem!important;max-width:4.75rem;min-height:2.15rem!important;padding:.35rem .4rem!important;border-radius:10px!important;font-size:.82rem;font-weight:700;justify-self:end;white-space:nowrap;text-align:center}.ct-add-btn.is-queued{background:#3ddc9733!important;border-color:transparent!important;color:var(--ok)!important}.ct-queue-empty{display:grid;justify-items:center;gap:.65rem;padding:2.5rem 1rem;text-align:center;color:var(--ct-muted);border-radius:14px;border:1px dashed var(--ct-border);background:#ffffff05}.ct-queue-empty p{margin:0;max-width:22ch;font-size:.9rem;line-height:1.4}.ct-queue-empty-icon{width:2.75rem;height:2.75rem;color:var(--ct-muted)}.remote-shell .ct-brand{margin-bottom:.35rem}.remote-shell .ct-brand-text{font-size:1.55rem}.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;scrollbar-width:none;-ms-overflow-style:none;display:grid;gap:1rem;align-content:start;padding-top:1rem}.remote-drawer-body::-webkit-scrollbar{display:none;width:0;height:0}.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:not(.remote-app-ct) .btn:not(.btn-seek){width:100%;min-height:var(--remote-btn-h);box-sizing:border-box}.remote-app-ct .btn-sm,.remote-app-ct .ct-add-btn{width:auto;min-height:2.15rem;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(1.05rem, 1.4vw, 1.4rem);--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-nowbar{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-queue .queue-head-inline{display:none}.tv-nowbar-title{-webkit-line-clamp:1;font-size:clamp(.9rem,3.2vh,1.15rem)}.tv-nowbar-spectrum,.tv-nowbar-spectrum.neon-spectrum{height:1.6rem}.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}}.kara-wordmark{display:block;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.kara-wordmark-sm{width:5.4rem}.kara-wordmark-md{width:8.5rem}.kara-wordmark-lg{width:min(12rem,58vw)}.kara-shell{background:radial-gradient(700px 420px at 20% 0%,rgba(116,80,255,.28),transparent 60%),radial-gradient(600px 380px at 100% 10%,rgba(237,70,210,.16),transparent 55%),#070b1b}.kara-landing{background:radial-gradient(900px 520px at 50% 18%,rgba(116,80,255,.28),transparent 55%),radial-gradient(700px 420px at 15% 70%,rgba(237,70,210,.16),transparent 50%),radial-gradient(640px 380px at 90% 60%,rgba(52,120,246,.14),transparent 55%),linear-gradient(180deg,#070b1b,#0d1230 48%,#070b1b)}.kara-landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kara-landing-bokeh{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.kara-landing-bokeh-a{width:.7rem;height:.7rem;left:14%;top:22%;background:#ff70c9;box-shadow:18vw 8vh 0 .15rem #7450ffb3,62vw 12vh 0 .2rem #3478f68c,78vw 28vh 0 .1rem #ed46d2a6,8vw 48vh 0 .18rem #a667ff80}.kara-landing-bokeh-b{width:1.1rem;height:1.1rem;right:18%;top:30%;background:#7157ff;box-shadow:-22vw 18vh 0 .12rem #ff70c973,-40vw 40vh 0 .22rem #3478f666,10vw 36vh 0 .08rem #ed46d28c}.kara-landing-bokeh-c{width:.45rem;height:.45rem;left:48%;top:12%;background:#8eb6ff;box-shadow:-28vw 55vh 0 .2rem #a667ff73,30vw 50vh 0 .14rem #ff70c966}.kara-landing-horizon{position:absolute;left:50%;top:42%;width:min(920px,120vw);height:min(420px,55vw);transform:translate(-50%,-35%);border-radius:50%;border:1px solid transparent;background:radial-gradient(ellipse at center,transparent 52%,rgba(116,80,255,.08) 58%,rgba(237,70,210,.18) 64%,transparent 72%);box-shadow:0 0 60px #7450ff33,inset 0 0 40px #ed46d214}.kara-landing-stage{position:relative;z-index:1;width:min(34rem,100%);display:grid;justify-items:center;gap:clamp(.75rem,2.2vh,1.15rem);text-align:center;padding:clamp(.5rem,2vh,1rem) 0;animation:rise .7s ease both}.kara-landing-hero-wrap{position:relative;width:min(20rem,78vw);margin:0 auto;display:grid;justify-items:center;padding-bottom:.15rem}.kara-landing-hero-wrap:before{content:"";position:absolute;top:10%;right:8%;bottom:28%;left:8%;border-radius:50%;background:radial-gradient(circle,rgba(166,103,255,.5),rgba(237,70,210,.14) 55%,transparent 72%);filter:blur(10px);z-index:0}.kara-landing-hero{position:relative;z-index:1;display:block;margin:0 auto;width:min(18.5rem,72vw);height:auto;filter:drop-shadow(0 18px 36px rgba(116,80,255,.45))}.kara-join-hero,.kara-mic-hero{position:relative;z-index:1;display:block;margin:0 auto;width:min(15.5rem,60vw);height:auto;filter:drop-shadow(0 18px 36px rgba(116,80,255,.45))}.kara-landing-logo{position:relative;z-index:2;width:min(17rem,78vw)!important;margin-top:-2.85rem;filter:drop-shadow(0 8px 18px rgba(116,80,255,.35))}.kara-landing-title{margin:.15rem 0 0;max-width:none;font-size:clamp(1.85rem,6.5vw,2.55rem);font-weight:750;letter-spacing:-.03em;color:#fff}.kara-landing-lede{margin:0;max-width:34ch;font-size:clamp(.95rem,2.8vw,1.08rem);line-height:1.45;color:var(--kara-muted, #a7a8c8)}.kara-landing-actions{display:grid;grid-template-columns:1.15fr .95fr;gap:.75rem;width:100%;margin-top:.35rem}.kara-landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.35rem;padding:.85rem 1.15rem;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:700;font-size:clamp(.9rem,2.6vw,1rem);text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.kara-landing-btn img{width:1.15rem;height:1.15rem;flex:0 0 auto}.kara-landing-btn-primary{background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));color:#fff;box-shadow:0 10px 28px #ed46d261,0 0 0 1px #ffffff14 inset}.kara-landing-btn-primary img{filter:brightness(0) invert(1)}.kara-landing-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.kara-landing-btn-ghost{background:#1119328c;border-color:#f7f4ff47;color:#f7f4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kara-landing-btn-ghost img{filter:brightness(0) invert(.95)}.kara-landing-btn-ghost:hover{transform:translateY(-2px);border-color:#a667ff8c;background:#1d2445b8}.kara-landing-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.kara-landing-foot{margin:.35rem 0 0;font-size:.82rem;color:var(--kara-muted, #a7a8c8)}@media(max-width:520px){.kara-landing-actions{grid-template-columns:1fr}}.kara-join-card{text-align:center}.kara-join-form{text-align:left}.kara-join-cta{width:100%}.kara-join-foot{margin-top:.75rem}.kara-remote{--remote-pad-x: clamp(.85rem, 4vw, 1.15rem);position:relative;display:flex;flex-direction:column;max-width:min(430px,100%);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;grid-template-rows:none;background:radial-gradient(520px 320px at 10% -5%,rgba(116,80,255,.22),transparent 60%),radial-gradient(420px 280px at 100% 0%,rgba(237,70,210,.14),transparent 55%),#070b1b;color:var(--kara-text, #f7f4ff);padding-bottom:0}.kara-remote-main{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(5.75rem + env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none}.kara-remote-main::-webkit-scrollbar{display:none;width:0;height:0}.kara-remote>.kara-tabbar{flex:0 0 auto}.kara-view{display:grid;gap:.85rem;align-content:start}.kara-view h1,.kara-view h2{margin:0}.kara-home-head,.kara-add-head,.kara-mic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;overflow:visible}.kara-home-head .kara-initial-btn,.kara-add-head .kara-initial-btn{margin-top:.1rem}.kara-home-head h1{margin-top:.35rem;font-size:clamp(1.35rem,5.5vw,1.7rem);max-width:none}.kara-icon-round{width:2.45rem;height:2.45rem;border-radius:999px;border:1px solid rgba(167,168,200,.22);background:#1d2445bf;color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;font-size:1.35rem;line-height:1}.kara-nav-icon{width:1.15rem;height:1.15rem;display:block;filter:brightness(0) invert(1);opacity:.9}.kara-room-card{display:grid;gap:.85rem;padding:1rem 1.05rem 1.1rem;border-radius:20px;background:linear-gradient(160deg,#1d2445f2,#111932f2);border:1px solid rgba(166,103,255,.28);box-shadow:0 16px 40px #00000047}.kara-room-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kara-room-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--kara-muted)}.kara-room-label img{width:1rem;height:1rem;filter:brightness(0) invert(.8)}.kara-room-dot{font-size:.72rem;font-weight:600}.kara-room-dot.on{color:var(--kara-success)}.kara-room-dot.off{color:var(--kara-danger)}.kara-room-code-row{display:flex;align-items:center;gap:.55rem}.kara-room-code{flex:1 1 auto;min-width:0;padding:.7rem .9rem;border-radius:12px;background:#f7f4ff;color:#1a1430;font-size:1.35rem;font-weight:700;letter-spacing:.12em;text-align:center}.kara-start-btn{width:100%;min-height:3.15rem;border-radius:999px;font-size:1rem}.kara-share-hint{margin:0;color:var(--kara-purple);font-size:.8rem}.kara-menu-list{display:grid;gap:.55rem}.kara-menu-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(167,168,200,.14);background:#111932e0;color:inherit;text-align:left;cursor:pointer}.kara-menu-icon{width:2.35rem;height:2.35rem;border-radius:12px;display:grid;place-items:center;background:#ffffff0f}.kara-menu-icon img{width:1.15rem;height:1.15rem}.kara-menu-icon.yt{background:#ff3c3c29}.kara-menu-icon.queue{background:#7450ff33}.kara-menu-icon.settings{background:#ed46d229}.kara-menu-icon.mic{background:#15df9724}.kara-menu-icon.friends{background:#3478f62e}.kara-menu-copy{display:grid;gap:.1rem;min-width:0}.kara-menu-copy strong{font-size:.95rem}.kara-menu-copy small{color:var(--kara-muted);font-size:.75rem}.kara-menu-chevron{color:var(--kara-muted);font-size:1.25rem}.kara-nick-chip{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;padding:.35rem .7rem;border-radius:999px;background:#1d2445e6;border:1px solid rgba(167,168,200,.16);font-size:.88rem}.kara-nick-chip img{width:.95rem;height:.95rem;filter:brightness(0) invert(1)}.kara-avatar-ring,.kara-avatar-ring-fallback{width:2.65rem;height:2.65rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #a667ffbf}.kara-avatar-ring-fallback,.kara-friend-avatar{display:grid;place-items:center}.kara-seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;border-radius:999px;background:#111932e6;border:1px solid rgba(167,168,200,.14)}.kara-seg button{border:0;border-radius:999px;min-height:2.35rem;background:transparent;color:var(--kara-muted);font:inherit;font-weight:600;cursor:pointer}.kara-seg button.is-active{background:var(--kara-grad-primary);color:#fff}.kara-search{display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border-radius:14px;background:#111932f2;border:1px solid rgba(167,168,200,.16)}.kara-search img{width:1.1rem;height:1.1rem;opacity:.7;filter:brightness(0) invert(.85)}.kara-search input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.kara-chips{display:flex;flex-wrap:wrap;gap:.4rem}.kara-chip{border:1px solid rgba(167,168,200,.2);border-radius:999px;padding:.4rem .85rem;background:#ffffff0a;color:#d7d9ef;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.kara-chip.is-active{background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));border-color:transparent;color:#fff;box-shadow:0 8px 18px #ed46d247}.kara-song-list{list-style:none;margin:0;padding:0;display:grid}.kara-song-list li{display:grid;grid-template-columns:3.2rem minmax(0,1fr) 2.35rem;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid rgba(167,168,200,.12)}.kara-song-list li .grow{min-width:0}.kara-song-list .queue-title{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.kara-song-thumb{width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:10px;overflow:hidden;background:#000;cursor:pointer}.kara-song-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kara-add-round{width:2.35rem;height:2.35rem;border-radius:50%;border:0;background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));color:#fff;font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;justify-self:end;box-shadow:0 8px 16px #ed46d252}.kara-add-round.is-queued{background:#15df9733;color:var(--kara-success);box-shadow:none;border:1px solid rgba(21,223,151,.35)}.kara-now{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.75rem;padding:.75rem;border-radius:16px;background:#111932e6;border:1px solid rgba(167,168,200,.14)}.kara-now img{width:4rem;height:4rem;border-radius:10px;object-fit:cover}.kara-playback{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.kara-playback .btn{flex:1;min-width:0;padding-inline:.35rem;font-size:.82rem}.kara-empty{display:grid;justify-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--kara-muted);border:1px dashed rgba(167,168,200,.22);border-radius:16px}.kara-empty img{width:2rem;height:2rem;opacity:.55;filter:brightness(0) invert(.8)}.kara-invite-card{display:grid;justify-items:center;gap:.85rem;padding:1.25rem;border-radius:20px;background:#111932eb;border:1px solid rgba(166,103,255,.25)}.kara-invite-qr{width:11rem;height:11rem;border-radius:14px;background:#fff;padding:.45rem}.kara-tabbar{position:absolute;left:.7rem;right:.7rem;bottom:max(.55rem,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:.1rem;padding:.42rem .45rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#12162ac7;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 12px 36px #00000073,inset 0 1px #ffffff14;pointer-events:auto}.kara-tabbar-join{grid-template-columns:repeat(3,1fr);padding:.5rem .55rem}.kara-settings-avatar{border:0;cursor:pointer;font:inherit;color:inherit;padding:0}.kara-initial,.kara-initial-btn{box-sizing:border-box;flex:0 0 auto;width:2.4rem;height:2.4rem;min-width:2.4rem;min-height:2.4rem;max-width:2.4rem;max-height:2.4rem;margin:0;padding:0;border:2px solid rgba(198,156,255,.95);border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,#7a5cff,#c44adf);color:#fff;font-family:inherit;font-size:.92rem;font-weight:750;letter-spacing:.02em;line-height:1;text-transform:uppercase;overflow:hidden;box-shadow:0 6px 14px #7450ff47}.kara-initial-btn{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.kara-initial-btn:active{transform:scale(.96)}.kara-avatar-btn{box-sizing:border-box;flex:0 0 auto;width:2.55rem;height:2.55rem;min-width:2.55rem;min-height:2.55rem;padding:0;border:2px solid rgba(198,156,255,.9);border-radius:50%;overflow:hidden;background:#1a1430;box-shadow:0 6px 16px #7450ff47;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block}.kara-avatar-btn:active{transform:scale(.96)}.kara-avatar-btn img,.kara-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.kara-avatar-img{box-sizing:border-box;flex:0 0 auto;width:2.55rem;height:2.55rem;min-width:2.55rem;min-height:2.55rem;border:2px solid rgba(198,156,255,.9);border-radius:50%;background:#1a1430;box-shadow:0 6px 16px #7450ff47}.kara-queue-by .kara-avatar-img{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem;border-width:1px;box-shadow:none}.kara-friend-menu-head .kara-avatar-img{width:2.85rem;height:2.85rem;min-width:2.85rem;min-height:2.85rem}.kara-mic-orb{justify-self:center;width:min(9.5rem,46vw);aspect-ratio:1;margin:.35rem auto 0;padding:0;border:0;background:transparent;cursor:pointer;position:relative;filter:drop-shadow(0 12px 28px rgba(116,80,255,.35));transition:transform .16s ease,filter .16s ease}.kara-mic-orb img{width:100%;height:100%;display:block;pointer-events:none}.kara-mic-orb:active{transform:scale(.96)}.kara-mic-orb.is-live{filter:drop-shadow(0 0 0 3px rgba(21,223,151,.35)) drop-shadow(0 12px 30px rgba(237,70,210,.45));animation:karaMicPulse 1.6s ease-in-out infinite}.kara-mic-orb-compact{width:min(5.5rem,34vw);margin:.15rem auto .35rem}.kara-mic-orb-error{position:absolute;left:50%;bottom:-.15rem;transform:translate(-50%,100%);width:max-content;max-width:14rem;margin:0;color:var(--kara-danger, #ff477b);font-size:.72rem;text-align:center}@keyframes karaMicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.kara-queue-by{margin:.2rem 0 0;display:inline-flex;align-items:center;gap:.35rem;color:var(--kara-muted, #a7a8c8);font-size:.75rem;min-width:0}.kara-queue-by img{width:1.15rem;height:1.15rem;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 auto;background:#1a1430}.kara-queue-by span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kara-now-card{grid-template-columns:4rem minmax(0,1fr);align-items:center}.kara-now-mic{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;width:100%;margin:.15rem 0 0;padding:.4rem .75rem .4rem .4rem;border:1px solid rgba(166,103,255,.28);border-radius:999px;background:#7450ff1f;color:#f7f4ff;font:inherit;font-size:.82rem;font-weight:650;text-align:left;cursor:pointer}.kara-now-mic img{width:1.85rem;height:1.85rem;flex:0 0 auto;display:block}.kara-now-mic span{min-width:0}.kara-now-mic.is-live{border-color:#15df9773;background:#15df971f}.kara-now-mic-solo{margin:0}.kara-queue-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.kara-queue-item{display:grid;grid-template-columns:1.5rem 3.35rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:16px;border:1px solid rgba(167,168,200,.14);background:#111932e0}.kara-queue-index{font-size:.85rem;font-weight:750;color:#f7f4ff;text-align:center}.kara-queue-thumb{width:3.35rem;height:3.35rem;border-radius:12px;object-fit:cover;background:#000;display:block}.kara-queue-actions{display:grid;gap:.25rem}.kara-queue-actions button{width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid rgba(167,168,200,.18);background:#ffffff0a;color:#f7f4ff;font:inherit;line-height:1;cursor:pointer}.kara-queue-actions button:disabled{opacity:.35;cursor:default}.kara-now-home{display:grid;gap:.85rem;padding:.95rem;border-radius:20px;background:linear-gradient(160deg,#1d2445f2,#111932f2);border:1px solid rgba(166,103,255,.28);box-shadow:0 16px 40px #00000047}.kara-now-home-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;background:#000;display:block}.kara-now-home-copy{display:grid;gap:.2rem;min-width:0}.kara-now-home-empty{display:grid;justify-items:center;gap:.35rem;padding:1.4rem .75rem;text-align:center;color:var(--kara-muted)}.kara-now-home-empty img{width:2rem;height:2rem;opacity:.7;filter:brightness(0) invert(.85);margin-bottom:.25rem}.kara-friend-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.kara-friend-list li{display:grid;grid-template-columns:2.55rem minmax(0,1fr);align-items:center;column-gap:.75rem;padding:.7rem .85rem;border-radius:16px;border:1px solid rgba(166,103,255,.22);background:linear-gradient(145deg,#1d2445f2,#111932eb);box-shadow:0 10px 24px #00000038;min-width:0}.kara-friend-list li.is-you{border-color:#ed46d28c;background:linear-gradient(145deg,#5428788c,#1d2445f5);box-shadow:0 0 0 1px #ed46d22e,0 12px 28px #ed46d22e}.kara-friend-list li.is-host:not(.is-you){border-color:#3478f68c;background:linear-gradient(145deg,#243a788c,#111932f5);box-shadow:0 0 0 1px #3478f629,0 12px 28px #3478f629}.kara-initial-avatar{box-sizing:border-box;flex:0 0 auto;width:2.55rem;height:2.55rem;min-width:2.55rem;min-height:2.55rem;border:2px solid rgba(198,156,255,.9);border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,#7a5cff,#c44adf);color:#fff;font-size:.95rem;font-weight:750;letter-spacing:.02em;line-height:1;text-transform:uppercase;box-shadow:0 6px 16px #7450ff47}.kara-queue-by .kara-initial-avatar{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem;border-width:1px;font-size:.58rem;box-shadow:none}.kara-friend-menu-head .kara-initial-avatar{width:2.85rem;height:2.85rem;min-width:2.85rem;min-height:2.85rem;font-size:1.05rem}.kara-host-pill{flex:0 0 auto;padding:.12rem .45rem;border-radius:999px;background:var(--kara-grad-secondary, linear-gradient(95deg, #3478f6, #7157ff));color:#fff;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.kara-friend-list .grow{min-width:0;overflow:hidden}.kara-friend-list .queue-title{margin:0;display:flex;align-items:center;gap:.4rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kara-you-pill{flex:0 0 auto;padding:.12rem .45rem;border-radius:999px;background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0));color:#fff;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.kara-friend-list .muted{margin:.15rem 0 0}.kara-friend-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-items:end}.kara-friend-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#04060e9e;cursor:pointer}.kara-friend-menu-sheet{position:relative;z-index:1;display:grid;gap:.85rem;padding:1.1rem 1.1rem max(1.1rem,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:linear-gradient(180deg,#1a2140,#10162c);border:1px solid rgba(167,168,200,.16);border-bottom:0}.kara-friend-menu-head{display:flex;align-items:center;gap:.75rem}.kara-friend-menu-head strong{display:block;font-size:1.05rem}.kara-friend-menu-head p{margin:.15rem 0 0}.kara-tab{display:grid;justify-items:center;gap:.18rem;border:0;border-radius:999px;background:transparent;color:#a7a8c8c7;font:inherit;font-size:.62rem;font-weight:650;letter-spacing:.01em;cursor:pointer;padding:.4rem .2rem;transition:color .16s ease,background .16s ease}.kara-tab.is-active{color:#fff;background:#7450ff38}.kara-tab.is-active .kara-nav-icon{opacity:1;filter:brightness(0) invert(1)}.kara-tab-icon-wrap{position:relative;width:1.3rem;height:1.3rem}.kara-tabbar .kara-fab{width:2.85rem;height:2.85rem;margin:0 auto}.kara-tab-count{position:absolute;top:-.35rem;right:-.55rem;min-width:.95rem;height:.95rem;padding:0 .2rem;border-radius:999px;background:var(--kara-pink);color:#fff;font-size:.6rem;display:grid;place-items:center}.kara-fab{width:3.55rem;height:3.55rem;margin:-1.15rem auto 0;border:0;border-radius:50%;background:var(--kara-grad-primary);box-shadow:0 10px 28px #ed46d266;display:grid;place-items:center;cursor:pointer}.kara-fab img{width:1.35rem;height:1.35rem;filter:brightness(0) invert(1)}.kara-fab.is-live{box-shadow:0 0 0 3px #15df9759,0 10px 28px #ed46d266}.kara-mic-head{align-items:center}.kara-mic-head h1{font-size:1.15rem;text-align:center;max-width:none}.kara-mic-status{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0 auto;color:var(--kara-muted);font-size:.92rem}.kara-mic-status.is-on{color:var(--kara-success)}.kara-mic-status-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.kara-mic-orb{position:relative;width:9.5rem;height:9.5rem;margin:.35rem auto;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.kara-mic-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.95}.kara-mic-orb-icon{position:relative;width:2.4rem;height:2.4rem;filter:brightness(0) invert(1);z-index:1}.kara-mic-orb.is-live .kara-mic-orb-ring{filter:drop-shadow(0 0 18px rgba(116,80,255,.65))}.kara-mic-slider{display:grid;gap:.45rem}.kara-mic-slider>span{display:flex;justify-content:space-between;font-size:.88rem;color:var(--kara-muted)}.kara-mic-slider input[type=range]{width:100%;accent-color:var(--kara-violet)}.kara-effects{display:grid;gap:.55rem}.kara-effect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.kara-effect{display:grid;justify-items:center;gap:.35rem;padding:.7rem .25rem;border-radius:14px;border:1px solid rgba(167,168,200,.16);background:#111932e6;color:var(--kara-muted);font:inherit;font-size:.72rem;cursor:pointer}.kara-effect img{width:1.2rem;height:1.2rem;opacity:.85}.kara-effect.is-active{border-color:var(--kara-blue);color:#fff;box-shadow:0 0 0 1px #3478f659}.kara-mic-test{width:100%;border-radius:999px;border-color:#f7f4ff47}.kara-now-pill,.kara-upnext-pill{display:inline-flex;align-items:center;margin:.35rem 0 0;padding:.28rem .7rem;border-radius:999px;background:var(--kara-grad-primary);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kara-upnext-pill{background:var(--kara-grad-primary, linear-gradient(95deg, #7450ff, #ea42d0))}.tv-stage-brand .kara-wordmark,.tv-stage-logo{width:clamp(9.5rem,18vw,14.5rem)}.home-glow-a{background:radial-gradient(circle,rgba(116,80,255,.35),transparent 65%)!important}.home-glow-b{background:radial-gradient(circle,rgba(237,70,210,.22),transparent 65%)!important}.kara-landing .kara-wordmark-lg.kara-landing-logo{width:min(17rem,78vw)}