.panel.svelte-6odjje{padding:var(--space-6);background:var(--accent-wash);min-height:100%}.row.svelte-6odjje{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.search-icon.svelte-6odjje{left:var(--space-4);z-index:1;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.results-heading.svelte-6odjje{margin-top:var(--space-6);justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.results.svelte-6odjje{margin-top:var(--space-2)}.result-row.svelte-6odjje{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft-mix);grid-template-columns:96px minmax(0,1fr) auto;display:grid}.result-row.svelte-6odjje:last-child{border-bottom:0}.art.svelte-6odjje{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-surface);width:96px;position:relative;overflow:hidden}.result-row.svelte-6odjje img:where(.svelte-6odjje),.art-fb.svelte-6odjje{object-fit:cover;background:var(--color-surface);width:100%;height:100%;display:block}.dur.svelte-6odjje{border-radius:var(--radius-sm);background:var(--duration-badge-bg);color:var(--accent-ink);padding:1px 4px;font-size:.6rem;font-weight:500;line-height:1.4;position:absolute;bottom:3px;right:3px}.result-body.svelte-6odjje{min-width:0}.result-body.svelte-6odjje h3:where(.svelte-6odjje){color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;margin:0 0 2px;font-weight:500;line-height:1.3;overflow:hidden}.result-body.svelte-6odjje p:where(.svelte-6odjje){color:var(--text-muted);font-size:var(--text-xs);margin:0;font-weight:400;line-height:1.35}.sep.svelte-6odjje{opacity:.4}.empty.svelte-6odjje{align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;font-weight:400;display:flex}@media (width<=720px){.panel.svelte-6odjje{padding:var(--space-4)}.row.svelte-6odjje{grid-template-columns:1fr}.search-icon.svelte-6odjje{top:var(--space-3);transform:none}.result-row.svelte-6odjje{gap:var(--space-2);grid-template-columns:72px minmax(0,1fr) auto}}.empty-room.svelte-1nnbqbt{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);background:var(--color-surface);text-align:center}.empty-room.svelte-1nnbqbt span:where(.svelte-1nnbqbt){min-height:30px;margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-2);background:var(--color-surface-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;font-weight:500;display:inline-flex}.error.svelte-axlyfi{box-sizing:border-box;border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft);width:min(1500px,100% - 32px);color:var(--danger);font-size:var(--text-sm);overflow-wrap:anywhere;margin:14px auto;padding:12px 14px;font-weight:750}.logo.svelte-c1cjq{color:var(--text);align-items:center;gap:10px;display:inline-flex}svg.svelte-c1cjq{width:40px;height:32px;color:var(--accent)}rect.svelte-c1cjq,path.svelte-c1cjq{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linejoin:round}path.svelte-c1cjq:first-of-type{fill:currentColor;stroke:none}strong.svelte-c1cjq{color:var(--text);letter-spacing:0;font-size:1.55rem;font-weight:850}strong.svelte-c1cjq span:where(.svelte-c1cjq):nth-child(2){color:var(--accent)}.compact.svelte-c1cjq svg:where(.svelte-c1cjq){width:30px;height:24px}.gate.svelte-ff1dtl{min-height:100vh;padding:var(--space-6);background:var(--bg);align-content:start;justify-items:center;gap:40px;display:grid}.brand.svelte-ff1dtl{color:var(--text);justify-self:start;text-decoration:none;display:inline-flex}.room-id.svelte-ff1dtl{font-size:var(--text-xs);justify-self:start;gap:2px;font-weight:500;display:inline-grid}.room-id.svelte-ff1dtl span:where(.svelte-ff1dtl){color:var(--text-muted)}.room-id.svelte-ff1dtl strong:where(.svelte-ff1dtl){color:var(--text);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:.06em}.join-copy.svelte-ff1dtl{gap:var(--space-1);text-align:center;display:grid}h1.svelte-ff1dtl{color:var(--text);font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.1}p.svelte-ff1dtl{color:var(--text-muted);font-size:var(--text-sm);margin:0;font-weight:400;line-height:1.45}.row.svelte-ff1dtl{gap:var(--space-3);margin-top:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}@media (width<=540px){.gate.svelte-ff1dtl{padding:var(--space-4);gap:28px}.row.svelte-ff1dtl{grid-template-columns:1fr}}.landing.svelte-kob3s9{min-height:100vh;padding:0 0 var(--space-16);background:var(--bg);color:var(--text);align-content:start;justify-items:center;display:grid}.nav.svelte-kob3s9{justify-content:space-between;align-items:center;width:min(960px,100% - 96px);min-height:64px;display:flex}.brand.svelte-kob3s9{color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.hero.svelte-kob3s9{gap:var(--space-6);width:min(960px,100% - 96px);padding-top:var(--space-12);display:grid}h1.svelte-kob3s9{letter-spacing:-.02em;max-width:14ch;margin:0;font-size:3.5rem;font-weight:650;line-height:1.08}.sub.svelte-kob3s9{color:var(--text-muted);font-size:var(--text-lg);max-width:52ch;margin:0;font-weight:400;line-height:1.55}.form-grid.svelte-kob3s9{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.cta.svelte-kob3s9{gap:var(--space-2);display:grid}label.svelte-kob3s9{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.field-row.svelte-kob3s9{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.demo.svelte-kob3s9{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid color-mix(in oklch, var(--accent) 12%, var(--border));border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:var(--accent-wash);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;font-weight:400;line-height:1.5;display:flex}.demo.svelte-kob3s9 strong:where(.svelte-kob3s9){color:var(--text);font-weight:500}.demo.svelte-kob3s9 code:where(.svelte-kob3s9){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--color-blue-muted);border-radius:var(--radius-sm);padding:1px 5px}.demo-btns.svelte-kob3s9{gap:var(--space-2);display:flex}.steps.svelte-kob3s9{width:min(960px,100% - 96px);margin-top:var(--space-12);text-align:center}.steps.svelte-kob3s9 h2:where(.svelte-kob3s9){margin:0 0 var(--space-6);font-size:var(--text-xl);font-weight:600}.steps-row.svelte-kob3s9{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.steps-row.svelte-kob3s9 article:where(.svelte-kob3s9){justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--color-surface);display:grid}.step-icon.svelte-kob3s9{border-radius:var(--radius-md);background:var(--accent-wash);width:48px;height:48px;color:var(--accent);place-items:center;display:grid}.steps-row.svelte-kob3s9 strong:where(.svelte-kob3s9){font-size:var(--text-md);font-weight:600}.steps-row.svelte-kob3s9 span:where(.svelte-kob3s9){font-size:var(--text-sm);color:var(--text-muted);font-weight:400;line-height:1.45}@media (width<=720px){.nav.svelte-kob3s9{padding:var(--space-3) 0;width:min(100% - var(--space-8), 960px);flex-direction:row;justify-content:space-between;align-items:center}.hero.svelte-kob3s9{width:min(100% - var(--space-8), 960px);padding-top:var(--space-6);gap:var(--space-4)}h1.svelte-kob3s9{font-size:2rem}.sub.svelte-kob3s9{font-size:var(--text-base)}.form-grid.svelte-kob3s9{gap:var(--space-4);grid-template-columns:1fr}.field-row.svelte-kob3s9,.demo.svelte-kob3s9{grid-template-columns:1fr}.demo-btns.svelte-kob3s9{flex-direction:column;width:100%}.demo-btns.svelte-kob3s9 button:where(.svelte-kob3s9){width:100%}.steps.svelte-kob3s9{width:min(100% - var(--space-8), 960px)}.steps-row.svelte-kob3s9{grid-template-columns:1fr}.steps-row.svelte-kob3s9 article:where(.svelte-kob3s9){text-align:left;padding:var(--space-5);justify-items:start;gap:0 var(--space-4);grid-template-columns:48px 1fr}.step-icon.svelte-kob3s9{grid-row:1/span 2}}.player.svelte-1w7szji{background:color-mix(in oklch, var(--bg) 90%, var(--color-surface));border-top:1px solid var(--border);padding:0 max(var(--space-6), calc((100vw - 1510px) / 2)) var(--space-3);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.active.svelte-1w7szji{border-top-color:color-mix(in oklch, var(--accent) 20%, var(--border))}.seek.svelte-1w7szji{padding:var(--space-2) 0}.seek-track.svelte-1w7szji{border-radius:var(--radius-full);background:var(--color-surface-2);height:4px;position:relative;overflow:hidden}.seek-fill.svelte-1w7szji{background:var(--accent);border-radius:var(--radius-full);pointer-events:none;z-index:0;height:100%;position:absolute;top:0;left:0}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji){z-index:1;appearance:none;cursor:default;background:0 0;width:100%;height:4px;margin:0;position:relative}.can-seek.svelte-1w7szji input:where(.svelte-1w7szji){cursor:pointer}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji)::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--text);opacity:0;width:12px;height:12px;transition:opacity var(--fast) ease-out;border:0}.seek.svelte-1w7szji:hover input:where(.svelte-1w7szji)::-webkit-slider-thumb{opacity:1}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji):focus::-webkit-slider-thumb{opacity:1}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji)::-moz-range-thumb{border-radius:var(--radius-full);background:var(--text);opacity:0;width:12px;height:12px;transition:opacity var(--fast) ease-out;border:0}.seek.svelte-1w7szji:hover input:where(.svelte-1w7szji)::-moz-range-thumb{opacity:1}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji):focus::-moz-range-thumb{opacity:1}.inner.svelte-1w7szji{align-items:center;gap:var(--space-6);grid-template-columns:minmax(160px,1fr) auto minmax(140px,1fr);min-height:64px;display:grid}.info.svelte-1w7szji{align-items:center;gap:var(--space-3);grid-template-columns:48px minmax(0,1fr);min-width:0;display:grid}.art.svelte-1w7szji{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-surface);width:48px;overflow:hidden}.art.svelte-1w7szji img:where(.svelte-1w7szji){object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.art-fb.svelte-1w7szji{width:100%;height:100%;color:var(--accent);justify-content:center;align-items:center;display:flex}.text.svelte-1w7szji{min-width:0}.title-text.svelte-1w7szji{color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;line-height:1.25;overflow:hidden}.meta-text.svelte-1w7szji{color:var(--text-muted);font-size:var(--text-xs);margin:2px 0 0;font-weight:400;line-height:1.3}.controls.svelte-1w7szji{align-items:center;gap:var(--space-3);display:flex}.extra.svelte-1w7szji{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.volume-area.svelte-1w7szji{position:relative}.volume-backdrop.svelte-1w7szji{z-index:1;position:fixed;inset:0}.volume-popover.svelte-1w7szji{z-index:2;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-elevated);box-shadow:var(--popup-shadow);display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.volume-popover.svelte-1w7szji input:where(.svelte-1w7szji){width:80px;accent-color:var(--accent);cursor:pointer}.volume-popover.svelte-1w7szji span:where(.svelte-1w7szji){color:var(--text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;min-width:20px;font-weight:500}.timecode.svelte-1w7szji{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:400}@media (width<=640px){.inner.svelte-1w7szji{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.extra.svelte-1w7szji{display:none}.player.svelte-1w7szji{padding:0 var(--space-4) var(--space-2)}.inner.svelte-1w7szji{min-height:52px}.info.svelte-1w7szji{gap:var(--space-2);grid-template-columns:36px minmax(0,1fr)}.art.svelte-1w7szji{width:36px}.title-text.svelte-1w7szji{font-size:var(--text-xs)}.controls.svelte-1w7szji .ct-btn-icon{display:none}.seek-track.svelte-1w7szji,.seek-track.svelte-1w7szji input:where(.svelte-1w7szji){height:8px}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji)::-webkit-slider-thumb{opacity:1;width:18px;height:18px}.seek-track.svelte-1w7szji input:where(.svelte-1w7szji)::-moz-range-thumb{opacity:1;width:18px;height:18px}}.panel.svelte-14sah2x{padding:var(--space-6)}.head.svelte-14sah2x{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.list.svelte-14sah2x{display:grid}.row.svelte-14sah2x{align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--fast) ease-out;animation:ct-fade-up var(--mid) var(--ease-out) both;cursor:default;grid-template-columns:24px 96px minmax(0,1fr) auto;display:grid}.row.svelte-14sah2x:hover{background:var(--color-surface)}.pending.svelte-14sah2x{background:color-mix(in oklch, var(--warning) 8%, var(--bg))}.playing.svelte-14sah2x{background:var(--accent-wash)}.dragging.svelte-14sah2x{opacity:.4;z-index:2}.drag.svelte-14sah2x{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dragging.drag.svelte-14sah2x{cursor:grabbing}.index.svelte-14sah2x{text-align:center;color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:400}.art.svelte-14sah2x{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-surface);width:96px;position:relative;overflow:hidden}.art.svelte-14sah2x img:where(.svelte-14sah2x),.art-fb.svelte-14sah2x{object-fit:cover;background:var(--color-surface);width:100%;height:100%;display:block}.now-ol.svelte-14sah2x{background:var(--now-playing-overlay);color:var(--accent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cover-btn.svelte-14sah2x{background:var(--cover-btn-overlay);width:100%;height:100%;color:var(--accent-ink);cursor:pointer;opacity:0;transition:opacity var(--fast) ease-out;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.row.svelte-14sah2x:hover .cover-btn:where(.svelte-14sah2x),.row.svelte-14sah2x:focus-within .cover-btn:where(.svelte-14sah2x){opacity:1}.body.svelte-14sah2x{min-width:0}h3.svelte-14sah2x{color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;line-height:1.3;overflow:hidden}.meta.svelte-14sah2x{color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:3px;margin:3px 0 0;font-weight:400;line-height:1.35;display:flex}.sep.svelte-14sah2x{opacity:.4}.req.svelte-14sah2x{align-items:center;gap:3px;display:inline-flex}.acts.svelte-14sah2x{opacity:0;transition:opacity var(--mid) ease-out;align-items:center;gap:2px;display:flex}.row.svelte-14sah2x:hover .acts:where(.svelte-14sah2x),.row.svelte-14sah2x:focus-within .acts:where(.svelte-14sah2x){opacity:1}.empty.svelte-14sah2x{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;font-weight:400;line-height:1.5;display:flex}@media (width<=840px){.row.svelte-14sah2x{gap:var(--space-3);grid-template-columns:20px 80px minmax(0,1fr)}.art.svelte-14sah2x{width:80px}.acts.svelte-14sah2x{top:var(--space-3);right:var(--space-3);opacity:1;position:absolute}.body.svelte-14sah2x{padding-right:70px}}@media (width<=520px){.panel.svelte-14sah2x{padding:var(--space-4)}.row.svelte-14sah2x{gap:var(--space-2);grid-template-columns:18px 80px minmax(0,1fr)}.art.svelte-14sah2x{width:80px}}.loading-room.svelte-z6uohr{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--color-panel);display:grid}.loading-intro.svelte-z6uohr{border-bottom:1px solid var(--border-soft);padding:18px max(var(--space-lg), calc((100vw - 1510px) / 2));align-items:center;gap:12px;display:flex}.status-dot.svelte-z6uohr{border-radius:var(--radius-pill);background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 35%, transparent);animation:1.5s ease-out infinite svelte-z6uohr-pulse}h2.svelte-z6uohr,p.svelte-z6uohr{margin:0}h2.svelte-z6uohr{color:var(--text);font-size:var(--text-md);line-height:1.2}p.svelte-z6uohr{color:var(--muted);font-size:var(--text-xs);margin-top:3px;font-weight:700}.loading-workspace.svelte-z6uohr{grid-template-columns:minmax(430px,1.08fr) auto minmax(0,.92fr);min-height:calc(100vh - 294px);display:grid}.loading-pane.svelte-z6uohr{min-width:0;padding:var(--space-lg);align-content:start;gap:14px;display:grid}.surface-divider.svelte-z6uohr{background:var(--border);width:1px}.search-line.svelte-z6uohr{border-radius:var(--radius-lg);height:52px}.chip-row.svelte-z6uohr{gap:8px;display:flex;overflow:hidden}.chip.svelte-z6uohr{border-radius:var(--radius-md);flex:none;width:clamp(86px,18%,132px);height:36px}.section-label.svelte-z6uohr{border-radius:var(--radius-pill);width:120px;height:13px;margin-top:8px}.result-list.svelte-z6uohr,.queue-list.svelte-z6uohr{gap:8px;display:grid}.result-row.svelte-z6uohr,.queue-row.svelte-z6uohr{border-bottom:1px solid var(--border-soft);min-width:0;animation:.36s ease-out both svelte-z6uohr-row-in;animation-delay:var(--delay);align-items:center;gap:12px;padding:9px 0;display:grid}.result-row.svelte-z6uohr{grid-template-columns:32px 64px minmax(0,1fr) 58px}.queue-row.svelte-z6uohr{grid-template-columns:24px 64px minmax(0,1fr) 30px 42px}.queue-index.svelte-z6uohr{color:var(--muted);font-size:var(--text-xs);text-align:center;font-weight:800}.play-dot.svelte-z6uohr,.avatar.svelte-z6uohr,.control.svelte-z6uohr{border-radius:var(--radius-pill);width:28px;height:28px}.thumb.svelte-z6uohr,.player-thumb.svelte-z6uohr{aspect-ratio:16/9;border-radius:var(--radius-sm)}.copy.svelte-z6uohr,.player-copy.svelte-z6uohr{gap:7px;min-width:0;display:grid}.title-line.svelte-z6uohr,.meta-line.svelte-z6uohr,.button-line.svelte-z6uohr,.heading-line.svelte-z6uohr,.count-pill.svelte-z6uohr,.time-line.svelte-z6uohr,.player-title.svelte-z6uohr,.player-meta.svelte-z6uohr,.volume.svelte-z6uohr{border-radius:var(--radius-pill);display:block}.title-line.svelte-z6uohr{width:min(88%,340px);height:13px}.meta-line.svelte-z6uohr{width:min(54%,190px);height:10px}.button-line.svelte-z6uohr{border-radius:var(--radius-md);width:54px;height:34px}.queue-heading.svelte-z6uohr{align-items:center;gap:9px;display:flex}.heading-line.svelte-z6uohr{width:72px;height:16px}.count-pill.svelte-z6uohr{width:28px;height:20px}.time-line.svelte-z6uohr{width:38px;height:11px}.player-preview.svelte-z6uohr{border-top:1px solid var(--border);padding:16px max(var(--space-lg), calc((100vw - 1510px) / 2));background:var(--surface-overlay);grid-template-columns:70px minmax(0,1fr) auto minmax(80px,180px);align-items:center;gap:14px;display:grid}.player-title.svelte-z6uohr{width:min(280px,70%);height:14px}.player-meta.svelte-z6uohr{width:130px;height:11px}.transport.svelte-z6uohr{align-items:center;gap:14px;display:flex}.main-control.svelte-z6uohr{border-radius:var(--radius-pill);width:40px;height:40px}.volume.svelte-z6uohr{width:100%;height:4px}.skeleton.svelte-z6uohr{background:linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--text) 8%, transparent) 48%, transparent 100%) -140% 0 / 240% 100% no-repeat, var(--color-paper-3);animation:1.35s ease-in-out infinite svelte-z6uohr-shimmer}@keyframes svelte-z6uohr-shimmer{to{background-position:140% 0,0 0}}@keyframes svelte-z6uohr-pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}@keyframes svelte-z6uohr-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skeleton.svelte-z6uohr,.status-dot.svelte-z6uohr,.result-row.svelte-z6uohr,.queue-row.svelte-z6uohr{animation:none}}@media (width<=1120px){.loading-workspace.svelte-z6uohr{grid-template-columns:1fr;min-height:auto}.surface-divider.svelte-z6uohr,.queue-pane.svelte-z6uohr{display:none}}@media (width<=640px){.loading-intro.svelte-z6uohr,.loading-pane.svelte-z6uohr,.player-preview.svelte-z6uohr{padding-right:var(--space-md);padding-left:var(--space-md)}.result-row.svelte-z6uohr{grid-template-columns:54px minmax(0,1fr) 50px}.result-row.svelte-z6uohr .play-dot:where(.svelte-z6uohr){display:none}.player-preview.svelte-z6uohr{grid-template-columns:54px minmax(0,1fr) auto}.volume.svelte-z6uohr{display:none}}.topbar.svelte-1hm81ai{align-items:center;gap:var(--space-4);padding:var(--space-3) max(var(--space-6), calc((100vw - 1510px) / 2));background:var(--bg);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;display:grid}.topbar-left.svelte-1hm81ai{align-items:center;gap:var(--space-6);min-width:0;display:flex}.brand.svelte-1hm81ai{color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.room-info.svelte-1hm81ai{align-items:center;gap:var(--space-3);min-width:0;display:flex}.tv-indicator.svelte-1hm81ai{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:5px;min-width:0;font-weight:400;display:inline-flex;overflow:hidden}.tv-indicator.svelte-1hm81ai:before{content:"";border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:5px;height:5px}.connected.svelte-1hm81ai{color:var(--success)}.warning.svelte-1hm81ai{color:var(--warning)}.tv-name.svelte-1hm81ai{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-status.svelte-1hm81ai{white-space:nowrap}.participant-count-badge.svelte-1hm81ai{border:1px solid var(--bg);border-radius:var(--radius-full);background:var(--accent);min-width:15px;height:15px;color:var(--accent-ink);place-items:center;padding:0 3px;font-size:.55rem;font-weight:500;display:inline-grid;position:absolute;top:-4px;right:-4px}.menu-label.svelte-1hm81ai{padding:2px var(--space-1) 6px;color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.participant-row.svelte-1hm81ai{border-radius:var(--radius-sm);min-height:32px;color:var(--text);font-size:var(--text-xs);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 5px;font-weight:500;display:grid}.participant-row.svelte-1hm81ai span:where(.svelte-1hm81ai):nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participant-row.svelte-1hm81ai em:where(.svelte-1hm81ai){color:var(--text-muted);font-size:var(--text-xs);font-style:normal;font-weight:400}.kick-guest-btn.svelte-1hm81ai:hover:not(:disabled){color:var(--danger)!important;background:var(--color-red-muted)!important}.topbar-right.svelte-1hm81ai{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=720px){.topbar.svelte-1hm81ai{gap:var(--space-2);padding:var(--space-2) var(--space-4);grid-template-columns:1fr}.topbar-left.svelte-1hm81ai{justify-content:space-between;align-items:center;display:flex}.room-info.svelte-1hm81ai{justify-content:flex-end}.topbar-right.svelte-1hm81ai{justify-content:flex-end;gap:var(--space-2)}.tv-indicator.svelte-1hm81ai{max-width:60%}}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}button,a,input,select{outline-offset:2px;outline:2px solid #0000}button:disabled,input:disabled,select:disabled{border-color:var(--border);background:var(--disabled);color:var(--muted);cursor:not-allowed}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--focus)}button:active:not(:disabled),a:active{transform:translateY(1px)}.shell.svelte-1uha8ag{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.landing-shell.svelte-1uha8ag{background:var(--bg)}.content.svelte-1uha8ag{flex-direction:column;flex:1;min-height:0;display:flex}.landing-shell.svelte-1uha8ag .content:where(.svelte-1uha8ag){width:100%;padding:0;display:block}.room-surface.svelte-1uha8ag{border-top:1px solid var(--border);flex-direction:column;flex:1;display:flex}.room-workspace.svelte-1uha8ag{flex:1;grid-template-columns:minmax(380px,1.05fr) 1px minmax(0,.95fr);display:grid}.search-pane.svelte-1uha8ag,.queue-pane.svelte-1uha8ag{min-width:0}.surface-divider.svelte-1uha8ag{background:var(--border-soft-mix)}.skip-link.svelte-1uha8ag{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link.svelte-1uha8ag:focus{z-index:100;clip:auto;white-space:normal;border:2px solid var(--focus);border-radius:var(--radius-md);background:var(--bg);width:auto;height:auto;color:var(--text);font-size:var(--text-sm);padding:10px 18px;font-weight:750;text-decoration:none;position:fixed;top:8px;left:8px;overflow:visible}.mobile-tabs.svelte-1uha8ag{display:none}.player-bar.svelte-1uha8ag{z-index:var(--z-sticky);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.player-bar-inner.svelte-1uha8ag{pointer-events:auto;width:100%;margin:0 auto}@media (width<=800px){.room-workspace.svelte-1uha8ag{grid-template-columns:1fr;min-height:auto}.surface-divider.svelte-1uha8ag{display:none}}@media (width<=640px){.content.svelte-1uha8ag{width:100%;padding-top:12px;padding-bottom:calc(150px + env(safe-area-inset-bottom));gap:0}.room-surface.svelte-1uha8ag{border-left:0;border-right:0}.room-workspace.svelte-1uha8ag>.mobile-hidden:where(.svelte-1uha8ag){display:none}.mobile-tabs.svelte-1uha8ag{z-index:48;border-top:1px solid var(--border);padding:7px 10px max(7px, env(safe-area-inset-bottom));background:var(--color-panel);grid-template-columns:1fr 1fr;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-bar.svelte-1uha8ag{bottom:calc(62px + env(safe-area-inset-bottom))}.player-bar-inner.svelte-1uha8ag{width:100%}.mobile-tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-2) var(--space-1);color:var(--text-soft);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;font-weight:500;display:inline-flex}.mobile-tabs.svelte-1uha8ag button.active:where(.svelte-1uha8ag){border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}}