.chat{flex:1 1 55%;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--sc-line);padding-top:10px}.is-chat-big .chat{flex:1;border-top:0;padding-top:0}.chat-head{flex:none;display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-head h3{margin:0;flex:1;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.chat-expand{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}.chat-expand:hover,.chat-expand[aria-pressed=true]{color:var(--text);background:var(--sc-surface-2)}.chat-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sc-line) transparent;display:flex;flex-direction:column;gap:2px;padding-right:4px}.chat-empty{margin:auto 0;text-align:center;color:var(--text-faint);font-size:13px}.chat-day{margin:8px 0 4px;text-align:center;font-size:11px;color:var(--text-faint)}.chat-msg{position:relative;display:flex;align-items:flex-end;gap:6px}.chat-msg.is-first{margin-top:8px}.chat-msg.is-mine{flex-direction:row-reverse}.chat-av{flex:none;width:28px;align-self:flex-start}.chat-av img,.chat-av b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;object-fit:cover}.chat-av b{background:var(--uc);color:#0b0a12;font-size:12px}.chat-msg.is-mine .chat-av{display:none}.chat-body{min-width:0;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start}.chat-msg.is-mine .chat-body{align-items:flex-end;max-width:88%}.chat-meta{margin:0 4px 2px;font-size:11.5px;color:var(--text-faint)}.chat-meta b{color:var(--uc);font-weight:700}.chat-msg.is-mine .chat-meta b{color:var(--text-muted)}.chat-bubble{padding:7px 11px;border-radius:14px 14px 14px 4px;background:var(--sc-surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--uc) 22%,transparent);font-size:13.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg:not(.is-first) .chat-bubble{border-radius:14px 14px 14px 4px}.chat-msg.is-mine .chat-bubble{border-radius:14px 14px 4px;background:color-mix(in srgb,var(--sc-green) 22%,var(--sc-surface));box-shadow:none}.chat-bubble a{color:var(--sc-mint);text-decoration:underline}.chat-edited{color:var(--text-faint);font-size:11px}.chat-actions{position:absolute;top:-6px;right:30px;display:none;gap:2px;padding:2px;border-radius:999px;background:var(--sc-surface);box-shadow:0 0 0 1px var(--sc-line),0 4px 12px #00000059}.chat-msg.is-mine .chat-actions{right:auto;left:0}.chat-msg:hover .chat-actions,.chat-actions:focus-within{display:flex}.chat-act{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:0;border-radius:999px;background:none;color:var(--text-muted);font:600 12px var(--font);cursor:pointer}.chat-act:hover{color:var(--text);background:var(--sc-surface-2)}.chat-act.is-danger{color:var(--red)}.chat-edit{width:100%;min-width:180px;display:grid;gap:4px}.chat-edit textarea,.chat-compose textarea{width:100%;resize:none;padding:8px 12px;border:1px solid var(--sc-line);border-radius:16px;background:var(--sc-night);color:var(--text);font:400 13.5px/1.4 var(--font);outline:none}.chat-edit textarea:focus,.chat-compose textarea:focus{border-color:var(--sc-green)}.chat-edit span{display:flex;justify-content:flex-end;gap:10px;font-size:12px}.chat-error{margin:4px 0 0;font-size:12px;color:var(--red)}.chat-compose{position:relative;flex:none;display:flex;align-items:flex-end;gap:6px;margin-top:8px}.chat-compose textarea{flex:1;min-width:0;border-radius:18px}.chat-emoji-btn,.chat-send{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer}.chat-emoji-btn{background:var(--sc-surface-2);font-size:17px;filter:grayscale(.4)}.chat-emoji-btn:hover,.chat-emoji-btn[aria-expanded=true]{filter:none}.chat-send{background:var(--sc-green);color:var(--sc-green-ink)}.chat-send:hover:not(:disabled){background:var(--sc-green-hi)}.chat-send:disabled{opacity:.45;cursor:default}.chat-emojis{position:absolute;z-index:20;left:0;right:0;bottom:calc(100% + 8px);max-height:260px;overflow-y:auto;padding:8px 10px;border-radius:16px;background:var(--sc-surface);box-shadow:0 0 0 1px var(--sc-line),0 14px 36px #00000080;scrollbar-width:thin}.chat-emojis p{margin:6px 2px 4px;font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.chat-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.chat-emoji-grid button{height:32px;border:0;border-radius:8px;background:none;font-size:19px;cursor:pointer}.chat-emoji-grid button:hover{background:var(--sc-surface-2)}.room-right{display:flex;flex-direction:column}.room-right .chat{flex:none;height:420px;margin:12px;padding:12px}.room-right.is-chat-big .participants{display:none}.room-right.is-chat-big .chat{flex:1;height:auto;min-height:420px}.room-legal{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;padding:8px 4px 0;font-size:11px}.room-legal a{color:var(--text-faint);text-decoration:none}.room-legal a:hover{color:var(--text-muted);text-decoration:underline}html.is-desktop,html.is-desktop body,html.is-desktop #root{height:100%;overflow:hidden}html.is-desktop body{background:var(--sc-night)}.dk-app{display:flex;height:100vh;min-height:0}.dk-main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.dk-grow{flex:1}.dk-muted{margin:0;color:var(--text-muted)}.dk-ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sc-line) transparent}.dk-mono{flex:none;font:600 12px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--text-muted);padding:4px 8px;border:1px solid var(--sc-line);border-radius:6px}.dk-center{flex:1;display:grid;place-items:center;padding:24px}.dk-gate{display:grid;justify-items:center;gap:12px;width:min(420px,100%)}.dk-gate>.panel{width:100%}.dk-splash{height:100vh;display:grid;place-items:center}.dk-splash img{width:64px;height:64px;animation:dk-pulse 1.4s ease-in-out infinite}@keyframes dk-pulse{50%{opacity:.4}}.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:999px;font:700 14px/1 var(--font);white-space:nowrap;cursor:pointer;transition:background-color .12s,box-shadow .12s,filter .12s}.dk-btn:disabled{opacity:.55;cursor:default}.dk-btn-green{background:var(--sc-green);color:var(--sc-green-ink)}.dk-btn-green:hover:not(:disabled){background:var(--sc-green-hi);box-shadow:0 0 0 4px var(--sc-green-tint)}.dk-btn-ghost{background:var(--sc-surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--sc-line)}.dk-btn-ghost:hover:not(:disabled),.dk-btn-ghost.is-on{box-shadow:inset 0 0 0 1px var(--text-faint)}.dk-btn-discord{background:#5865f2;color:#fff}.dk-btn-discord:hover:not(:disabled){filter:brightness(1.08)}.dk-btn-google{grid-column:1 / -1;background:#fff;color:#1f1f1f;gap:10px}.dk-btn-google:hover:not(:disabled){background:#f2f2f2}.dk-btn-lg{height:44px;font-size:15px;width:100%}.dk-btn-sm{height:32px;padding:0 14px;font-size:13px}.dk-avatar{position:relative;flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--uc, var(--sc-indigo));color:#fff;font-weight:700}.dk-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dk-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--sc-green);border:2px solid var(--sc-night)}.dk-rail{width:76px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 16px;border-right:1px solid var(--sc-line)}.dk-rail-sym{width:38px;height:38px;margin-bottom:14px}.dk-rail-item{width:58px;padding:8px 0;border:0;border-radius:12px;display:grid;justify-items:center;gap:4px;background:transparent;color:var(--text-muted);font:600 11px/1.1 var(--font);cursor:pointer}.dk-rail-item svg{width:22px;height:22px}.dk-rail-item:hover{color:var(--text);background:color-mix(in srgb,var(--sc-surface-2) 60%,transparent)}.dk-rail-item.is-on{background:var(--sc-surface-2);color:var(--text)}.dk-rail-item.is-on svg{color:var(--sc-green)}.dk-rail-room svg{color:var(--sc-mint)}.dk-rail-room{margin-bottom:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-mint) 35%,transparent)}.dk-acct{position:relative}.dk-acct-btn{display:flex;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.dk-acct.is-rail{margin-top:6px}.dk-acct-menu{position:absolute;z-index:50;min-width:200px;display:flex;flex-direction:column;padding:6px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:12px;box-shadow:0 12px 32px #00000073}.dk-acct.is-rail .dk-acct-menu{left:calc(100% + 12px);bottom:0}.dk-acct.is-top .dk-acct-menu{right:0;top:calc(100% + 8px)}.dk-acct-who{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--sc-line);text-align:left}.dk-acct-who small{color:var(--sc-text-muted)}.dk-acct-menu button{padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--sc-text);font:600 14px/1.2 var(--font);text-align:left;cursor:pointer}.dk-acct-menu button:hover:not(:disabled){background:#ffffff12}.dk-acct-menu button.is-danger{color:var(--sc-live)}.dk-login{position:relative;height:100vh;display:grid;place-items:center;padding:24px}.dk-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;opacity:.16;filter:blur(2px);pointer-events:none}.dk-login-card{position:relative;width:min(440px,100%);padding:32px 32px 24px;background:#15131feb;border:1px solid var(--sc-line);border-radius:22px;display:grid;gap:14px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dk-login-logo{height:40px;justify-self:center;margin-bottom:4px}.dk-login-card h1{margin:0;font-size:22px}.dk-hero{margin-top:6px;padding:2px;border-radius:16px;background:var(--sc-gradient)}.dk-hero>div{background:var(--sc-surface);border-radius:14px;padding:16px;display:grid;gap:12px;text-align:left}.dk-hero-who{display:flex;gap:12px;align-items:center}.dk-hero-who b{display:block;font-size:15px}.dk-hero-who small{color:var(--text-muted);font-size:13px}.dk-hero-icon{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sc-green-tint);color:var(--sc-green)}.dk-hero-icon svg{width:22px;height:22px}.dk-spinner{flex:none;width:34px;height:34px;border-radius:50%;border:3px solid var(--sc-line);border-top-color:var(--sc-green);animation:dk-spin .9s linear infinite}@keyframes dk-spin{to{transform:rotate(360deg)}}.dk-or{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:12px}.dk-or:before,.dk-or:after{content:"";flex:1;height:1px;background:var(--sc-line)}.dk-prov{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dk-prov .dk-btn{height:40px;font-size:13px}.dk-prov-google{grid-column:1 / -1;display:flex;justify-content:center;min-height:40px}.dk-prov-google .google-btn{width:100%;display:flex;justify-content:center}.dk-email{text-align:left}.dk-keep{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;cursor:pointer}.dk-keep-left{justify-content:flex-start}.dk-keep input{position:absolute;opacity:0;width:1px;height:1px}.dk-check{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--text-faint);display:grid;place-items:center}.dk-keep input:checked+.dk-check{background:var(--sc-green);box-shadow:none}.dk-keep input:checked+.dk-check:after{content:"✓";color:var(--sc-green-ink);font-size:11px;font-weight:900}.dk-keep input:focus-visible+.dk-check{outline:2px solid var(--sc-green);outline-offset:2px}.dk-rooms{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:18px 32px 24px}.dk-rooms-head{display:flex;align-items:center;gap:12px}.dk-rooms-head h1{margin:0;flex:1;font-size:26px}.dk-code{display:flex;height:38px;border:1px solid var(--sc-line);border-radius:999px;overflow:hidden;background:var(--sc-surface)}.dk-code input{width:170px;padding:0 14px;border:0;background:transparent;color:var(--text);font:14px var(--font);outline:none}.dk-code input::placeholder{color:var(--text-faint)}.dk-code button{padding:0 16px;border:0;background:var(--sc-surface-2);color:var(--text);font:700 13px var(--font);cursor:pointer}.dk-code button:hover{background:var(--surface-3)}.dk-code:focus-within{border-color:var(--sc-green)}.dk-code-error{margin:-10px 0 0;text-align:right}.dk-rooms-grid{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sc-line) transparent;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:max-content;gap:16px;align-content:start;padding:2px}.dk-room{min-height:250px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.dk-room.is-last{border:1.5px solid transparent;background:linear-gradient(var(--sc-surface),var(--sc-surface)) padding-box,var(--sc-gradient) border-box}.dk-room-cover{position:relative;height:104px;flex:none;background-size:cover;background-position:center}.dk-tag{position:absolute;top:10px;left:12px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#0b0a12b8}.dk-live{position:absolute;top:10px;right:12px;display:flex;gap:5px;align-items:center;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--sc-violet);color:var(--sc-night)}.dk-live i{width:6px;height:6px;border-radius:50%;background:var(--sc-night);animation:dk-pulse 1.4s ease-in-out infinite}.dk-room-body{flex:1;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.dk-room h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px}.dk-playing,.dk-streaming,.dk-idle{margin:0;display:flex;gap:8px;align-items:center;font-size:13px;min-width:0}.dk-playing{color:var(--sc-mint)}.dk-streaming{color:#c79bff}.dk-idle{color:var(--text-faint)}.dk-playing img,.dk-streaming img,.dk-idle img{width:16px;flex:none}.dk-idle img{opacity:.6}.dk-room-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.dk-stack-wrap{display:flex;align-items:center;min-width:0}.dk-stack{display:flex}.dk-stack .dk-avatar{border:2px solid var(--sc-surface);margin-right:-7px}.dk-stack-wrap small{margin-left:14px;color:var(--text-muted);white-space:nowrap}.dk-stack:empty+small{margin-left:0}.dk-room-new{border-style:dashed;display:grid;place-content:center;justify-items:center;gap:6px;color:var(--text-muted);font:inherit;cursor:pointer}.dk-room-new:hover{border-color:var(--sc-green)}.dk-room-new b{color:var(--text)}.dk-plus{width:44px;height:44px;border-radius:50%;background:var(--sc-surface-2);display:grid;place-items:center;font-size:24px;color:var(--sc-green);margin-bottom:6px}.dk-dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#05040a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dk-dialog{width:min(420px,calc(100% - 32px));padding:24px;border-radius:20px;background:var(--sc-surface);border:1px solid var(--sc-line);display:grid;gap:14px}.dk-dialog h2{margin:0}.dk-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dk-room-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0}.dk-room-screen[data-hidden]{visibility:hidden;pointer-events:none}.dk-away{display:none}.dk-room-screen[data-hidden] .has-track .dk-away{position:fixed;z-index:61;right:20px;bottom:220px;width:356px;height:40px;display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;visibility:visible;pointer-events:auto;border:1px solid color-mix(in srgb,var(--sc-mint) 55%,var(--sc-line));border-bottom:0;border-radius:14px 14px 0 0;background:var(--sc-surface);font-size:12.5px}.dk-away-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sc-mint)}.dk-away-title{flex:1;min-width:0;font-weight:600}.dk-away-back{flex:none;height:28px;padding:0 12px;border:0;border-radius:999px;background:var(--sc-green);color:var(--sc-green-ink);font:700 12px var(--font);cursor:pointer}.dk-away-back:hover{background:var(--sc-green-hi)}.dk-room-screen[data-hidden] .has-track .stage>.stage-music{position:fixed!important;z-index:60;top:auto!important;left:auto!important;right:20px!important;bottom:20px!important;width:356px!important;height:200px!important;display:block!important;visibility:visible;overflow:hidden;border:1px solid color-mix(in srgb,var(--sc-mint) 55%,var(--sc-line));border-top:0;border-radius:0 0 14px 14px;box-shadow:0 14px 36px #0000008c;background:#000}.dk-room-screen[data-hidden] .stage-music .stage-bar,.dk-room-screen[data-hidden] .stage-music .video-bar,.dk-room-screen[data-hidden] .stage-music .size-picker,.dk-room-screen[data-hidden] .stage-music .video-fullscreen,.dk-room-screen[data-hidden] .stage-music .video-play,.dk-room-screen[data-hidden] .stage-music .end-card,.dk-room-screen[data-hidden] .stage-music .player-ad-note,.dk-room-screen[data-hidden] .stage-music .player-compact-info,.dk-room-screen[data-hidden] .stage-music .player-unlock,.dk-room-screen[data-hidden] .stage-music .player-error{display:none!important}.dk-room-screen[data-hidden] .stage-music .player-stage,.dk-room-screen[data-hidden] .stage-music .player-area,.dk-room-screen[data-hidden] .stage-music .player-frame{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;aspect-ratio:auto!important}.dk-room-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.dk-roombar{height:58px;flex:none;display:flex;align-items:center;gap:12px;padding:0 16px 0 20px;border-bottom:1px solid var(--sc-line)}.dk-roombar h2{margin:0 0 0 4px;font-size:17px;max-width:280px}.dk-back{flex:none;border:0;background:none;color:var(--text-muted);font:600 13px var(--font);cursor:pointer;padding:6px 12px;border-radius:999px}.dk-back:hover{color:var(--text);background:var(--sc-surface-2)}.dk-roombar .status{font-size:12px;padding:4px 10px;border:1px solid var(--sc-line);border-radius:999px}.dk-gear{width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--sc-surface-2);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--sc-line);cursor:pointer}.dk-gear:hover{color:var(--text)}.dk-room-body3{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 270px}.dk-col{min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 12px}.dk-col-left{border-right:1px solid var(--sc-line)}.dk-col-right{border-left:1px solid var(--sc-line)}.dk-tabs{flex:none;display:flex;gap:4px;padding:3px;background:var(--sc-surface);border-radius:999px}.dk-tabs button{flex:1;padding:6px 0;border:0;border-radius:999px;background:none;color:var(--text-muted);font:600 12px var(--font);cursor:pointer}.dk-tabs button.is-on{background:var(--sc-surface-2);color:var(--text)}.dk-add{flex:none;display:flex;gap:8px;align-items:center;height:36px;padding:0 12px;border-radius:10px;border:1px dashed var(--sc-line);background:none;color:var(--text-muted);font:13px var(--font);cursor:pointer}.dk-add:hover{border-color:var(--sc-green);color:var(--text)}.dk-add b{color:var(--sc-green);font-size:18px}.dk-adding{flex:none;display:grid;gap:6px;justify-items:end}.dk-adding>*{width:100%}.dk-adding>.link-btn{width:auto}.dk-col .side-block{border:0;padding:0;background:none}.dk-col .add-track{padding:0;border:0;background:none}.dk-stage{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px}.dk-stage>.stage{flex:1;min-height:0;height:auto;border-bottom:0;border-radius:14px;overflow:hidden}.dk-stage>.stage[data-mode=music]{display:flex;flex-direction:column;background:#000;border:1px solid var(--sc-line)}.dk-stage .stage[data-mode=music]>.stage-music,.dk-stage .stage[data-mode=music] .player-stage{flex:1;min-height:0;display:flex;flex-direction:column}.dk-stage .stage[data-mode=music] .player-area{flex:1;min-height:0;display:grid;place-items:center;padding:0;border:0;background:none;container-type:size}.dk-stage .stage[data-mode=music] .player-frame{width:min(100cqw,100cqh * 16 / 9);height:auto;max-height:none;min-height:0;aspect-ratio:16 / 9}.dk-stage .size-picker,.dk-stage .video-toggle,.dk-stage .video-bar{display:none}.dk-queue>section>.side-head>h3,.dk-queue>section>.side-head>.count,.dk-queue>section>.side-head>svg{display:none}.dk-queue>section>.side-head:not(:has(.mode-tags)){display:none}.dk-player{height:78px;flex:none;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(220px,300px);align-items:center;gap:20px;padding:0 20px;border-top:1px solid var(--sc-line);background:var(--sc-surface)}.dk-track{min-width:0;display:flex;gap:12px;align-items:center}.dk-track-th{width:52px;height:52px;flex:none;border-radius:8px;object-fit:cover}.dk-track-th.is-empty{display:grid;place-items:center;background:var(--sc-surface-2)}.dk-track-th.is-empty img{width:22px;opacity:.7}.dk-track-text{min-width:0;display:grid;gap:2px}.dk-track-text b{font-size:14px}.dk-track-text small{color:var(--text-muted);font-size:12px}.dk-track .save-to-playlist,.dk-track>button{flex:none}.dk-ctrl{min-width:0;display:grid;justify-items:center;gap:4px}.dk-ctrl-row{display:flex;gap:14px;align-items:center}.dk-ic{display:inline-flex;align-items:center;gap:4px;height:32px;min-width:32px;justify-content:center;padding:0 4px;border:0;border-radius:999px;background:none;color:var(--text-muted);cursor:pointer}.dk-ic b{font-size:11px}.dk-ic:hover:not(:disabled){color:var(--text);background:var(--sc-surface-2)}.dk-ic.is-on{color:var(--sc-mint)}.dk-ic:disabled{opacity:.4;cursor:default}.dk-play{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--sc-mint);color:var(--sc-night);cursor:pointer}.dk-play:hover:not(:disabled){box-shadow:0 0 0 4px var(--music-tint)}.dk-play:disabled{opacity:.45;cursor:default}.dk-play.is-pending{opacity:.75}.dk-ctrl .progress{width:100%;max-width:560px}.dk-like{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);transition:color .12s,background-color .12s}.dk-like:hover{color:var(--text);background:var(--sc-surface-2)}.dk-player-error{margin:0;color:var(--red);font-size:12px}.dk-vols{display:grid;grid-template-columns:auto auto;gap:6px 10px;align-items:center;justify-items:end}.dk-vols>.dk-vol{grid-column:1}.dk-close-stream{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--sc-surface-2);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--sc-line);cursor:pointer;transition:background-color .12s,color .12s,box-shadow .12s}.dk-close-stream:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--sc-violet),0 0 0 4px #9b4df52e}.dk-close-stream.is-live{background:var(--sc-violet);color:#fff;box-shadow:none}.dk-vol{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text-muted)}.dk-vol>img{width:15px}.dk-vol-label{width:78px}.dk-vol-mute{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}.dk-vol-mute:hover{color:var(--text);background:var(--sc-surface-2)}.dk-vol input[type=range]{--tone: var(--sc-mint);width:120px;height:4px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(90deg,var(--tone) var(--pct),var(--sc-line) var(--pct));cursor:pointer}.dk-vol.is-stream input[type=range]{--tone: var(--sc-violet)}.dk-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);border:0}.dk-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px 32px 24px}.dk-screen-head h1{margin:0 0 4px;font-size:26px}.dk-screen-body{padding-right:6px}.dk-empty{margin-top:40px;display:grid;justify-items:center;gap:6px;color:var(--text-muted);text-align:center}.dk-empty b{color:var(--text)}.dk-invites{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.dk-settings{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px}.dk-card{min-height:0;padding:18px;border-radius:18px;background:var(--sc-surface);border:1px solid var(--sc-line);display:flex;flex-direction:column;gap:12px}.dk-card h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.dk-me{flex-direction:row;align-items:center;gap:16px}.dk-me h2{margin:0}.dk-room-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dk-room-list li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px}.dk-room-list li:hover{background:var(--sc-surface-2)}.dk-app .btn{height:38px;padding:0 16px;border-radius:999px;font-weight:700}.dk-app .btn.btn-sm,.dk-app .btn-small{height:32px;padding:0 14px}.dk-app .icon-btn,.dk-app .dk-gear{border-radius:50%}.dk-app .seg,.dk-app .size-picker{border-radius:999px;overflow:hidden}.dk-col-right .dk-people{flex:1 1 45%}.dk-col-right.is-chat-big .dk-people{display:none}.dk-stage .player-stage:fullscreen .video-bar{display:flex}.dk-feedback-text{width:100%;min-height:112px;padding:10px 12px;resize:none;font:inherit;color:var(--text);background:var(--bg-deep);border:1px solid var(--line);border-radius:12px;outline:none;transition:border-color .12s,box-shadow .12s}.dk-feedback-text::placeholder{color:var(--text-faint)}.dk-feedback-text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.dk-feedback-count{margin-top:-8px;text-align:right;font-size:12px;color:var(--text-muted)}.dk-feedback-count.is-over{color:var(--red);font-weight:700}.sh{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--sc-night)}.sh-top{flex:none;display:flex;align-items:center;gap:28px;height:64px;padding:0 32px;border-bottom:1px solid var(--sc-line)}.sh-logo{display:flex}.sh-logo img{display:block;height:26px;width:auto}.sh-tabs{flex:1;display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.sh-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.sh-tabs a:hover{color:var(--text)}.sh-tabs a[aria-current=page]{background:var(--sc-surface-2);color:var(--text)}.sh-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--sc-green);color:var(--sc-green-ink);font-size:11px;display:inline-grid;place-items:center}.sh-pending{flex:none;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 32px;background:#2ee6c51a;border-bottom:1px solid rgba(46,230,197,.3);font-size:14px}.sh-main{flex:1;min-height:0;display:flex;flex-direction:column}.sh-foot{flex:none;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:12px 32px;border-top:1px solid var(--sc-line);font-size:13px;color:var(--text-faint)}.sh-foot a{color:var(--text-muted)}.legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}.legal-links a{color:var(--text-muted);text-decoration:none}.legal-links a:hover{color:var(--text);text-decoration:underline}.dk-login.is-site{height:auto;min-height:100vh;min-height:100dvh;grid-template-rows:1fr auto;gap:24px}.dk-guest input{min-width:0}.dk-terms{margin:0;font-size:12.5px;color:var(--text-faint);text-align:center}.dk-terms a{color:var(--text-muted)}.dk-login-foot{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:13px}.dk-login-foot>a{color:var(--text-muted);text-decoration:none}@media (max-width: 720px){.sh{height:auto;min-height:100vh}.sh-top{gap:12px;padding:0 16px}.sh-logo img{height:22px}.sh-tabs a{padding:8px 10px}.sh-pending,.sh-foot{padding-inline:16px}.sh-main .dk-rooms,.sh-main .dk-screen{padding:16px}.sh-main .dk-rooms-head{flex-wrap:wrap}.sh-main .dk-rooms-head h1{flex-basis:100%}}@media (max-width: 480px){.sh-logo img{content:url(/sala/brand/logo/spectracast-symbol.svg)}}.gate-foot{display:flex;justify-content:center;padding:20px 16px 28px}.drawer-legal{margin-top:24px;padding-top:16px;border-top:1px solid var(--sc-line)}.adm-badge{margin-right:auto;margin-left:4px;padding:2px 8px;background:#f0b54a24;color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.adm-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 24px 64px}.adm-main>.gate{margin:48px auto 0}.adm-uid{display:block;padding:10px 12px;background:var(--bg-deep);border:1px solid var(--line);color:var(--live);-webkit-user-select:all;user-select:all;word-break:break-all}.adm-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--line-soft);overflow-x:auto}.adm-tabs button{height:40px;padding:0 14px;border:0;background:transparent;color:var(--text-muted);font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}.adm-tabs button:hover{color:var(--text)}.adm-tabs button.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.adm-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}.adm-head h1{font-size:24px;letter-spacing:-.02em}.adm-search{max-width:320px;height:36px!important}.adm-note{margin-top:16px;font-size:13px}.adm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px;margin-bottom:2px}.adm-tile{display:grid;gap:4px;padding:16px 18px;background:var(--surface)}.adm-tile span{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.adm-tile strong{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.1}.adm-tile small{color:var(--text-faint);font-size:12px}.adm-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.adm-chart{margin:0;padding:16px 18px 12px;background:var(--surface)}.adm-chart figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.adm-chart figcaption span{font-weight:700;font-size:14px}.adm-chart figcaption small{color:var(--text-faint);font-size:12px}.adm-chart figcaption .link-btn{margin-left:auto;font-size:12px}.adm-plot{position:relative}.adm-plot svg{display:block;width:100%;height:auto}.adm-plot .grid{stroke:var(--line-soft);stroke-width:1}.adm-plot .tick{fill:var(--text-faint);font:500 10px var(--font)}.adm-plot .bar{fill:#9479ff}.adm-plot .bar.on{fill:#b3a1ff}.adm-tip{position:absolute;top:0;transform:translate(-50%,-4px);display:grid;padding:6px 10px;background:var(--bg-deeper);border:1px solid var(--line);font-size:12px;white-space:nowrap;pointer-events:none}.adm-tip span{color:var(--text-faint)}.adm-tip .adm-tip-value{color:var(--text)}.adm-table-wrap{overflow-x:auto;background:var(--surface)}.adm-chart .adm-table-wrap{max-height:170px;overflow-y:auto}.adm-table{width:100%;border-collapse:collapse;font-size:14px}.adm-table th{position:sticky;top:0;padding:10px 12px;background:var(--bg-deep);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap}.adm-table td{padding:10px 12px;border-top:1px solid var(--line-soft);vertical-align:middle}.adm-table.compact td,.adm-table.compact th{padding:5px 10px}.adm-table .num{text-align:right;font-variant-numeric:tabular-nums}.adm-table tr.is-suspended td{opacity:.65}.adm-table code{color:var(--text-muted);font-size:12px}.adm-actions{text-align:right;white-space:nowrap}.adm-person{display:flex;align-items:center;gap:10px;min-width:0}.adm-person .avatar,.adm-person>b{flex:none;width:28px;height:28px;border-radius:50%}.adm-person>b{display:grid;place-items:center;background:linear-gradient(135deg,var(--sc-violet),var(--sc-indigo));font-size:12px}.adm-person>span{display:grid;min-width:0;line-height:1.25}.adm-person small{color:var(--text-faint);font-size:12px}.adm-tag{display:inline-block;padding:1px 7px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-3);color:var(--text-muted)}.adm-tag.ok{background:var(--live-tint);color:var(--live)}.adm-tag.bad{background:#ff5c7a24;color:var(--red)}.adm-tag.admin{background:#f0b54a24;color:var(--amber)}.adm-online{color:var(--live);font-weight:700}.adm-detail td{background:var(--bg-deep)}.adm-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:6px 0}.adm-detail h4{margin:0 0 8px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.adm-detail ul{margin:0 0 8px;padding-left:18px}.adm-detail-actions{display:grid;gap:10px;align-content:start}.adm-detail select{flex:1;height:42px;padding:0 10px;background:var(--bg-deeper);border:1px solid var(--line);color:var(--text);font:inherit}.adm-card{display:grid;gap:12px;padding:20px;margin-bottom:2px;background:var(--surface)}.adm-card h3{font-size:15px}.adm-mode{max-width:420px}.adm-mode button{height:38px}.adm-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.adm-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--bg-deep)}.adm-list .btn{height:32px;padding:0 12px;font-size:13px}@media (max-width: 900px){.adm-charts,.adm-detail-grid{grid-template-columns:1fr}.adm-main{padding:16px 16px 48px}}:root{--sc-night: #0B0A12;--sc-surface: #15131F;--sc-surface-2: #1D1A2B;--sc-line: #2A2740;--sc-text: #EEEDF6;--sc-text-muted: #A09CB8;--sc-text-faint: #6B6785;--sc-violet: #9B4DF5;--sc-indigo: #5B5CF0;--sc-blue: #2E8BF0;--sc-cyan: #22C3EE;--sc-mint: #2EE6C5;--sc-green: #3FB58E;--sc-green-hi: #55C9A2;--sc-green-ink: #072219;--sc-green-tint: rgba(63, 181, 142, .14);--sc-action: var(--sc-green);--sc-live: #F0457A;--sc-warn: #F2B544;--sc-ok: #2EE6C5;--sc-gradient: linear-gradient(120deg, #9B4DF5 0%, #5B5CF0 30%, #2E8BF0 60%, #22C3EE 82%, #2EE6C5 100%);--sc-gradient-stream: linear-gradient(120deg, #9B4DF5, #5B5CF0);--sc-gradient-music: linear-gradient(120deg, #22C3EE, #2EE6C5);--sc-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sc-font-display: "Inter Display", "Inter", system-ui, sans-serif;--sc-radius: 14px;--sc-radius-sm: 8px;color-scheme:dark}[data-theme=light]{--sc-night: #F7F6FB;--sc-surface: #FFFFFF;--sc-surface-2: #EFEDF7;--sc-line: #DEDBEB;--sc-text: #14121F;--sc-text-muted: #5A5670;--sc-text-faint: #8C88A3;color-scheme:light}.sc-gradient-text{background:var(--sc-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/sala/fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/sala/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: var(--sc-night);--bg-deep: var(--sc-night);--bg-deeper: var(--sc-night);--surface: var(--sc-surface);--surface-2: var(--sc-surface-2);--surface-3: color-mix(in srgb, var(--sc-surface-2) 80%, var(--sc-text));--line: var(--sc-line);--line-soft: var(--sc-line);--text: var(--sc-text);--text-muted: var(--sc-text-muted);--text-faint: var(--sc-text-faint);--accent: var(--sc-action);--accent-hi: var(--sc-green-hi);--accent-ink: var(--sc-green-ink);--accent-tint: var(--sc-green-tint);--music: var(--sc-mint);--music-hi: color-mix(in srgb, var(--sc-mint) 78%, #fff);--music-ink: var(--sc-night);--music-tint: color-mix(in srgb, var(--sc-mint) 14%, transparent);--stream: var(--sc-violet);--stream-tint: color-mix(in srgb, var(--sc-violet) 16%, transparent);--live: var(--music);--live-tint: var(--music-tint);--sky: var(--sc-action);--amber: var(--sc-warn);--red: var(--sc-live);--discord: #5865f2;--grad: var(--sc-gradient);--font: var(--sc-font);--font-display: var(--sc-font);--radius: var(--sc-radius);--radius-sm: var(--sc-radius-sm);--left-w: 280px;--right-w: 280px;--topbar-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display)}button,input{font:inherit;color:inherit}a{color:var(--sky)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.btn,.icon-btn,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,.size-picker,.seg,.menu,.status,.eyebrow,.channel-code,.q-thumb,.sugg-thumb,.end-thumb,.pl-track img,.pl-songs img,.pl-thumbs img,.pm-track img,.save-track img,.video-play,.video-fullscreen,.adm-tag,.role-badge,.theme-btn{border-radius:var(--radius-sm)}.video-play{border-radius:50%}.panel,.toast,.drawer,.bell-menu,.invite-popup,.invite-card,.room-card,.pending-banner,.login-methods li,.identity-on,.email-sent,.user-panel,.now-playing,.q-item,.q-now,.sugg-item,.sugg-head,.end-card,.pl-card,.pl-item.is-open>.pl-row,.pm-item,.pm-track,.pm-confirm,.pm-danger,.adm-card,.adm-tile,.adm-table-wrap,.adm-chart,.profile-head,.lp-feature,.lp-steps li,.lp-final,.mock,.ext-head,.ext-steps li,.setup,.echo-lines,.theme-menu{border-radius:var(--radius)}.player-frame{border-radius:var(--radius);overflow:hidden}.is-fullscreen .player-frame,html.video-max .player-frame{border-radius:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:1px solid transparent;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}.btn:disabled{cursor:default;opacity:.5}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hi);box-shadow:0 0 0 4px var(--accent-tint)}.btn-secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn.is-done{background:var(--live-tint);border-color:var(--live);color:var(--live);box-shadow:none}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--surface-3)}.icon-btn:disabled{opacity:.4;cursor:default}.link-btn{padding:0;border:0;background:none;color:var(--sky);font:inherit;text-decoration:underline;cursor:pointer}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:13px;height:12px;flex:none}.eq i{width:3px;height:100%;background:var(--live);transform-origin:bottom;transform:scaleY(.3);opacity:.55}.eq.is-on i{opacity:1;animation:eq .9s ease-in-out infinite alternate}.eq.is-on i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq.is-on i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.field{display:grid;gap:6px}.field>span,.add-track>label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}input:not([type=range]){height:42px;width:100%;padding:0 12px;background:var(--bg-deep);border:1px solid var(--line);outline:none;transition:border-color .12s,box-shadow .12s}input:not([type=range])::placeholder{color:var(--text-faint)}input:not([type=range]):hover{border-color:#3a3c58}input:not([type=range]):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}input[readonly]{color:var(--live)}.form-error{color:var(--red);font-size:13px;font-weight:600}.hint{color:var(--text-muted);font-size:14px}.row{display:flex;gap:8px}.grow{flex:1}.topbar{position:relative;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--bg-deep);border-bottom:1px solid var(--line-soft)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--grad);opacity:.55}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;text-decoration:none}.topnav{display:flex;gap:20px}.topnav a{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--text)}.room-topbar{padding:0;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr);gap:0}.topbar-brand{height:100%;display:flex;align-items:center;padding:0 20px;background:var(--bg-deeper);border-right:1px solid var(--line-soft)}.channel{min-width:0;display:flex;align-items:center;gap:16px;padding:0 16px 0 20px}.channel-name{display:flex;align-items:center;gap:8px;white-space:nowrap}.channel-name svg{color:var(--text-faint)}.room-id-label{color:var(--text-muted);font-size:14px;font-weight:600}.mono-code{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;color:var(--text)}.channel-topic{min-width:0;padding-left:16px;border-left:1px solid var(--line);color:var(--text-faint);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-room{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-room .btn{height:34px}.status{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line-soft);color:var(--text-muted);white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:currentColor}.status-ok,.tone-ok{color:var(--live)}.status-ok i{box-shadow:0 0 0 3px var(--live-tint)}.status-work,.tone-work{color:var(--sky)}.status-work i{animation:blink 1s steps(2,start) infinite}.status-warn,.tone-warn{color:var(--amber)}.status-bad,.tone-bad{color:var(--red)}.tone-idle{color:var(--text-muted)}@keyframes blink{to{visibility:hidden}}.home{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 520px at 85% -8%,rgba(46,139,240,.2),transparent 62%),radial-gradient(700px 480px at -5% 30%,rgba(46,230,197,.07),transparent 60%),var(--bg)}.home-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:80px 24px 72px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,420px);gap:64px;align-items:start}.eyebrow{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 12px;margin-bottom:24px;background:var(--live-tint);border:1px solid rgba(46,230,197,.25);color:var(--live);font-size:13px;font-weight:600}.home-intro h1{font-size:clamp(38px,5.2vw,62px);line-height:1.04;letter-spacing:-.035em;font-weight:700;max-width:13ch}.home-intro h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.home-intro p{margin-top:20px;max-width:46ch;color:var(--text-muted);font-size:17px}.echo-lines{--av: 28px;position:relative;margin-top:44px;max-width:460px;display:grid;gap:12px;padding:18px;background:#161724b3;border:1px solid var(--line-soft)}.echo-row{display:grid;grid-template-columns:var(--av) minmax(0,1fr);align-items:center;gap:12px}.echo-row b{display:grid;place-items:center;width:var(--av);height:var(--av);border-radius:50%;color:#fff;font-size:12px;font-weight:700}.echo-row span{position:relative;height:22px;background:var(--surface-3);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='22'><path d='M0 9h4v4H0zM6 6h4v10H6zM12 3h4v16h-4zM18 7h4v8h-4zM24 1h4v20h-4zM30 5h4v12h-4zM36 8h4v6h-4zM42 2h4v18h-4zM48 6h4v10h-4zM54 4h4v14h-4zM60 9h4v4h-4zM66 3h4v16h-4zM72 6h4v10h-4zM78 1h4v20h-4zM84 7h4v8h-4zM90 4h4v14h-4zM96 8h4v6h-4zM102 2h4v18h-4zM108 6h4v10h-4zM114 9h4v4h-4z'/></svg>") 0 0 / 120px 22px repeat-x;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='22'><path d='M0 9h4v4H0zM6 6h4v10H6zM12 3h4v16h-4zM18 7h4v8h-4zM24 1h4v20h-4zM30 5h4v12h-4zM36 8h4v6h-4zM42 2h4v18h-4zM48 6h4v10h-4zM54 4h4v14h-4zM60 9h4v4h-4zM66 3h4v16h-4zM72 6h4v10h-4zM78 1h4v20h-4zM84 7h4v8h-4zM90 4h4v14h-4zM96 8h4v6h-4zM102 2h4v18h-4zM108 6h4v10h-4zM114 9h4v4h-4z'/></svg>") 0 0 / 120px 22px repeat-x}.echo-row span:after{content:"";position:absolute;inset:0 auto 0 0;width:62%;background:var(--grad);background-size:calc(100% / .62) 100%;animation:fill 1.4s cubic-bezier(.2,.7,.2,1) both}.echo-row:nth-child(2) span:after{animation-delay:.08s}.echo-row:nth-child(3) span:after{animation-delay:.16s}.echo-lines>i{position:absolute;top:10px;bottom:10px;left:calc(18px + var(--av) + 12px + (100% - 36px - var(--av) - 12px) * .62);width:2px;background:var(--text);box-shadow:0 0 12px #ffffff80;animation:appear .3s 1.3s both}@keyframes fill{0%{width:0}}@keyframes appear{0%{opacity:0}}.home-panels{display:grid;gap:16px}.panel{position:relative;display:grid;gap:16px;padding:28px;background:var(--surface);border:1px solid var(--line-soft)}.panel:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--grad)}.panel h2{font-size:20px;font-weight:700;letter-spacing:-.01em}.panel-quiet{background:#16172480}.panel-quiet:before{display:none}.inline-field{display:flex;align-items:flex-end;gap:8px}.inline-field .btn{height:42px}.created .room-code{font-family:var(--font-display);font-size:56px;line-height:1;font-weight:800;letter-spacing:.12em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-main{flex:1;display:grid;place-items:start center;padding:96px 24px}.gate{width:100%;max-width:420px}.skeleton-panel{height:290px}.app-login-who{display:flex;align-items:center;gap:12px}.app-login-who img{border-radius:50%}.app-login-who div{display:grid}.app-login-who span{color:var(--text-muted);font-size:13px}.room{height:100%;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr)}.room-grid{min-height:0;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);grid-template-areas:"left main right"}.room-main{grid-area:main;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.room-left,.room-right{min-height:0;display:flex;flex-direction:column;background:var(--bg-deep)}.room-left{grid-area:left;border-right:1px solid var(--line-soft)}.room-right{grid-area:right;border-left:1px solid var(--line-soft);overflow-y:auto}.room-banner{padding:10px 28px;background:var(--surface);border-left:3px solid var(--red);color:var(--text);font-size:14px;font-weight:600}.setup{max-width:640px;margin:0 auto;padding:72px 24px;display:grid;gap:16px}.setup h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.setup p{color:var(--text-muted)}.setup code{color:var(--live)}.idle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#06060cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.idle-card{width:min(400px,100%);padding:28px 28px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px #00000073;text-align:center}.idle-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:50%;background:var(--music-tint);color:var(--text)}.idle-card h2{font-family:var(--font-display);font-size:19px;font-weight:700}.idle-card p{margin:8px 0 20px;color:var(--text-muted);font-size:14px;line-height:1.5}.player-frame{position:relative;flex:none;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - var(--topbar-h) - 300px);min-height:220px;background:var(--sc-night)}.yt-host,.yt-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:24px;background:var(--sc-night);color:var(--text-muted)}.player-error{padding:10px 28px;background:var(--surface);border-top:2px solid var(--red);color:var(--text);font-size:14px;font-weight:600}.idle-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--sc-night)}.idle-screen video,.idle-screen img{width:100%;height:100%;object-fit:contain;pointer-events:none}.now-playing{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 28px 16px;background:var(--surface);border-bottom:1px solid var(--line-soft)}.np-meta{min-width:0}.np-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:var(--live);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.np-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-sub{margin-top:2px;display:flex;gap:12px;color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-added{color:var(--text-faint)}.np-controls{display:flex;align-items:center;gap:8px;min-width:0}.np-controls .icon-btn:not(.play-btn){background:transparent;border-color:transparent;color:var(--text-muted)}.np-controls .icon-btn:not(.play-btn):hover:not(:disabled){background:var(--surface-2);color:var(--text)}.play-btn{width:52px;height:52px;border-radius:50%;background:var(--music)!important;border-color:var(--music)!important;color:var(--music-ink);transition:transform .12s,box-shadow .12s}.play-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 0 6px var(--music-tint),0 0 24px #2ee6c566}.play-btn.is-pending{background:var(--surface-3)!important;border-color:var(--surface-3)!important;color:var(--text)}.now-playing .form-error{grid-column:1 / -1}.volume{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:16px;border-left:1px solid var(--line)}.volume-btn{width:36px;height:36px;background:transparent;border-color:transparent;color:var(--text-muted)}.volume-btn:hover{color:var(--text)}.volume-btn[aria-pressed=true]{color:var(--amber)}.volume-slider{position:relative;width:168px;padding:14px 0}.volume-value{position:absolute;top:0;left:calc(6px + (100% - 12px) * var(--frac));transform:translate(-50%);font-size:11px;font-weight:700;line-height:1;color:var(--text-muted);white-space:nowrap;pointer-events:none}.volume-range,.progress-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.progress-range:disabled{cursor:default}.volume-range::-webkit-slider-runnable-track,.progress-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,transparent var(--pct),var(--surface-3) var(--pct)),var(--music)}.volume-range::-moz-range-track,.progress-range::-moz-range-track{height:4px;background:linear-gradient(to right,transparent var(--pct),var(--surface-3) var(--pct)),var(--music)}.volume-range::-webkit-slider-thumb,.progress-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #2ee6c54d}.volume-range::-moz-range-thumb,.progress-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #2ee6c54d}.progress-range:disabled::-webkit-slider-thumb{background:var(--text-faint);box-shadow:none}.progress{grid-column:1 / -1;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px}.time{font-size:13px;font-weight:600;color:var(--text-muted)}.time-total{text-align:right}.progress-live{grid-template-columns:auto minmax(0,1fr)}.live-badge{padding:2px 8px;border-radius:999px;background:var(--red, #e53935);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.add-track{display:grid;gap:8px;padding:22px 28px 8px}.add-track-row{display:flex;gap:8px}.add-track-row .btn{height:42px}.add-feedback{min-height:20px;font-size:13px;font-weight:600}.add-feedback.is-busy{color:var(--sky)}.add-feedback.is-ok{color:var(--live)}.add-feedback.is-error{color:var(--red)}.add-feedback .link-btn{margin-left:8px}.suggestions{padding:8px 28px 32px}.sugg-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 0 12px;border-top:1px solid var(--line-soft)}.sugg-head h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-right:4px}.seg{display:inline-flex;border:1px solid var(--line);background:var(--bg-deep)}.seg button{height:32px;padding:0 12px;border:0;background:transparent;color:var(--text-muted);font:600 13px/1 var(--font);cursor:pointer}.seg button+button{border-left:1px solid var(--line)}.seg button:hover{color:var(--text)}.seg button.on{background:var(--music-tint);color:var(--text);box-shadow:inset 0 -2px 0 var(--music)}.seg button span{margin-left:4px;color:var(--text-faint)}.seg-quiet{border-color:transparent;background:transparent}.seg-quiet button+button{border-left-color:transparent}.seg-quiet button.on{background:transparent;box-shadow:none;color:var(--live)}.sugg-search{flex:1;min-width:180px;height:34px!important}.sugg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.sugg-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto 24px;align-items:center;gap:10px;padding:8px;background:var(--surface);transition:background-color .12s}.sugg-item:hover{background:var(--surface-2)}.sugg-thumb{position:relative;width:64px;height:36px;background:var(--bg-deep)}.sugg-thumb img{display:block;width:64px;height:36px;object-fit:cover}.sugg-thumb.is-playlist:after{content:"";position:absolute;inset:0 0 0 auto;width:26px;background:#0b0a12d1}.sugg-thumb b{position:absolute;z-index:1;right:0;top:0;bottom:0;width:26px;display:grid;place-items:center;font-size:11px;color:var(--text)}.sugg-text{display:grid;min-width:0}.sugg-title,.sugg-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugg-title{font-size:14px;font-weight:600}.sugg-sub{font-size:12px;color:var(--text-faint)}.sugg-add{height:30px;padding:0 10px;font-size:13px;gap:6px}.sugg-item:hover .sugg-add:not(:disabled){background:var(--music);border-color:var(--music);color:var(--music-ink)}.sugg-add:disabled{opacity:.6}.sugg-remove{width:24px;height:24px;border:0;background:transparent;color:var(--text-faint);font-size:16px;cursor:pointer}.sugg-remove:hover{color:var(--red)}.sugg-empty{padding:4px 0;color:var(--text-muted);font-size:14px;max-width:60ch}.sugg-more{margin-top:10px;height:34px;font-size:13px}.identity{display:grid;gap:12px}.btn-discord{height:44px;background:var(--discord);color:#fff}.btn-discord:hover:not(:disabled){background:#4752c4}.identity-or{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:12px;font-weight:600}.identity-or:before,.identity-or:after{content:"";flex:1;height:1px;background:var(--line)}.identity-on{grid-template-columns:auto 1fr auto;align-items:center;padding:10px 12px;background:var(--bg-deep);border:1px solid var(--line);border-left:3px solid var(--discord)}.identity-text{display:grid;min-width:0}.identity-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-text span{color:var(--text-faint);font-size:12px}.identity .link-btn{font:600 13px/1 var(--font)}.avatar{border-radius:50%;object-fit:cover;background:var(--surface-2)}.avatar-lg{width:40px;height:40px}.login-buttons{display:grid;gap:8px}.login-buttons>.btn{height:44px}.login-buttons.is-compact>.btn{height:36px;justify-self:start}.google-btn{min-height:44px;color-scheme:light}.google-btn.is-link{min-height:40px}.email-form input{min-width:0}.email-sent{display:grid;gap:4px;padding:10px 12px;background:var(--live-tint);border-left:3px solid var(--live);font-size:13px}.email-sent span{color:var(--text-muted)}.email-sent .link-btn{justify-self:start;font-size:13px}.login-methods{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-width:520px}.login-methods li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;background:var(--surface)}.login-methods li.lm-form{grid-template-columns:1fr}.lm-icon{font-weight:700;text-align:center;color:var(--text-muted)}.lm-text{display:grid;min-width:0}.lm-text small{color:var(--text-faint);font-size:12px}.login-methods .btn{height:32px}.paste-link{display:grid;gap:6px;margin-top:6px}.paste-link .inline-field input{min-width:0}.side-block{display:flex;flex-direction:column;min-height:0}.side-head{display:flex;align-items:center;gap:6px;padding:20px 16px 8px}.side-head h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.count{color:var(--text-muted);font-size:12px;font-weight:700}.count:not(:empty):before{content:"— "}.side-block ul,.side-block ol{list-style:none;margin:0;padding:0 8px 8px}.p-avatar{position:relative;flex:none;width:32px;height:32px}.p-avatar img,.p-avatar b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--sc-violet),var(--sc-indigo));color:#fff;font-size:13px;font-weight:700}.presence{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-deep);background:var(--live)}.presence.tone-work{background:var(--sky)}.presence.tone-warn{background:var(--amber)}.presence.tone-bad{background:var(--red)}.presence.tone-idle{background:var(--text-faint)}.participants li{display:flex;align-items:center;gap:12px;height:44px;padding:0 8px;transition:background-color .12s}.participants li:hover{background:var(--surface)}.p-name{min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-tag{margin-left:auto;padding:1px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--music-tint);color:var(--music-hi)}.participants li .eq{margin-left:auto}.participants li .p-tag+.eq{margin-left:0}.is-away .p-avatar img,.is-away .p-avatar b{filter:grayscale(1) brightness(.38)}.is-away .presence{background:var(--text-faint)}.is-away .p-name{color:var(--text-faint)}.p-who{flex:1 1 auto;min-width:0;display:grid;line-height:1.25}.p-seen{color:var(--text-faint);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-online{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--live);font-size:11px;font-weight:700}.p-online i{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}.side-head .flow-icon{flex:none}.participants li[style] .p-avatar img,.participants li[style] .p-avatar b{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px var(--uc)}.participants li[style] .p-avatar b{background:var(--uc);color:var(--sc-night)}.uc-name{display:inline-flex;align-items:center;gap:5px}.uc-name:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--uc, var(--text-faint))}.q-item[style]{box-shadow:inset 3px 0 0 var(--uc)}.queue{flex:1}.queue ol{overflow-y:auto;flex:1}.queue-empty{padding:4px 16px;color:var(--text-faint);font-size:14px;max-width:34ch}.q-item{position:relative;display:grid;grid-template-columns:16px 56px minmax(0,1fr) auto auto;align-items:center;gap:10px;column-gap:8px;padding:6px 4px 6px 6px;transition:background-color .12s}.q-item:hover{background:var(--surface)}.q-item:first-child .q-pos{color:var(--live)}.q-pos{font-size:12px;font-weight:700;color:var(--text-faint);text-align:right}.q-thumb{width:56px;height:32px;object-fit:cover;background:var(--surface-2);display:block}.q-text{display:grid;min-width:0}.q-title,.q-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-title{font-size:14px;font-weight:600}.q-sub{font-size:12px;color:var(--text-faint)}.q-more{grid-column:5;width:28px;height:28px;background:transparent;border-color:transparent;color:var(--text-faint);display:none}.q-item:hover .q-more,.q-item:focus-within .q-more,.q-more[aria-expanded=true]{display:grid}.q-more:hover,.q-more[aria-expanded=true]{background:var(--surface-3);color:var(--text)}@media (hover: none){.q-more{display:grid}}.q-remove{grid-column:4;display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text-faint);cursor:pointer;opacity:.55;transition:opacity .12s,color .12s,border-color .12s,background-color .12s}.q-item:hover .q-remove,.q-remove:focus-visible{opacity:1}.q-remove:hover{color:var(--text);border-color:var(--text-faint);background:var(--surface-3)}.menu{position:absolute;z-index:10;right:8px;top:calc(100% - 6px);min-width:200px;display:grid;padding:6px;background:var(--bg-deeper);border:1px solid var(--line);box-shadow:0 12px 32px #00000080}.menu button{height:36px;padding:0 10px;text-align:left;background:transparent;border:0;font-size:14px;font-weight:600;cursor:pointer}.menu button:hover{background:var(--music);color:var(--music-ink)}.menu button.danger{color:var(--red)}.menu button.danger:hover{background:var(--red);color:#fff}.user-panel{flex:none;display:flex;align-items:center;gap:10px;height:60px;padding:0 10px 0 12px;background:var(--bg-deeper);border-top:1px solid var(--line-soft)}.user-panel .presence{border-color:var(--bg-deeper)}.user-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin-left:-6px;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left}button.user-who{cursor:pointer}button.user-who:hover{background:var(--surface-2)}.user-text{min-width:0;flex:1;display:grid;line-height:1.25}.user-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-text span{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-leave{width:34px;height:34px;background:transparent;border-color:transparent;color:var(--text-muted)}.user-leave:hover:not(:disabled){background:var(--surface-2);color:var(--red)}.toasts{position:fixed;z-index:50;top:calc(var(--topbar-h) + 16px);right:calc(var(--right-w) + 16px);display:grid;gap:8px;width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:12px 12px 12px 16px;background:var(--surface-3);border:1px solid var(--line);border-left:3px solid var(--sky);box-shadow:0 12px 32px #00000073;font-size:14px;font-weight:600;animation:toast-in .18s ease-out}.toast span{flex:1}.toast-ok{border-left-color:var(--live)}.toast-error{border-left-color:var(--red)}.toast-close{width:24px;height:24px;border:0;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer}.toast-close:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.app-update{position:fixed;z-index:90;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;background:linear-gradient(90deg,#9b4df538,#2ee6c52e);border-bottom:1px solid var(--line);font-size:13px;color:var(--text)}.app-update-dot{width:8px;height:8px;border-radius:50%;background:var(--sc-green, #3fb58e);box-shadow:0 0 0 4px #3fb58e33}.app-update-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-update .app-update-go{height:28px;min-height:28px;padding:0 14px;border-radius:999px;border:0;background:var(--sc-green, #3fb58e);color:var(--sc-green-ink, #072219);font-weight:700}.app-update .app-update-go:hover:not(:disabled){background:var(--sc-green-hi, #55c9a2)}.app-update-close{position:absolute;right:10px;width:26px;height:26px;border-radius:50%;background:transparent;border-color:transparent;color:var(--text-muted)}html.has-app-update body{padding-top:40px;box-sizing:border-box}html.has-app-update .dk-app{height:calc(100vh - 40px)}.player-area{flex:none}.video-toggle{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.12);background:#0b0a12cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font:600 13px/1 var(--font);cursor:pointer}.video-toggle:hover{background:var(--surface-3)}.player-area.is-compact{display:flex;align-items:center;gap:24px;padding:20px 28px;background:var(--bg-deep);border-bottom:1px solid var(--line-soft)}.player-area.is-compact .player-frame{width:356px;height:200px;min-height:200px;max-height:none;aspect-ratio:auto;flex:none}.player-area.is-compact .player-empty span{display:none}.player-compact-info{display:grid;gap:8px;justify-items:start;max-width:40ch}.player-compact-info strong{font-family:var(--font-display);font-size:15px;font-weight:600}.player-compact-info p{color:var(--text-muted);font-size:14px}.player-compact-info .btn{margin-top:4px}.player-unlock{display:flex;align-items:center;gap:10px;width:100%;padding:10px 28px;background:color-mix(in srgb,var(--music) 14%,var(--surface));border:0;border-bottom:1px solid var(--line-soft);color:var(--text);cursor:pointer;font:700 14px var(--font);text-align:left}.player-unlock i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--music);color:var(--music-ink);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #2ee6c51f}}.player-unlock small{color:var(--text-muted);font-size:12.5px;font-weight:600}.pending-banner{width:calc(100% - 48px);max-width:1072px;margin:24px auto 0;padding:14px 18px;background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--accent);font-weight:600}.pending-banner small{display:block;margin-top:2px;color:var(--text-muted);font-weight:500}.home-extension{margin-top:28px;color:var(--text-muted);font-size:14px}.ext-guide{width:100%;max-width:1120px;margin:0 auto;padding:0 24px 72px}.ext-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:40px;border-top:1px solid var(--line-soft)}.ext-head h2{font-size:24px;font-weight:700;letter-spacing:-.015em}.ext-head p{margin-top:8px;max-width:62ch;color:var(--text-muted)}.ext-head strong{color:var(--text)}.ext-steps{list-style:none;counter-reset:step;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.ext-steps li{counter-increment:step;display:grid;align-content:start;gap:8px;padding:20px;background:var(--surface)}.ext-steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;justify-self:start}.ext-steps strong{font-size:15px}.ext-steps span{color:var(--text-muted);font-size:14px}.ext-steps em{font-style:normal;color:var(--text);font-weight:600}.ext-steps code,.ext-note code{color:var(--live);font-size:13px}.ext-copy{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.ext-copy .btn{height:32px;padding:0 10px;font-size:13px}.ext-copy .btn span{color:inherit;font-size:inherit}.ext-note{margin-top:16px;color:var(--text-muted);font-size:14px}.stream-wrap{position:relative}.stream-btn{background:var(--sc-violet);color:var(--sc-night)}.stream-btn:hover:not(:disabled),.stream-btn[aria-expanded=true]{background:color-mix(in srgb,var(--sc-violet) 78%,#fff);box-shadow:0 0 0 4px var(--stream-tint)}.stream-btn img{width:18px;height:18px;filter:brightness(0)}.stream-pop{position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:280px;display:grid;gap:12px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px #0006}.stream-pop p{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.stream-pop p img{flex:none;width:22px;height:22px;margin-top:1px}.stream-pop .btn{background:var(--sc-violet);color:var(--sc-night)}@media (max-width: 640px){.stream-btn span{display:none}.stream-btn{padding:0 10px}}.stream-btn.is-live{background:color-mix(in srgb,var(--sc-violet) 22%,var(--surface-2));color:var(--text);box-shadow:inset 0 0 0 1px var(--sc-violet)}.stream-btn.is-live:hover:not(:disabled),.stream-btn.is-live[aria-expanded=true]{background:color-mix(in srgb,var(--sc-violet) 32%,var(--surface-2))}.stream-btn-dot{width:9px;height:9px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 #ff4d6d99;animation:share-pulse 1.6s ease-out infinite}@keyframes share-pulse{70%{box-shadow:0 0 0 7px #ff4d6d00}to{box-shadow:0 0 #ff4d6d00}}@media (prefers-reduced-motion: reduce){.stream-btn-dot{animation:none}}.share-pop{width:340px;max-height:min(80vh,640px);overflow-y:auto}.share-seg{border:0;margin:0;padding:0;display:grid;gap:6px}.share-seg legend{padding:0;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-muted)}.share-seg>div{display:flex;gap:4px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:999px}.share-seg button{flex:1;min-height:30px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.share-seg button:hover:not(:disabled){color:var(--text)}.share-seg button.is-active{background:var(--sc-violet);color:var(--sc-night);font-weight:600}.share-seg button:focus-visible{outline:2px solid var(--sc-violet);outline-offset:1px}.share-check{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}.share-check input{accent-color:var(--sc-violet);width:16px;height:16px}.stream-pop .share-summary{display:block;font-size:13px;color:var(--text-muted)}.stream-pop .share-summary b{color:var(--text);font-weight:600}.stream-pop .share-live-title{align-items:center;font-weight:600}.share-live-tag{padding:2px 8px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.share-facts{display:grid;gap:8px;margin:0}.share-facts div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.share-facts dt{color:var(--text-muted)}.share-facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.stream-pop .share-warn{display:block;font-size:13px;color:#ffb547}.stream-pop .share-stop{background:transparent;color:#ff6b84;box-shadow:inset 0 0 0 1px #ff6b84}.stream-pop .share-stop:hover{background:#ff6b841f}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-title{height:28px;width:60%}.skeleton-sub{height:21px;width:30%;margin-top:2px}.skeleton-line{height:14px;width:70%}.skeleton-thumb{width:56px;height:32px;grid-column:2}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width: 1199px){:root{--left-w: 300px}.room-topbar{grid-template-columns:auto minmax(0,1fr)}.topbar-brand{background:transparent;border-right:0}.channel{padding-left:4px}.channel-topic{display:none}.room-grid{grid-template-columns:minmax(0,1fr) var(--left-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"main right" "main left"}.room-left,.room-right{border-right:0;border-left:1px solid var(--line-soft)}.room-right{max-height:40vh}.toasts{right:calc(var(--left-w) + 16px)}.sugg-list{grid-template-columns:1fr}}@media (max-width: 900px){.home-main{grid-template-columns:1fr;gap:40px;padding:40px 16px}.topbar{padding:0 16px}.room{overflow-x:clip;height:auto;min-height:100%;grid-template-rows:auto 1fr;align-content:start}.room-topbar{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand stream invite" "name name status";gap:10px 12px;padding:10px 16px 12px}.channel,.topbar-room{display:contents}.topbar-brand{grid-area:brand;padding:0}.room-topbar .invite-btn{grid-area:invite;justify-self:end}.stream-wrap{grid-area:stream;position:static}.stream-pop{right:16px;width:min(280px,calc(100vw - 32px))}.channel-name{grid-area:name;min-width:0}.room-topbar .status{grid-area:status;justify-self:end;height:28px}.room-grid{display:flex;flex-direction:column}.room-main{display:contents}.room-left{order:1}.room-right{order:2}.room-left,.room-right{border-left:0;border-top:1px solid var(--line-soft)}.room-right{max-height:none;overflow:visible}.user-panel{display:none}.player-frame{max-height:none}.now-playing,.add-track{padding-left:16px;padding-right:16px}.toasts{top:auto;right:16px;bottom:16px}.player-area.is-compact{padding:16px;gap:16px}}@media (max-width: 1080px){.ext-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.ext-guide{padding:0 16px 48px}.ext-head{flex-direction:column;align-items:stretch}.ext-steps{grid-template-columns:1fr}.topnav{display:none}}@media (max-width: 560px){.now-playing{grid-template-columns:1fr}.np-controls{justify-content:center;flex-wrap:wrap}.volume{margin-left:0;padding-left:0;border-left:0}.volume-slider{width:200px}.player-area.is-compact{flex-direction:column;align-items:stretch}.player-area.is-compact .player-frame{width:100%}.player-compact-info{max-width:none}.video-toggle span{display:none}.video-toggle{width:34px;padding:0;justify-content:center}.channel-name .room-id-label{display:none}}@media (max-width: 480px){.sugg-search{flex-basis:100%}.sugg-item{grid-template-columns:56px minmax(0,1fr) auto 22px;gap:8px}.sugg-thumb,.sugg-thumb img{width:56px;height:32px}}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#ff7891}.channel-title{font-family:var(--font-display);font-weight:600;max-width:28ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-code{padding:2px 6px;font-size:12px;color:var(--text-muted);background:var(--surface);border:1px solid var(--line-soft)}.header-btn{width:34px;height:34px;background:transparent;border-color:transparent;color:var(--text-muted)}.header-btn:hover:not(:disabled){color:var(--text)}.user-chip{position:relative;display:flex;align-items:center;gap:6px}.topbar>.user-chip{margin-left:4px}.bell{position:relative;width:34px;height:34px;background:transparent;border-color:transparent;color:var(--text-muted)}.bell:hover:not(:disabled){color:var(--text)}.bell b{position:absolute;top:2px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;line-height:16px;text-align:center}.bell.has-new{color:var(--text);animation:ring 1.2s ease-in-out 2}@keyframes ring{20%,60%{transform:rotate(-12deg)}40%,80%{transform:rotate(12deg)}}.chip-profile{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 3px;color:var(--text);font-size:14px;font-weight:600;text-decoration:none;background:var(--surface);border:1px solid var(--line-soft)}.chip-profile .avatar{width:28px;height:28px}.user-chip:has(.chip-profile:only-child) .chip-profile,.room-topbar .chip-profile,.lp-topbar .chip-profile{padding:2px;background:transparent;border-color:transparent}.bell-menu{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;padding:8px;background:var(--bg-deeper);border:1px solid var(--line);box-shadow:0 16px 40px #0000008c}.bell-menu header{padding:6px 6px 10px;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bell-empty{padding:4px 6px 8px;color:var(--text-faint);font-size:14px}.invite-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding:12px;background:var(--surface);border:1px solid var(--line-soft)}.invite-card+.invite-card{margin-top:6px}.invite-text{display:grid;min-width:0;font-size:14px}.invite-text small{color:var(--text-faint);font-size:12px}.invite-actions{grid-column:2;display:flex;gap:8px}.invite-actions .btn{height:32px;padding:0 14px;font-size:13px}.invite-popup{position:fixed;z-index:60;left:16px;bottom:16px;width:min(380px,calc(100vw - 32px));background:var(--bg-deeper);border:1px solid var(--line);border-top:2px solid transparent;border-image:var(--grad) 1;box-shadow:0 20px 50px #0009,0 0 40px #2e8bf040;animation:toast-in .2s ease-out}.invite-popup header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 14px;color:var(--live);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.invite-popup .invite-card{border:0;background:transparent}.invite-list{display:grid;gap:6px;max-width:560px}.participants li{position:relative}.p-name{display:inline-flex;align-items:center;gap:6px}.p-crown{display:inline-grid;color:var(--amber)}.p-guest{white-space:nowrap;background:var(--surface-2);color:var(--text-muted)}.p-more{flex:none}.participants .menu{top:calc(100% - 4px)}.vote-btn{position:relative;width:auto;padding:0 10px;gap:6px;display:inline-flex;align-items:center}.vote-btn b{font-size:12px;font-weight:700}.np-controls .vote-btn.is-voted{background:var(--accent-tint);border-color:var(--accent);color:var(--text)}.drawer-wrap{position:fixed;z-index:55;top:0;right:0;bottom:0;left:0;background:#04050a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:appear .15s}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);display:flex;flex-direction:column;background:var(--bg-deep);border-left:1px solid var(--line);box-shadow:-20px 0 60px #00000080;animation:slide-in .2s cubic-bezier(.2,.7,.2,1)}@keyframes slide-in{0%{transform:translate(40px);opacity:0}}.drawer-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--topbar-h);padding:0 12px 0 22px;border-bottom:1px solid var(--line-soft)}.drawer-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--grad);opacity:.55}.drawer-head h2{font-size:17px;font-weight:600}.drawer-close{width:34px;height:34px;background:transparent;border-color:transparent;color:var(--text-muted)}.drawer-body{flex:1;overflow-y:auto;padding:8px 22px 32px}.drawer-section{display:grid;gap:14px;padding:20px 0;border-bottom:1px solid var(--line-soft)}.drawer-section:last-child{border-bottom:0}.drawer-section h3{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.drawer-section.is-danger h3{color:var(--red)}.drawer-note{display:grid;gap:8px;justify-items:start;margin-top:16px;padding:14px 16px;background:var(--surface);border-left:3px solid var(--amber);color:var(--text-muted);font-size:14px}.drawer-note strong{color:var(--text)}.drawer input:disabled{opacity:.7}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.toggle-row>div{display:grid;gap:2px}.toggle-row strong{font-size:14px}.toggle-row span{color:var(--text-faint);font-size:13px}.switch{flex:none;position:relative;width:42px;height:24px;margin-top:2px;border:0;border-radius:12px;background:var(--surface-3);cursor:pointer;transition:background-color .15s}.switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on i{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.seg-full{display:flex}.seg-full button{flex:1}.seg button:disabled{cursor:default}.seg button:disabled:not(.on){opacity:.5}.banned-list,.people-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.banned-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface);font-size:14px}.people-list li{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--surface)}.people-list li.hint{background:transparent;padding:4px 0}.people-text{flex:1;min-width:0;display:grid;line-height:1.3}.people-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-text small{color:var(--text-faint);font-size:12px}.people-list .btn{height:32px;padding:0 12px;font-size:13px}.sent-tag{display:inline-flex;align-items:center;gap:6px;color:var(--live);font-size:13px;font-weight:600}.profile-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:56px 24px 72px}.profile-main>.gate{margin:40px auto 0}.profile-head{display:flex;align-items:center;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line-soft)}.profile-head .avatar{width:88px;height:88px;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--accent)}.profile-head h1{font-size:clamp(26px,4vw,36px);letter-spacing:-.02em}.profile-head p{color:var(--text-muted)}.profile-actions{margin-left:auto;display:flex;gap:8px}.profile-block{padding-top:20px}.profile-block .side-head{padding-left:0}.room-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px}.room-card{display:grid;gap:10px;align-content:start;padding:20px;background:var(--surface);border-top:2px solid var(--line);transition:background-color .15s}.room-card:hover{background:var(--surface-2)}.room-card.is-owner{border-top:2px solid transparent;border-image:var(--grad) 1}.room-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-card h4{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card p{color:var(--text-faint);font-size:13px}.room-card .mono-code{font-size:12px;color:var(--text-muted)}.role-badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-3);color:var(--text-muted)}.role-badge.owner{background:#f0b54a24;color:var(--amber)}.room-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.room-card-actions .btn{height:34px;padding:0 14px;font-size:13px}@media (max-width: 1199px){.channel-title{max-width:18ch}}@media (max-width: 900px){.room-topbar .user-chip,.room-topbar .header-btn{grid-area:auto}.room-topbar{grid-template-columns:minmax(0,1fr) auto auto auto auto;grid-template-areas:"brand gear chip stream invite" "name name name name status"}.room-topbar .header-btn{grid-area:gear}.room-topbar .user-chip{grid-area:chip}.room-topbar .invite-btn{grid-area:invite}.profile-head{flex-wrap:wrap}.profile-actions{margin-left:0;width:100%}.profile-main{padding:32px 16px 56px}}@media (max-width: 560px){.invite-btn span{display:none}.invite-btn{width:40px;padding:0}.channel-code{display:none}}.seg-full button{padding:0 6px;white-space:nowrap}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;background:#08081094;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);animation:appear .18s}.po-bar{display:flex;align-items:center;gap:16px;max-width:1040px;width:100%;margin:0 auto;padding:16px 24px 0}.po-back{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px}.po-now{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 16px 6px 6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent)}.po-play{flex:none;width:40px;height:40px;border-radius:50%;background:var(--text);border-color:var(--text);color:var(--bg-deep)}.po-play:hover:not(:disabled){box-shadow:0 0 0 4px var(--accent-tint)}.po-now-text{display:grid;min-width:0}.po-now-eyebrow{display:flex;align-items:center;gap:6px;color:var(--live);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.po-now-text b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-scroll{flex:1;overflow-y:auto;outline:none}.po-main{padding-top:24px}.po-main .profile-head,.po-main .profile-block{margin-bottom:16px;padding:24px;border:1px solid var(--line-soft);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:0 18px 50px #0000004d}.po-main .profile-head .avatar{box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--accent)}.room-card.is-here{outline:1px solid var(--accent);outline-offset:-1px}.here-tag{color:var(--live);font-weight:600}@media (max-width: 560px){.po-bar{padding:12px 16px 0;gap:10px}.po-back span{display:none}.po-back{padding:0 12px}.po-main .profile-head,.po-main .profile-block{padding:16px}}.player-stage{flex:none;position:relative;background:var(--bg)}.player-frame.is-empty .yt-host{visibility:hidden}.player-ad-note{padding:8px 28px;background:var(--surface);border-bottom:1px solid var(--line-soft);color:var(--text-muted);font-size:12.5px}.video-play,.video-fullscreen{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .15s,color .15s}.video-play{background:var(--music);color:var(--music-ink)}.video-play:hover:not(:disabled),.video-fullscreen:hover{background:var(--music);color:var(--music-ink);filter:brightness(1.08)}.video-play:disabled{opacity:.5;cursor:default}.video-bar{display:flex;align-items:center;gap:12px;padding:6px 28px;background:var(--surface);border-bottom:1px solid var(--line-soft)}.video-bar .progress{flex:1;min-width:0;gap:12px}.player-area.is-compact+.video-bar{background:var(--bg-deep)}.player-stage:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;background:#000}.player-stage:fullscreen .player-area{flex:1;display:flex;min-height:0}.player-stage:fullscreen .player-frame{flex:1;height:auto;max-height:none;aspect-ratio:auto}.player-stage:fullscreen .video-bar{background:#0b0a12e6;border:0;padding:10px 24px 14px}.end-card{padding:10px 28px;background:var(--surface);border-bottom:1px solid var(--line-soft);animation:toast-in .25s ease-out}.end-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--live);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.end-card header button{display:grid;place-items:center;width:24px;height:24px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.end-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,150px);gap:8px}.end-card:has(li:nth-child(1):last-child) ul{grid-template-columns:150px}.end-card:has(li:nth-child(2):last-child) ul{grid-template-columns:repeat(2,150px)}.end-card:has(li:nth-child(3):last-child) ul{grid-template-columns:repeat(3,150px)}.end-card li button{width:100%;display:grid;gap:6px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.end-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--surface-2);overflow:hidden}.end-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.end-thumb i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2ee6c5b3;opacity:0;transition:opacity .15s}.end-card li button:hover .end-thumb i,.end-card li button:focus-visible .end-thumb i{opacity:1}.end-card li button:hover .end-thumb img{transform:scale(1.05)}.end-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:600;line-height:1.3}@media (max-width: 1100px){.end-card ul,.end-card:has(li:nth-child(3):last-child) ul{grid-template-columns:repeat(2,130px)}.end-card li:nth-child(n+3){display:none}}@media (max-width: 760px){.end-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}.end-card li:nth-child(n+3){display:none}}.skip-wrap{position:relative;display:inline-flex}.vote-prompt{position:absolute;z-index:5;right:-8px;bottom:calc(100% + 10px);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;white-space:nowrap;background:var(--bg-deeper);border:1px solid var(--music);box-shadow:0 10px 30px #00000080,0 0 24px #2ee6c54d;font-size:13px;animation:toast-in .18s ease-out}.vote-prompt:after{content:"";position:absolute;right:24px;top:100%;border:7px solid transparent;border-top-color:var(--music)}.vote-prompt b{color:var(--live)}.vote-prompt .btn{height:30px;padding:0 12px;font-size:13px}@media (max-width: 560px){.vote-prompt{right:50%;transform:translate(50%);white-space:normal;width:min(320px,calc(100vw - 32px))}.vote-prompt:after{right:calc(50% - 7px)}}.q-item.can-move{grid-template-columns:34px 56px minmax(0,1fr) auto auto}.q-grip{display:flex;align-items:center;justify-content:flex-end;gap:2px;height:32px;padding:0;border:0;background:transparent;color:var(--text-faint);cursor:grab;touch-action:none}.q-grip svg{opacity:.35;transition:opacity .12s}.q-item:hover .q-grip svg,.q-grip:focus-visible svg{opacity:1}.q-grip:active{cursor:grabbing}.queue ol.is-dragging .q-item{transition:transform .15s ease;-webkit-user-select:none;user-select:none}.queue ol.is-dragging .q-item.is-dragged{z-index:5;transition:none;background:var(--surface-2);box-shadow:0 10px 28px #00000080;outline:1px solid var(--music)}@media (hover: none){.q-grip svg{opacity:.8}}.perm-table{display:grid;gap:2px;margin:0}.perm-table div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;padding:9px 12px;background:var(--surface);font-size:13px}.perm-table dt{color:var(--text-muted)}.perm-table dd{margin:0;font-weight:600}@media (max-width: 900px){.video-bar{padding:6px 16px 4px}}.size-picker{display:inline-flex;border:1px solid var(--line);background:var(--bg-deep)}.size-picker button{height:30px;padding:0 10px;border:0;background:transparent;color:var(--text-muted);font:600 12px/1 var(--font);cursor:pointer}.size-picker button+button{border-left:1px solid var(--line)}.size-picker button:hover{color:var(--text)}.size-picker button.on{background:var(--music);color:var(--music-ink)}@media (min-width: 901px){html.video-max .room-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"main"}html.video-max .room-left,html.video-max .room-right{display:none}html.video-max .player-frame{max-height:calc(100vh - var(--topbar-h) - 150px)}html.video-max .toasts{right:16px}}.np-controls .mode-btn{width:36px;height:36px}.np-controls .mode-btn.is-on{color:var(--live);position:relative}.np-controls .mode-btn.is-on:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--live)}.mode-tags{display:inline-flex;gap:4px;margin-left:auto}.mode-tags span{padding:1px 6px;background:var(--live-tint);color:var(--live);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.room-left .queue{min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:8px}.q-now{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;margin:0 8px 6px;padding:8px;background:linear-gradient(90deg,#2ee6c538,#2ee6c514);border-left:2px solid var(--live)}.q-now-art{position:relative;width:56px;height:32px;background:var(--surface-2)}.q-now-art img{display:block;width:56px;height:32px;object-fit:cover;opacity:.55}.q-now-art .eq{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.q-now .q-sub{color:var(--live)}.room-right .participants{flex:none}.side-add{margin-left:auto;width:26px;height:26px;background:transparent;border-color:transparent;color:var(--text-muted)}.side-add:hover:not(:disabled){color:var(--music-ink);background:var(--music)!important}.pl-text{min-width:0;display:grid;line-height:1.3}.pl-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-text small{color:var(--text-faint);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-playlists{padding:8px 28px 28px}.rpl-head{display:flex;align-items:center;gap:6px;padding:8px 0 10px}.rpl-head>svg{color:var(--music)}.rpl-head h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.rpl-actions{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}.rpl-new{height:32px;padding:0 12px;font-size:13px}.rpl-skeleton{height:52px}.rpl-list{list-style:none;margin:0;padding:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line-soft)}.rpl-item{--uc: var(--text-faint);display:flex;align-items:center;gap:8px;padding-right:10px;background:color-mix(in srgb,var(--uc) 13%,var(--bg-deep));box-shadow:inset 4px 0 0 var(--uc);transition:background-color .12s}.rpl-item+.rpl-item{border-top:1px solid var(--line)}.rpl-item:hover{background:color-mix(in srgb,var(--uc) 20%,var(--bg-deep))}.rpl-item.is-selected{background:color-mix(in srgb,var(--uc) 28%,var(--bg-deep))}.rpl-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 6px 10px 16px;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.rpl-open .pl-text strong{font-size:14px}.rpl-open .pl-text small{font-size:12px;color:var(--text-muted)}.rpl-cover{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--uc);color:var(--sc-night)}.rpl-item.is-active .pl-text strong{color:var(--live)}.rpl-play{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--text-muted)}.rpl-item:hover .rpl-play:not(:disabled){background:var(--music);color:var(--music-ink)}.open-pl{--uc: var(--text-faint);flex:0 1 auto;max-height:58%;margin:12px 8px 4px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);box-shadow:inset 0 3px 0 var(--uc)}.open-pl-head{display:flex;align-items:center;gap:10px;padding:12px 8px 8px 10px;background:color-mix(in srgb,var(--uc) 16%,var(--surface))}.open-pl-head .pl-text strong{font-size:14px}.open-pl-close{margin-left:auto;flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}.open-pl .pl-body{flex:1;min-height:0;display:flex;flex-direction:column}.open-pl .pl-songs{max-height:none;flex:1;min-height:0}.pl-body{padding:4px 6px 8px;background:var(--surface)}.pl-cmds{display:flex;align-items:center;gap:4px;padding-bottom:6px;border-bottom:1px solid var(--line-soft)}.pl-cmds .icon-btn{width:30px;height:30px}.pl-cmds .icon-btn.is-primary{background:var(--music);border-color:var(--music);color:var(--music-ink)}.pl-mode{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 8px;font-size:12px}.pl-mode.is-on{color:var(--live)}.pl-state{color:var(--text-faint);font-size:11px}.pl-manage{margin-left:auto;font-size:12px}.pl-empty{margin:8px 2px 0}.pl-songs{list-style:none;margin:4px 0 0;padding:0;max-height:320px;overflow-y:auto}.pl-songs li{display:grid;grid-template-columns:20px 40px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:4px 2px}.pl-songs li:hover{background:var(--surface-2)}.pl-songs li.is-now .pl-text strong{color:var(--live)}.pl-songs img{width:40px;height:23px;object-fit:cover;background:var(--surface-2)}.pl-num{color:var(--text-faint);font-size:11px;text-align:right}.pl-song-play{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}.pl-songs li:hover .pl-song-play:not(:disabled){background:var(--music);color:var(--music-ink)}.save-list button .share-check{flex:none;display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--line);color:#fff}.save-list button.is-on .share-check{background:var(--live);border-color:var(--live)}.pl-import{max-width:520px}.my-pl-new+.pl-import{margin-bottom:12px}.gpl-open{margin-bottom:12px}.gpl{display:grid;gap:10px;max-width:520px;margin-bottom:16px;padding:12px;background:var(--surface);border:1px solid var(--line)}.gpl-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.gpl-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:320px;overflow-y:auto}.gpl-list label{display:grid;grid-template-columns:auto 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;cursor:pointer}.gpl-list img,.gpl-thumb{width:48px;height:36px;object-fit:cover;background:var(--line)}.gpl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpl-list small{color:var(--text-muted)}.gpl>.btn{justify-self:start}.pl-title{font-family:var(--font-display);font-size:20px;font-weight:600;text-transform:none;letter-spacing:-.01em;color:var(--text)}.drawer-section .pl-title{color:var(--text);font-size:20px;letter-spacing:-.01em;text-transform:none}.pl-head{display:grid;gap:10px}.pl-head .btn{height:36px}.pl-tracks{list-style:none;margin:0;padding:0;display:grid;gap:2px}.pl-track{display:grid;grid-template-columns:56px minmax(0,1fr) auto 22px;align-items:center;gap:10px;padding:6px;background:var(--surface)}.pl-track img{width:56px;height:32px;object-fit:cover;background:var(--surface-2)}.pl-track:not(:has(.sugg-add)){grid-template-columns:56px minmax(0,1fr) 22px}.save-track{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center}.save-track img{width:80px;height:45px;object-fit:cover;background:var(--surface-2)}.save-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.save-list button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:var(--surface);color:var(--text);font:600 14px/1.3 var(--font);text-align:left;cursor:pointer}.save-list button span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-list button small{color:var(--text-faint);font-size:12px;font-weight:500}.save-list button:hover:not(:disabled){background:var(--surface-2)}.save-list button:disabled{cursor:default;opacity:.7}.save-list button.is-on{box-shadow:inset 2px 0 0 var(--live)}.save-list button.is-on small{color:var(--live)}.save-list .save-new{color:var(--music-hi);background:transparent;border:1px dashed var(--line)}.save-list form{padding-top:6px}.my-pl-new{max-width:520px;margin-bottom:12px}.pl-card{border:0;border-top:2px solid var(--line);color:var(--text);text-align:left;font:inherit;cursor:pointer}.pl-card .room-card-top svg{color:var(--music-hi);flex:none}.pl-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;min-height:0}.pl-thumbs img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-3)}@media (max-width: 1199px){.room-right{max-height:none}}@media (max-width: 900px){.room-left .queue{max-height:none}.room-left .sugg-list{max-height:420px}}@media (max-width: 900px){.open-pl{max-height:none}.open-pl .pl-songs{max-height:360px}.room-playlists{padding:8px 16px 20px}}.pm-open{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:38px}.pm-open-count{min-width:20px;padding:1px 6px;font-size:11px;background:var(--music-tint);color:var(--music-hi)}.pm-main{max-width:1180px}.pm-head{flex-wrap:wrap}.pm-head-icon{flex:none;display:grid;place-items:center;width:72px;height:72px;color:var(--music-ink);background:var(--sc-gradient-music);box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--music)}.pm-head-text{min-width:0;display:grid;gap:6px;justify-items:start}.pm-head-text .role-badge{text-transform:none;letter-spacing:0}.pm-tabs{margin-left:auto;align-self:center}.pm-tabs button{height:38px;padding:0 18px}.pm-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}.pm-list{display:grid;gap:10px;position:sticky;top:0}.pm-save-queue{justify-self:start;font-size:13px}.pm-save-queue:disabled{opacity:.5;cursor:default}.pm-search{width:100%;height:36px}.pm-filter{flex-wrap:wrap}.pm-filter button{padding:0 8px}.pm-items{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:56vh;overflow-y:auto}.pm-item{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border:0;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .12s}.pm-item:hover{background:var(--surface-3)}.pm-item.is-on{background:linear-gradient(90deg,#2ee6c53d,#2ee6c50f);box-shadow:inset 2px 0 0 var(--live)}.pm-mosaic{flex:none;display:grid;grid-template-columns:1fr 1fr;place-items:center;width:48px;height:48px;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--sc-violet),var(--sc-indigo))}.pm-mosaic.personal{background:linear-gradient(135deg,var(--sc-live),var(--sc-violet))}.pm-mosaic:has(img:only-child){grid-template-columns:1fr}.pm-mosaic img{width:100%;height:100%;object-fit:cover}.pm-mosaic svg{grid-column:1 / -1}.pm-detail{min-width:0}.pm-empty{display:grid;justify-items:center;gap:12px;padding:48px 16px;color:var(--text-faint);text-align:center}.pm-editor{display:grid;gap:14px}.pm-editor-head{display:grid;gap:8px}.pm-editor-head .pl-title{display:flex;align-items:center;gap:8px;font-size:24px}.pm-rename{width:30px;height:30px;background:transparent;border-color:transparent;color:var(--text-muted)}.pm-actions{flex-wrap:wrap;gap:8px}.pm-actions .btn{height:36px;display:inline-flex;align-items:center;gap:6px;font-size:13px}.pm-add .btn{display:inline-flex;align-items:center;gap:6px}.pm-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pm-tools .pm-search{flex:1;min-width:180px;width:auto}.pm-pick-all{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer}.pm-remove-picked,.pm-delete{display:inline-flex;align-items:center;gap:6px;height:34px;font-size:13px}.pm-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 12px;background:color-mix(in srgb,var(--red) 12%,transparent);border-left:3px solid var(--red);font-size:14px;font-weight:600}.pm-confirm .btn{height:32px}.pm-tracks{list-style:none;margin:0;padding:0;display:grid;gap:2px}.pm-track{display:grid;grid-template-columns:18px 24px 64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;background:var(--surface-2)}.pm-track:hover{background:var(--surface-3)}.pm-track.is-picked{box-shadow:inset 2px 0 0 var(--red)}.pm-pos{color:var(--text-faint);font-size:12px;font-weight:700;text-align:right}.pm-track img{width:64px;height:36px;object-fit:cover;background:var(--surface-3)}.pm-track-actions{display:inline-flex;align-items:center;gap:4px}.pm-track-actions .icon-btn{width:28px;height:28px;background:transparent;border-color:transparent;color:var(--text-muted)}.pm-track-actions .icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface)}.pm-track-actions .pm-del:hover:not(:disabled){color:var(--red)}.pm-queue-one{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:4px;font-size:12px}.pm-danger{padding-top:12px;border-top:1px solid var(--line-soft)}.pm-queue .queue ol{max-height:none}.pm-queue .side-head{padding-left:0}@media (max-width: 900px){.pm-grid{grid-template-columns:1fr}.pm-list{position:static}.pm-items{max-height:260px}.pm-tabs{margin-left:0}}@media (max-width: 560px){.pm-head-icon{width:52px;height:52px}.pm-track{grid-template-columns:18px 48px minmax(0,1fr)}.pm-pos{display:none}.pm-track img{width:48px;height:27px}.pm-track-actions{grid-column:2 / -1;justify-content:flex-end}}.pm-editor input[type=checkbox]{width:16px;height:16px;margin:0;padding:0;accent-color:var(--music);cursor:pointer}@media (min-width: 1200px){.room-topbar .channel-name{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);max-width:34vw;justify-content:center}}@media (min-width: 901px) and (max-width: 1199px){.room-topbar .channel-name{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);max-width:28vw}}.stage{flex:none;position:relative}.stage:not([data-mode=music]){display:grid;height:clamp(320px,calc(100vh - var(--topbar-h) - 300px),640px);background:var(--sc-night);border-bottom:1px solid var(--sc-line)}.stage:not([data-mode=music])>.stage-pane{min-width:0;min-height:0;overflow:hidden;container:pane / inline-size}.stage[data-mode=split][data-dir=h]{grid-auto-flow:column;grid-template-rows:minmax(0,1fr)}.stage[data-mode=split][data-dir=v]{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.stage[data-mode=stream],.stage[data-mode=mini]{grid-template:minmax(0,1fr) / minmax(0,1fr)}.stage[data-mode=stream]>.stage-pane,.stage[data-mode=mini]>.stream-pane{grid-area:1 / 1}.stage:not([data-mode=music])>.stage-music{display:flex;flex-direction:column}.stage[data-mode=stream]>.stage-music{display:none}.stage:not([data-mode=music]) .player-stage{flex:1;min-height:0;display:flex;flex-direction:column}.stage:not([data-mode=music]) .player-area,.stage:not([data-mode=music]) .player-area.is-compact{flex:1;min-height:0;display:flex;padding:0;gap:0;border:0;background:none}.stage:not([data-mode=music]) .player-area .player-frame,.stage:not([data-mode=music]) .player-area.is-compact .player-frame{flex:1;width:100%;height:auto;min-width:0;min-height:0;max-height:none;aspect-ratio:auto}.stage:not([data-mode=music]) .player-compact-info{display:none}.stage:not([data-mode=music]) .video-bar{flex:none;padding-left:16px;padding-right:16px}.stage-bar{flex:none;display:flex;align-items:center;gap:10px;min-width:0;height:40px;padding:0 8px 0 14px;background:var(--sc-surface);border-bottom:1px solid var(--sc-line);font-size:13px}.stage-bar-title{display:inline-flex;align-items:center;gap:8px;margin-right:auto;color:var(--music-hi);font-weight:700}.stage-bar-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--music)}.stage-bar-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);background:transparent;color:var(--sc-text);font:600 12px/1 var(--font);cursor:pointer;transition:background-color .12s,border-color .12s}.stage-bar-btn:hover{background:var(--sc-surface-2);border-color:var(--sc-text-faint)}.stage-bar-btn.is-icon{width:30px;padding:0}.stage[data-mode=mini]>.stage-music{position:absolute;z-index:6;right:12px;bottom:12px;width:min(356px,calc(100% - 24px));height:auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--sc-mint) 55%,var(--sc-line));border-radius:var(--sc-radius-sm);box-shadow:0 10px 34px #0000008c;background:var(--sc-night)}.stage[data-mode=mini] .stage-music .stage-bar{height:40px}.stage[data-mode=mini] .stage-music .stage-bar-title{display:none}.stage[data-mode=mini] .stage-music .stage-bar-btn{margin-left:auto}.stage[data-mode=mini] .stage-music .player-stage,.stage[data-mode=mini] .stage-music .player-area{flex:none}.stage[data-mode=mini] .stage-music .player-area .player-frame{flex:none;height:200px}.stage[data-mode=mini] .stage-music .video-bar,.stage[data-mode=mini] .stage-music .size-picker,.stage[data-mode=mini] .stage-music .end-card,.stage[data-mode=mini] .stage-music .player-ad-note{display:none}.stage[data-mode=mini] .stage-music .player-unlock{padding:8px 12px}.stage[data-mode=mini] .stage-music .player-unlock small{display:none}.stage-divider{position:relative;z-index:4;display:grid;place-items:center;background:var(--sc-surface);border-left:1px solid var(--sc-line);border-right:1px solid var(--sc-line);cursor:col-resize;touch-action:none;outline:none}.stage[data-dir=v] .stage-divider{border:0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.stage-divider:before{content:"";position:absolute;top:0;right:-8px;bottom:0;left:-8px}.stage-divider i{width:4px;height:44px;border-radius:4px;background:var(--sc-text-faint);transition:background-color .12s,height .12s}.stage-divider:hover i,.stage-divider:focus-visible i,.stage-divider.is-dragging i{height:72px;background:var(--sc-action)}.stage[data-dir=v] .stage-divider{cursor:row-resize}.stage[data-dir=v] .stage-divider:before{top:-8px;right:0;bottom:-8px;left:0}.stage[data-dir=v] .stage-divider i{width:44px;height:4px}.stage[data-dir=v] .stage-divider:hover i,.stage[data-dir=v] .stage-divider:focus-visible i,.stage[data-dir=v] .stage-divider.is-dragging i{width:72px;height:4px}html.stage-dragging,html.stage-dragging *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}html.stage-dragging .stage[data-dir=v],html.stage-dragging .stage[data-dir=v] *{cursor:row-resize!important}html.stage-dragging .stage-pane{pointer-events:none}.stream-pane{display:flex;flex-direction:column;background:var(--sc-night)}.stream-bar{border-bottom-color:color-mix(in srgb,var(--sc-violet) 45%,var(--sc-line))}.stream-bar>img{flex:none}.stream-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.stream-bar-gap{flex:1 1 0;min-width:0}.stream-view{position:relative;flex:1;min-height:0;background:var(--sc-night)}.stream-view video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--sc-night)}.stream-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:16px;text-align:center;color:var(--sc-text-muted);font-size:14px;pointer-events:none}.stream-unlock{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--sc-violet);color:#fff;font:700 14px/1 var(--font);cursor:pointer;box-shadow:0 0 0 6px var(--stream-tint),0 8px 24px #00000080}.stream-unlock:hover{background:color-mix(in srgb,var(--sc-violet) 78%,#fff)}.stream-pane:fullscreen{width:100vw;height:100vh;background:#000}.stream-live{flex:none;display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 6px;border-radius:4px;background:var(--sc-live);color:#fff;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1}.stream-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:stream-blink 1.6s ease-in-out infinite}@keyframes stream-blink{50%{opacity:.35}}.svol{flex:none;display:flex;align-items:center;gap:6px}.svol-btn{width:30px;height:30px;border-color:transparent;background:transparent;color:var(--sc-text-muted)}.svol-btn:hover{color:var(--sc-text)}.svol-btn[aria-pressed=true]{color:var(--amber)}.svol-value{min-width:34px;font-size:11px;font-weight:700;color:var(--sc-text-muted);text-align:right}.svol-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:110px;height:20px;margin:0;background:transparent;cursor:pointer}.svol-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,transparent var(--pct),var(--surface-3) var(--pct)),var(--sc-violet)}.svol-range::-moz-range-track{height:4px;background:linear-gradient(to right,transparent var(--pct),var(--surface-3) var(--pct)),var(--sc-violet)}.svol-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #9b4df566}.svol-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #9b4df566}.participants li.has-stream{flex-wrap:wrap;height:auto;min-height:44px;padding-top:6px;padding-bottom:10px;row-gap:8px}.participants li.has-stream>.p-avatar,.participants li.has-stream>.p-who{align-self:center}.p-tag.p-app{background:var(--stream-tint);color:color-mix(in srgb,var(--sc-violet) 60%,#fff)}.p-stream-note{margin:0;padding:0 16px 8px;color:var(--sc-text-faint);font-size:12px;line-height:1.4}.stream-thumb{position:relative;flex:0 0 100%;display:block;padding:0;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--sc-violet);border-radius:var(--sc-radius-sm);background:var(--sc-surface-2);color:#fff;cursor:pointer;transition:box-shadow .12s,border-color .12s}.stream-thumb:hover,.stream-thumb:focus-visible{box-shadow:0 0 0 3px var(--stream-tint)}.stream-thumb.is-open{box-shadow:0 0 0 2px var(--sc-violet),0 0 18px #9b4df573}.stream-thumb video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.stream-thumb .stream-live{position:absolute;top:6px;left:6px}.stream-thumb-icon{position:absolute;right:6px;bottom:6px;width:22px;height:22px;padding:3px;border-radius:6px;background:#0b0a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-thumb-action{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0a1280;font-size:13px;font-weight:700;opacity:0;transition:opacity .12s}.stream-thumb:hover .stream-thumb-action,.stream-thumb:focus-visible .stream-thumb-action{opacity:1}@media (hover: none){.stream-thumb-action{display:none}}@container pane (max-width: 520px){.svol-value{display:none}.svol-range{width:72px}}@container pane (max-width: 380px){.stream-bar{flex-wrap:wrap;height:auto;padding:6px 8px 6px 12px;row-gap:2px}.stream-bar .svol{order:5;flex:1 0 100%}.stream-bar .svol-range{flex:1;width:auto}}@container pane (max-width: 300px){.stage-music .stage-bar-title{display:none}.stage-music .stage-bar{justify-content:flex-end}}@container pane (max-width: 200px){.stage-music .stage-bar-btn:not(.is-icon){font-size:0;gap:0;width:30px;padding:0}}@media (max-width: 899px){.stage[data-mode=split]{height:clamp(440px,130vw,760px)}.stage[data-mode=stream],.stage[data-mode=mini]{height:max(240px,calc(56.25vw + 42px))}.stage[data-mode=mini]{height:calc(56.25vw + 270px);grid-template:minmax(0,1fr) auto / minmax(0,1fr)}.stage[data-mode=mini]>.stage-music{position:relative;grid-area:2 / 1;right:auto;bottom:auto;margin:12px;justify-self:end}.stage-bar{padding-left:12px}}@media (max-width: 480px){.stage-bar-btn:not(.is-icon){padding:0 8px}}