:root{--bg: #0A1220;--surface: #101B2C;--surface2: #1A2744;--border: rgba(212,192,144,.14);--text: #dcdcdc;--text-dim: #6a6a72;--text-muted: #6a6a72;--text-bright: #f2f2f2;--accent: #d4c090;--accent-dim: #b8a470;--green: #6aaa84;--yellow: #d4b064;--red: #d08070;--blue: #7aaac8;--purple: #9a8ec0;--orange: #d4944a;--sky: #a0c4e0;--sky-dim: #7a9eb8;--glow-sky: rgba(160,196,224,.2);--glow-sky-strong: rgba(160,196,224,.35);--font: Georgia, "Times New Roman", "Noto Serif", serif;--font-mono: "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--drawer-height: 0px;--sidebar-width: 0px;--bg-depth: radial-gradient(ellipse 120% 40% at 50% 100%, rgba(50,80,45,.07) 0%, transparent 50%);--shadow-color: rgba(4,8,20,.3);--shadow-color-strong: rgba(4,8,20,.45);--shadow-color-soft: rgba(4,8,20,.18);--border-subtle: rgba(212,192,144,.16);--border-subtle-dim: rgba(212,192,144,.08);--glow-green: rgba(106,170,132,.18);--glow-green-strong: rgba(106,170,132,.35);--glow-green-dot: rgba(106,170,132,.55);--glow-red: rgba(208,128,112,.18);--glow-red-strong: rgba(208,128,112,.35);--glow-red-dot: rgba(208,128,112,.55);--glow-blue: rgba(122,170,200,.18);--glow-blue-strong: rgba(122,170,200,.35);--glow-blue-dot: rgba(122,170,200,.55);--glow-amber: rgba(212,192,144,.18);--glow-amber-strong: rgba(212,192,144,.3);--glow-yellow-dot: rgba(212,176,100,.55);--glow-purple-dot: rgba(154,142,192,.55);--accent-tint-faint: rgba(212,192,144,.04);--accent-tint-subtle: rgba(212,192,144,.06);--accent-tint: rgba(212,192,144,.1);--error-bg: rgba(208,128,112,.06);--hover-highlight: rgba(140,170,210,.06);--overlay-bg: rgba(6,12,24,.7);--inset-highlight: rgba(140,170,210,.04);--canvas-waveform: rgba(212,192,144,.7);--canvas-waveform-bg: rgba(212,192,144,.5);--canvas-baseline: rgba(120,140,170,.3);--canvas-highlight: rgba(140,170,210,.06);--canvas-highlight-border: rgba(140,170,210,.1);--canvas-analysis-region: rgba(106,170,132,.16);--canvas-analysis-region-border: rgba(106,170,132,.75);--canvas-grid-line: rgba(140,170,210,.08);--canvas-grid-beat: rgba(140,170,210,.15);--canvas-grid-bar: rgba(212,176,100,.7);--canvas-grid-phrase: rgba(106,170,132,.9);--canvas-playhead: rgba(106,170,132,.8);--canvas-cue-marker: #5aa8ff;--canvas-phase-anchor: rgba(212,176,100,1);--canvas-time-label: #6a6a72;--canvas-text: rgba(184,196,212,.4);--canvas-text-dim: rgba(184,196,212,.3);--canvas-tooltip-bg: rgba(6,12,24,.92);--canvas-tooltip-border: rgba(140,170,210,.15);--canvas-tooltip-text: rgba(232,237,245,.85);--workspace-control-bg: rgba(8,13,22,.92);--workspace-control-bg-hover: rgba(13,22,36,.96);--workspace-control-border: rgba(160,196,224,.28);--workspace-control-border-hover: rgba(212,192,144,.72);--workspace-control-text: var(--text);--workspace-control-selected-text: var(--bg);--workspace-control-active-state-bg: rgba(74,222,128,.18);--workspace-control-active-state-border: rgba(74,222,128,.54);--workspace-control-active-state-text: #9bf2b8;--workspace-control-danger-state-bg: rgba(220,105,105,.2);--workspace-control-danger-state-border: rgba(220,105,105,.62);--workspace-control-danger-state-text: #ffd6d6;--timeline-rail-bg: #081018;--timeline-rail-fill: rgba(255,255,255,.03);--timeline-axis-text: #666666;--timeline-metadata-bg: #081018;--timeline-metadata-track-bg: rgba(8,16,24,.98);--timeline-metadata-track-expanded-bg: rgba(14,23,34,.98);--timeline-metadata-track-muted-bg: rgba(12,14,18,.98);--timeline-metadata-track-solo-bg: rgba(80,60,15,.98);--timeline-metadata-track-border: rgba(148,163,184,.24);--timeline-metadata-nonclip-border: rgba(148,163,184,.16);--timeline-metadata-text: rgba(226,232,240,.9);--timeline-metadata-text-dim: rgba(203,213,225,.78);--timeline-metadata-text-muted: rgba(148,163,184,.58);--timeline-metadata-sublabel: rgba(148,163,184,.64);--timeline-metadata-automation-bg: rgba(2,6,12,.45);--timeline-metadata-automation-lane-bg: rgba(15,23,42,.38);--timeline-metadata-automation-border: rgba(148,163,184,.1);--timeline-metadata-automation-lane-border: rgba(148,163,184,.08);--timeline-track-control-bg: rgba(15,23,42,.92);--timeline-track-control-border: rgba(148,163,184,.34);--timeline-track-control-hover-border: rgba(226,232,240,.72);--timeline-track-control-text: rgba(226,232,240,.78);--timeline-muted-scrim: rgba(2,6,12,.48);--timeline-track-divider: rgba(255,255,255,.04);--timeline-automation-bg: rgba(0,0,0,.22);--timeline-automation-border: rgba(255,255,255,.08);--timeline-automation-lane-bg: rgba(255,255,255,.018);--timeline-automation-lane-border: rgba(255,255,255,.055);--timeline-clip-fill-active: rgba(255,255,255,.12);--timeline-clip-fill-idle: rgba(255,255,255,.06);--timeline-clip-title-fill: rgba(0,0,0,.22);--timeline-clip-title-active-fill: rgba(34,197,94,.16);--timeline-clip-title-text: #d4d4d4;--timeline-clip-title-active-text: #f5f5f5;--timeline-preview-cursor: #f8fafc}:root[data-theme=day]{--bg: #e8eef5;--surface: #dce4ef;--surface2: #cfd8e6;--border: rgba(168,144,80,.15);--text: #2a2a2a;--text-dim: #888888;--text-muted: #888888;--text-bright: #111111;--accent: #a89050;--accent-dim: #8e7a40;--green: #4d9068;--yellow: #b89840;--red: #b86050;--blue: #5a90b0;--purple: #7a70a5;--orange: #b87a35;--sky: #7aa0c0;--sky-dim: #6088a0;--glow-sky: rgba(122,160,192,.22);--glow-sky-strong: rgba(122,160,192,.35);--bg-depth: radial-gradient(ellipse 120% 40% at 50% 100%, rgba(50,80,45,.04) 0%, transparent 50%);--shadow-color: rgba(0,20,60,.08);--shadow-color-strong: rgba(0,20,60,.12);--shadow-color-soft: rgba(0,20,60,.04);--border-subtle: rgba(168,144,80,.18);--border-subtle-dim: rgba(168,144,80,.1);--glow-green: rgba(77,144,104,.22);--glow-green-strong: rgba(77,144,104,.38);--glow-green-dot: rgba(77,144,104,.55);--glow-red: rgba(184,96,80,.22);--glow-red-strong: rgba(184,96,80,.38);--glow-red-dot: rgba(184,96,80,.55);--glow-blue: rgba(90,144,176,.22);--glow-blue-strong: rgba(90,144,176,.38);--glow-blue-dot: rgba(90,144,176,.55);--glow-amber: rgba(168,144,80,.22);--glow-amber-strong: rgba(168,144,80,.32);--glow-yellow-dot: rgba(184,152,64,.55);--glow-purple-dot: rgba(122,112,165,.55);--accent-tint-faint: rgba(168,144,80,.05);--accent-tint-subtle: rgba(168,144,80,.07);--accent-tint: rgba(168,144,80,.1);--error-bg: rgba(184,96,80,.06);--hover-highlight: rgba(60,80,120,.06);--overlay-bg: rgba(20,30,50,.4);--inset-highlight: rgba(60,80,120,.04);--canvas-waveform: rgba(140,120,65,.7);--canvas-waveform-bg: rgba(140,120,65,.5);--canvas-baseline: rgba(80,90,110,.3);--canvas-highlight: rgba(0,20,60,.05);--canvas-highlight-border: rgba(0,20,60,.08);--canvas-analysis-region: rgba(77,144,104,.18);--canvas-analysis-region-border: rgba(77,144,104,.72);--canvas-grid-line: rgba(0,20,60,.06);--canvas-grid-beat: rgba(0,20,60,.12);--canvas-grid-bar: rgba(184,152,64,.7);--canvas-grid-phrase: rgba(77,144,104,.8);--canvas-playhead: rgba(77,144,104,.7);--canvas-cue-marker: #006ee6;--canvas-phase-anchor: rgba(184,152,64,1);--canvas-time-label: #888888;--canvas-text: rgba(42,52,68,.4);--canvas-text-dim: rgba(42,52,68,.3);--canvas-tooltip-bg: rgba(232,238,245,.95);--canvas-tooltip-border: rgba(0,20,60,.12);--canvas-tooltip-text: rgba(20,28,40,.85);--workspace-control-bg: rgba(246,249,253,.9);--workspace-control-bg-hover: rgba(255,255,255,.96);--workspace-control-border: rgba(88,107,134,.28);--workspace-control-border-hover: rgba(168,144,80,.72);--workspace-control-text: var(--text);--workspace-control-selected-text: var(--text-bright);--workspace-control-active-state-bg: rgba(77,144,104,.13);--workspace-control-active-state-border: rgba(77,144,104,.44);--workspace-control-active-state-text: #2f6f48;--workspace-control-danger-state-bg: rgba(184,96,80,.12);--workspace-control-danger-state-border: rgba(184,96,80,.48);--workspace-control-danger-state-text: #8f3f34;--timeline-rail-bg: #dde6f1;--timeline-rail-fill: rgba(42,52,68,.055);--timeline-axis-text: rgba(42,52,68,.58);--timeline-metadata-bg: #dbe4ef;--timeline-metadata-track-bg: rgba(247,250,254,.94);--timeline-metadata-track-expanded-bg: rgba(240,246,253,.96);--timeline-metadata-track-muted-bg: rgba(222,228,237,.96);--timeline-metadata-track-solo-bg: rgba(255,246,210,.98);--timeline-metadata-track-border: rgba(88,107,134,.24);--timeline-metadata-nonclip-border: rgba(88,107,134,.16);--timeline-metadata-text: rgba(25,34,48,.88);--timeline-metadata-text-dim: rgba(54,67,86,.72);--timeline-metadata-text-muted: rgba(88,101,120,.62);--timeline-metadata-sublabel: rgba(79,102,132,.72);--timeline-metadata-automation-bg: rgba(116,132,155,.14);--timeline-metadata-automation-lane-bg: rgba(255,255,255,.42);--timeline-metadata-automation-border: rgba(88,107,134,.14);--timeline-metadata-automation-lane-border: rgba(88,107,134,.1);--timeline-track-control-bg: rgba(247,250,254,.95);--timeline-track-control-border: rgba(88,107,134,.34);--timeline-track-control-hover-border: rgba(42,52,68,.72);--timeline-track-control-text: rgba(42,52,68,.78);--timeline-muted-scrim: rgba(128,139,154,.3);--timeline-track-divider: rgba(42,52,68,.08);--timeline-automation-bg: rgba(98,114,138,.12);--timeline-automation-border: rgba(42,52,68,.1);--timeline-automation-lane-bg: rgba(255,255,255,.28);--timeline-automation-lane-border: rgba(42,52,68,.08);--timeline-clip-fill-active: rgba(42,52,68,.08);--timeline-clip-fill-idle: rgba(42,52,68,.045);--timeline-clip-title-fill: rgba(42,52,68,.1);--timeline-clip-title-active-fill: rgba(77,144,104,.14);--timeline-clip-title-text: rgba(25,34,48,.84);--timeline-clip-title-active-text: rgba(20,52,35,.9);--timeline-preview-cursor: #1f2937}:root{color-scheme:dark;--solar-foundation: #191b1f;--solar-foundation-deep: #111318;--solar-window: #25282e;--solar-window-raised: #2d3037;--solar-window-muted: #202329;--solar-border: rgba(255, 255, 255, .1);--solar-border-strong: rgba(255, 255, 255, .17);--solar-text: #e9e9eb;--solar-text-muted: #9a9da5;--solar-window-fill: radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--solar-phase-accent) 11%, transparent), transparent 58%), rgba(37, 40, 46, .96);--solar-window-border: color-mix(in srgb, var(--solar-phase-accent) 22%, rgba(255, 255, 255, .08));--solar-window-shadow: 0 12px 34px rgba(0, 0, 0, .2);--solar-focus-ring: 0 0 0 3px color-mix(in srgb, var(--solar-phase-accent) 34%, transparent);--solar-sky-top: rgb(6 10 27);--solar-sky-middle: rgb(11 17 40);--solar-sky-bottom: rgb(18 19 37);--solar-horizon: rgb(45 54 99);--solar-core: rgb(194 212 255);--solar-phase-accent: rgb(108 73 142);--solar-phase-accent-contrast: #fbfbfd;--solar-glow-x: 50%;--solar-sheen-opacity: .52;--solar-star-opacity: 1;--state-ready: #69b986;--state-broadcasting: #58a8dd;--state-warning: #d4ad61;--state-danger: #d7786d;--state-info: #75a8c9;--state-muted: #8c9098}:root[data-appearance=light]{color-scheme:light;--solar-foundation: #eceeef;--solar-foundation-deep: #dfe2e5;--solar-window: #f7f7f6;--solar-window-raised: #ffffff;--solar-window-muted: #e7e9eb;--solar-border: rgba(20, 24, 32, .11);--solar-border-strong: rgba(20, 24, 32, .18);--solar-text: #272a30;--solar-text-muted: #686d76;--solar-window-fill: radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--solar-phase-accent) 7%, transparent), transparent 58%), rgba(248, 248, 247, .94);--solar-window-border: color-mix(in srgb, var(--solar-phase-accent) 16%, rgba(20, 24, 32, .09));--solar-window-shadow: 0 12px 32px rgba(20, 24, 32, .1);--solar-focus-ring: 0 0 0 3px color-mix(in srgb, var(--solar-phase-accent) 26%, transparent);--state-ready: #347b50;--state-broadcasting: #33789e;--state-warning: #8a681f;--state-danger: #a84f46;--state-info: #3d789b;--state-muted: #747982}:root[data-solar-material=true]{--bg: var(--solar-foundation);--surface: var(--solar-window);--surface2: var(--solar-window-raised);--border: var(--solar-border);--text: var(--solar-text);--text-bright: color-mix(in srgb, var(--solar-text) 96%, white 4%);--text-dim: var(--solar-text-muted);--text-muted: var(--solar-text-muted);--accent: var(--solar-phase-accent);--accent-dim: color-mix(in srgb, var(--solar-phase-accent) 68%, var(--solar-text-muted));--sky: var(--solar-phase-accent);--sky-dim: color-mix(in srgb, var(--solar-phase-accent) 68%, var(--solar-text-muted));--green: var(--state-ready);--yellow: var(--state-warning);--red: var(--state-danger);--blue: var(--state-info);--border-subtle: var(--solar-window-border);--border-subtle-dim: color-mix(in srgb, var(--solar-window-border) 60%, transparent);--glow-sky: color-mix(in srgb, var(--solar-phase-accent) 20%, transparent);--glow-sky-strong: color-mix(in srgb, var(--solar-phase-accent) 36%, transparent);--hover-highlight: color-mix(in srgb, var(--solar-phase-accent) 8%, transparent);--inset-highlight: color-mix(in srgb, var(--solar-phase-accent) 6%, transparent);--bg-depth: none;--canvas-surface: var(--solar-window-muted);--canvas-waveform: color-mix(in srgb, var(--solar-phase-accent) 72%, transparent);--canvas-waveform-bg: color-mix(in srgb, var(--solar-phase-accent) 46%, transparent);--canvas-baseline: color-mix(in srgb, var(--solar-text-muted) 36%, transparent);--canvas-highlight: color-mix(in srgb, var(--solar-phase-accent) 8%, transparent);--canvas-highlight-border: color-mix(in srgb, var(--solar-phase-accent) 14%, transparent);--canvas-grid-line: color-mix(in srgb, var(--solar-text-muted) 12%, transparent);--canvas-grid-beat: color-mix(in srgb, var(--solar-text-muted) 22%, transparent);--canvas-grid-bar: color-mix(in srgb, var(--solar-phase-accent) 66%, transparent);--canvas-grid-phrase: color-mix(in srgb, var(--state-ready) 82%, transparent);--canvas-playhead: var(--state-ready);--canvas-phase-anchor: var(--state-warning);--canvas-time-label: var(--solar-text-muted);--canvas-text: color-mix(in srgb, var(--solar-text) 62%, transparent);--canvas-text-dim: color-mix(in srgb, var(--solar-text-muted) 52%, transparent);--canvas-tooltip-bg: color-mix(in srgb, var(--solar-window-raised) 94%, transparent);--canvas-tooltip-border: var(--solar-window-border);--canvas-tooltip-text: var(--solar-text)}:root[data-solar-material=true] body{background:var(--solar-foundation)}:root[data-solar-material=true] #root{position:relative;min-height:100dvh;isolation:isolate;background:transparent}:root[data-solar-material=true] #root>:not(.solar-shell-material){position:relative;z-index:1}.solar-shell-material{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--solar-foundation),var(--solar-foundation-deep));transition:opacity .28s ease}.solar-shell-material__sheen{position:absolute;right:0;bottom:0;left:0;min-height:260px;height:48vh;opacity:var(--solar-sheen-opacity);background:radial-gradient(circle at var(--solar-glow-x) 108%,color-mix(in srgb,var(--solar-core) 26%,transparent) 0,color-mix(in srgb,var(--solar-horizon) 25%,transparent) 18%,color-mix(in srgb,var(--solar-sky-bottom) 18%,transparent) 42%,transparent 72%),linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--solar-sky-top) 18%,transparent) 30%,color-mix(in srgb,var(--solar-sky-middle) 28%,transparent) 68%,color-mix(in srgb,var(--solar-sky-bottom) 44%,transparent) 100%);transition:background .42s ease,opacity .42s ease}.solar-shell-material__texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:radial-gradient(circle,rgba(255,255,255,.24) 0 .55px,transparent .8px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,#00000014,#000);mask-image:linear-gradient(to bottom,#00000014,#000)}:root[data-solar-material=true] :where(.control-panel,.settings-modal,.settings-modal-content,.desktop-live-card,.desktop-food-card,.desktop-session-card,[data-testid=connect-screen] section,[data-testid=receiver-dashboard] section,[role=dialog]){border-color:var(--solar-window-border);background:var(--solar-window-fill);box-shadow:var(--solar-window-shadow)}:root[data-solar-material=true] .app-shell{background:transparent}:root[data-solar-material=true] .app-sidebar{background:color-mix(in srgb,var(--solar-window) 94%,transparent);border-color:var(--solar-window-border);box-shadow:12px 0 34px #0000001a;-webkit-backdrop-filter:blur(22px) saturate(1.04);backdrop-filter:blur(22px) saturate(1.04)}:root[data-solar-material=true] .sidebar-item.active{color:var(--solar-phase-accent)}:root[data-solar-material=true] .sidebar-item.active:before{background:var(--solar-phase-accent);box-shadow:0 0 8px color-mix(in srgb,var(--solar-phase-accent) 42%,transparent),0 0 16px color-mix(in srgb,var(--solar-phase-accent) 18%,transparent)}:root[data-solar-material=true] :where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--solar-phase-accent);outline-offset:2px;box-shadow:var(--solar-focus-ring)}:root[data-solar-material=true] :where(.btn:not(.btn-cancel):not(.btn-confirm):not(.btn-listen):not(.btn-live),.sidebar-footer-button){border-color:var(--solar-window-border);background:var(--solar-window-fill)}:root[data-solar-material=true] [class*=_mobileShell_]{color:var(--solar-text);background:transparent}:root[data-solar-material=true] :where([class*=_glassCard_],[class*=_composerSheet_],[class*=_timelineDetails_]){border-color:var(--solar-window-border);background:var(--solar-window-fill);box-shadow:var(--solar-window-shadow)}:root[data-solar-material=true] [class*=_bottomTabs_],:root[data-solar-material=true] .mobile-nav-shell{border-color:var(--solar-window-border);background:color-mix(in srgb,var(--solar-window) 90%,transparent);box-shadow:0 -12px 30px #00000029;-webkit-backdrop-filter:blur(22px) saturate(1.04);backdrop-filter:blur(22px) saturate(1.04)}:root[data-solar-material=true] :where([class*=_bottomTabActive_],.mobile-tab-item.active){color:var(--solar-phase-accent);border-color:color-mix(in srgb,var(--solar-phase-accent) 48%,transparent);background:color-mix(in srgb,var(--solar-phase-accent) 13%,transparent)}:root[data-solar-material=true] :where([class*=_primaryButton_],[class*=_actionButton_]){color:var(--solar-phase-accent-contrast);border-color:color-mix(in srgb,var(--solar-phase-accent) 58%,transparent);background:var(--solar-phase-accent)}:root[data-appearance=light][data-solar-material=true] [class*=_sampleTableKey_]{color:hsl(var(--sample-key-hue, 210deg),74%,22%);border-color:hsla(var(--sample-key-hue, 210deg),70%,38%,.52);background:hsla(var(--sample-key-hue, 210deg),62%,44%,.13)}:root[data-appearance=light][data-solar-material=true] [class*=_sampleTableCompatibility_]{color:color-mix(in srgb,rgb(var(--sample-compat-rgb, 38, 120, 180)) 54%,#101820);background:rgba(var(--sample-compat-rgb, 38, 120, 180),min(var(--sample-compat-badge-alpha, .2),.16))}.solar-join-backdrop{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--solar-horizon) 62%,transparent) 0,transparent 30%),linear-gradient(180deg,var(--solar-sky-top) 0%,var(--solar-sky-middle) 48%,var(--solar-sky-bottom) 76%,var(--solar-foundation-deep) 100%);transition:transform .72s cubic-bezier(.2,.78,.2,1),filter .72s ease}[data-join-phase=connecting]>.solar-join-backdrop{filter:saturate(.86) brightness(.86);transform:scale(1.035)}.solar-join-backdrop__stars{position:absolute;top:0;right:0;bottom:38%;left:0;opacity:calc(var(--solar-star-opacity) * .55);background-image:radial-gradient(circle at 13% 22%,rgba(255,255,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 11%,rgba(255,255,255,.58) 0 .8px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(255,255,255,.68) 0 1px,transparent 1.6px),radial-gradient(circle at 82% 31%,rgba(255,255,255,.52) 0 .8px,transparent 1.4px),radial-gradient(circle at 93% 8%,rgba(255,255,255,.62) 0 1px,transparent 1.5px)}.solar-join-backdrop__orbit{position:absolute;top:12%;right:-8%;bottom:18%;left:-8%;opacity:.62}.solar-join-backdrop__orbit svg{width:100%;height:100%;overflow:visible}.solar-join-backdrop__orbit path{fill:none;stroke:color-mix(in srgb,var(--solar-core) 42%,transparent);stroke-width:1.2;stroke-dasharray:5 10;vector-effect:non-scaling-stroke}.solar-join-backdrop__horizon{position:absolute;right:-12%;bottom:37%;left:-12%;height:1px;background:color-mix(in srgb,var(--solar-horizon) 72%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--solar-horizon) 62%,transparent),0 16px 80px color-mix(in srgb,var(--solar-horizon) 32%,transparent)}.solar-join-backdrop__sun{position:absolute;width:clamp(34px,4.5vw,58px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:var(--solar-core);box-shadow:0 0 18px color-mix(in srgb,var(--solar-core) 78%,transparent),0 0 54px color-mix(in srgb,var(--solar-horizon) 58%,transparent);transition:top .42s ease,opacity .42s ease}:root[data-solar-material=true] body:has([data-solar-join-welcome=true]) .solar-shell-material{opacity:0}:root[data-solar-material=true] [data-testid=connect-screen]{position:relative;z-index:1}:root[data-solar-material=true] [data-testid=connect-screen] section{-webkit-backdrop-filter:blur(20px) saturate(1.05);backdrop-filter:blur(20px) saturate(1.05)}:root[data-solar-material=true] [data-testid=connect-screen] h1{color:var(--solar-text);text-shadow:0 1px 24px rgba(0,0,0,.26)}.solar-location-disclosure{width:100%;margin:.6rem 0 0;text-align:center}.solar-location-disclosure__button{min-height:2rem;padding:.3rem .65rem;border:1px solid var(--solar-window-border);border-radius:999px;color:var(--solar-text-muted);background:color-mix(in srgb,var(--solar-window) 78%,transparent);font:inherit;font-size:.7rem;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.solar-location-disclosure__detail{max-width:28rem;margin:.45rem auto 0;color:var(--solar-text-muted);font-size:.68rem;line-height:1.4}@media(prefers-reduced-motion:reduce){.solar-shell-material,.solar-shell-material__sheen,.solar-join-backdrop,.solar-join-backdrop__sun{transition:none}}@media(forced-colors:active){.solar-shell-material,.solar-join-backdrop{display:none}:root[data-solar-material=true] :where(.app-sidebar,[class*=_bottomTabs_],.mobile-nav-shell,[role=dialog]){color:CanvasText;border-color:CanvasText;background:Canvas;box-shadow:none}}@media print{.solar-shell-material,.solar-join-backdrop,.app-sidebar,[class*=_bottomTabs_],.mobile-nav-shell{display:none!important}}@supports not (backdrop-filter: blur(1px)){:root[data-solar-material=true] :where(.app-sidebar,[class*=_bottomTabs_],.mobile-nav-shell,[data-testid=connect-screen] section){background:var(--solar-window)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overscroll-behavior-x:contain}body{background:var(--bg-depth),var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;min-height:100vh;overscroll-behavior-x:contain;transition:background-color .4s ease,color .3s ease}@media(prefers-reduced-motion:reduce){body{transition:none}.conn-sinking,.conn-rising{animation-duration:.01ms!important}}a{color:var(--accent);text-decoration:none}.container{max-width:1600px;margin:0 auto;padding:1rem 3.5rem;padding-bottom:calc(var(--drawer-height) + 2rem)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:var(--text-dim)}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--text-dim);opacity:.4}.status-unknown:before{background:var(--text-dim);opacity:.3}.status-confirmed:before{background:var(--green);opacity:1;box-shadow:0 0 6px var(--glow-green-dot)}.status-overridden:before{background:var(--purple);opacity:1;box-shadow:0 0 6px var(--glow-purple-dot)}.bpm-val{font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums}.bpm-src{font-size:.65rem;color:var(--text-dim);margin-left:.25rem}.actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface2);color:var(--text);font-size:.75rem;font-family:var(--font);cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px var(--shadow-color-soft);transition:box-shadow .3s ease,color .3s ease,border-color .3s ease}.btn:hover{box-shadow:0 1px 8px var(--glow-sky),0 1px 3px var(--shadow-color-soft);color:var(--text-bright);border-color:var(--border-subtle-dim)}.btn:active{box-shadow:0 0 2px var(--glow-sky-strong)}.btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;border-color:var(--border-subtle-dim)}.btn-listen{box-shadow:0 1px 3px var(--shadow-color-soft),0 0 6px var(--glow-green)}.btn-listen:hover{box-shadow:0 1px 8px var(--glow-green-strong),0 0 12px var(--glow-green)}.btn-listen.active{box-shadow:0 0 4px var(--glow-green-strong)}.btn-confirm{box-shadow:0 1px 3px var(--shadow-color-soft),0 0 6px var(--glow-green)}.btn-confirm:hover{box-shadow:0 1px 8px var(--glow-green-strong),0 0 12px var(--glow-green)}.btn-cancel{box-shadow:0 1px 3px var(--shadow-color-soft),0 0 6px var(--glow-red)}.btn-cancel:hover{box-shadow:0 1px 8px var(--glow-red-strong),0 0 12px var(--glow-red)}.btn-live{box-shadow:0 1px 3px var(--shadow-color-soft),0 0 6px var(--glow-blue)}.btn-live:hover{box-shadow:0 1px 8px var(--glow-blue-strong),0 0 12px var(--glow-blue)}.control-panel{position:relative;background:var(--surface);border:1px solid var(--border);border-top-color:#d4c0901a;border-radius:8px;padding:1.25rem;margin-top:0;margin-bottom:1.25rem}.control-panel:before{content:"";position:absolute;top:-24px;left:15%;right:15%;height:48px;pointer-events:none;z-index:2;background:radial-gradient(ellipse 70% 60% at center 40%,rgba(180,180,120,.1) 0%,rgba(160,170,110,.04) 40%,transparent 75%);filter:blur(10px)}.control-panel-title{font-size:.8rem;font-weight:600;color:var(--text-dim);margin-bottom:0;letter-spacing:.05em}.control-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}@media(max-width:720px){.control-panel-header{align-items:stretch;flex-direction:column;gap:.65rem}.control-panel-title{text-align:center}}.diagnostics-section{margin-bottom:1.25rem}.diagnostics-section summary{font-size:.9rem;font-weight:600;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 0;list-style:none;display:flex;align-items:center;gap:.4rem;transition:color .15s}.diagnostics-section summary:hover{color:var(--text)}.diagnostics-section summary::-webkit-details-marker{display:none}.diagnostics-section summary:before{content:"▸";font-size:.7rem;color:var(--text-dim);transition:transform .15s}.diagnostics-section[open] summary:before{transform:rotate(90deg)}@keyframes connSink{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes connRise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.conn-sinking{animation:connSink .4s cubic-bezier(.55,0,1,.45) both;transform-origin:top center;pointer-events:none}.conn-rising{animation:connRise .5s cubic-bezier(.22,1.1,.36,1) both;transform-origin:top center}.empty{text-align:center;padding:2rem;color:var(--text-dim)}:root[data-theme=day] .control-panel{border-top-color:#a890501f}:root[data-theme=day] .control-panel:before{background:radial-gradient(ellipse 70% 60% at center 40%,rgba(140,140,80,.06) 0%,rgba(130,140,75,.02) 40%,transparent 75%)}