:root{font-family:Monaco,Lucida Console,"Monotype.com",Andale Mono,Courier,Trebuchet MS,"Sans-Serif";line-height:1.5;font-weight:400;color-scheme:light dark;color:#eee;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--musicspace-color-button: #4caf50;--musicspace-color-title: #1a9096;--musicspace-color-copy: #eeeeee;--musicspace-color-link: #d8a24d;--musicspace-color-panel: rgba(18, 18, 18, .94);--musicspace-color-panel-soft: rgba(34, 34, 34, .92);--musicspace-color-border: rgba(216, 162, 77, .22);--musicspace-color-input: rgba(36, 36, 36, .94)}a{font-weight:500;color:var(--musicspace-color-link);text-decoration:inherit}a:hover{color:#f0bf73}body{margin:0;overflow:hidden;font-family:inherit;color:var(--musicspace-color-copy);background:#050505}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:#1a1a1a}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--musicspace-color-link)}button:focus,button:focus-visible{outline:2px solid rgba(216,162,77,.85);outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#1a1a1a}a:hover{color:#747bff}button{background-color:#f9f9f9}}#crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#fffc;border:1px solid #000;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}#musicspace-sidebar{position:absolute;top:16px;left:16px;bottom:16px;width:min(330px,calc(100vw - 72px));padding:14px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#070707f5,#121212f2);border:1px solid var(--musicspace-color-border);border-radius:18px;box-shadow:0 18px 48px #00000059;transform:translate(0);transition:transform .22s ease,opacity .22s ease;pointer-events:auto;z-index:10000;overflow:hidden}#musicspace-sidebar:not(.is-open){transform:translate(calc(-100% - 18px))}#musicspace-sidebar-toggle,#musicspace-help-button{position:absolute;left:16px;z-index:10001;pointer-events:auto;touch-action:manipulation;padding:10px 14px;background:#0a0a0af0;color:var(--musicspace-color-title);border:1px solid var(--musicspace-color-border);border-radius:999px;text-decoration:none;transition:left .22s ease,background-color .22s ease}#musicspace-sidebar-toggle{top:16px}#musicspace-help-button{top:62px}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle{left:calc(min(350px,calc(100vw - 72px)) + 30px)}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle+#musicspace-help-button{left:calc(min(350px,calc(100vw - 72px)) + 30px)}#musicspace-sidebar-toggle:hover,#musicspace-help-button:hover{background:#181818fa}#musicspace-lobby-overlay{position:absolute;top:clamp(28px,8vh,72px);left:clamp(32px,6vw,96px);right:auto;max-width:min(34vw,460px);padding:22px 24px;display:grid;gap:10px;color:#f7f4ef;text-align:left;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .32s ease;z-index:9000}#musicspace-lobby-overlay.is-visible{opacity:1;transform:translateY(0)}#musicspace-lobby-overlay:before{content:"";position:absolute;top:-18px;right:-24px;bottom:-18px;left:-24px;background:radial-gradient(circle at 22% 50%,rgba(210,124,66,.22),transparent 62%),linear-gradient(135deg,#06080c8f,#06080c00);filter:blur(12px);z-index:-1}.lobby-overlay-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffecd6bd}.lobby-overlay-headline{font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:.94;letter-spacing:-.04em;text-wrap:balance}.lobby-overlay-support{max-width:32ch;font-size:15px;line-height:1.45;color:#ebeef6e6;text-wrap:balance}#musicspace-panels{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:2px}.musicspace-panel{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;padding:12px;display:flex;flex-direction:column;gap:10px;background:#1a1a1aeb;border:1px solid var(--musicspace-color-border);border-radius:12px;pointer-events:auto;z-index:auto!important;box-sizing:border-box}.musicspace-panel--primary{background:linear-gradient(180deg,#202020f5,#121212f5);border-color:#d8a24d42;box-shadow:inset 0 1px #d8a24d14}.musicspace-panel--secondary{background:#181818f0}.musicspace-panel--utility{background:#0f0f0feb;border-color:#d8a24d29}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.panel-header--stacked{display:grid;gap:4px}.panel-title{color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em}.panel-title--large{font-size:14px}.panel-status{color:#dbe6f4;font-size:12px;line-height:1.45}.panel-meta{color:#aab7c8;font-size:11px;line-height:1.4}#room-panel{padding:14px}#chat-panel{flex:0 0 auto;min-height:0}#participant-list{max-height:220px}#preferences-panel{padding:14px}.preferences-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.preferences-toggle{padding:6px 10px;font-size:12px;background:#ffffff14;color:#fff}.preferences-content{display:grid;gap:10px}#preferences-panel.is-collapsed .preferences-content{display:none}.preferences-field{display:grid;gap:6px;color:#d7d7d7;font-size:12px}.preferences-field input,.preferences-field select,.preferences-range{width:100%;box-sizing:border-box}.preferences-note{color:#aeb6c2;font-size:12px}.preferences-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.preferences-actions button:last-child{background:#ffffff14;color:#fff}#audioControls{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;z-index:auto!important;width:auto;display:flex!important;flex-direction:column;align-items:stretch;gap:10px;padding:12px;background:#ffffff08!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;pointer-events:auto!important;box-sizing:border-box}#audioControls button{font-size:.95rem!important}#audioControls select{min-width:0}#volumeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:#444;outline:none;cursor:pointer!important;pointer-events:auto!important}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--musicspace-color-link);cursor:pointer!important;pointer-events:auto!important}#volumeSlider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--musicspace-color-link);cursor:pointer!important;pointer-events:auto!important}#mobile-controls-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}#mobile-move-zone,#mobile-look-zone{position:absolute;bottom:18px;width:132px;height:132px;border-radius:22px;background:#0000002e;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;touch-action:none}#mobile-move-zone{left:18px}#mobile-look-zone{right:18px}.mobile-control-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffb8;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.mobile-joystick-base,.mobile-look-pad{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle,#ffffff14,#ffffff08)}.mobile-joystick-knob{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;transform:translate(0);margin-left:-18px;margin-top:-18px;background:#ffffff3d;border:1px solid rgba(255,255,255,.26);box-shadow:0 6px 16px #00000040}body.mouse #mobile-controls-layer{display:none}@media (max-width: 768px),(pointer: coarse){#musicspace-lobby-overlay{top:auto;left:14px;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);max-width:min(40vw,220px);padding:14px 14px 16px}.lobby-overlay-headline{font-size:clamp(22px,5.4vw,30px)}.lobby-overlay-support{max-width:18ch;font-size:12px;line-height:1.38}#musicspace-sidebar{top:12px;left:12px;right:12px;bottom:12px;width:auto}#musicspace-sidebar:not(.is-open){transform:translate(calc(-100% - 24px))}#musicspace-sidebar-toggle{top:12px;left:12px}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle{left:calc(100vw - 116px)}#chat-panel{flex:0 0 auto;min-height:148px}#chat-panel>div:nth-child(2){min-height:92px!important;max-height:120px!important}.chat-surface-controls{grid-template-columns:1fr}.preferences-toggle{padding:5px 9px}#mobile-move-zone,#mobile-look-zone{bottom:14px;width:120px;height:120px}#mobile-move-zone{left:14px}#mobile-look-zone{right:14px}.mobile-joystick-base,.mobile-look-pad{width:76px;height:76px}}@media (max-width: 720px){#musicspace-lobby-overlay{top:auto;left:12px;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 68px);max-width:min(44vw,190px);padding:12px 12px 14px}.lobby-overlay-headline{font-size:clamp(18px,5vw,24px)}.lobby-overlay-support{max-width:16ch;font-size:11px}}.participant-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.participant-role-badge,.participant-inline-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.4;color:#d9f1ff;background:#5ea8ff29;border:1px solid rgba(94,168,255,.24)}.participant-inline-badge.is-muted{color:#ffd7c2;background:#d6692a2e;border-color:#d6692a4d}.participant-lock-button{justify-content:center;align-items:center;padding:6px 10px;font-size:12px}.participant-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0}.participant-row-main{display:grid;gap:4px;min-width:0}.participant-name-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.participant-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.participant-actions button{padding:6px 8px;font-size:12px}.auth-form input,.auth-signed-in button{width:100%;box-sizing:border-box}.auth-form,.auth-signed-in{display:grid;gap:8px}.auth-primary-action,.auth-signed-in button{width:100%}.auth-primary-action{margin-top:4px}.auth-secondary-action{padding:0;border:0;background:transparent;color:#d9e3f4;font-size:12px;font-weight:600;line-height:1.4;text-align:left}.auth-secondary-action:hover{border-color:transparent;color:#fff}.auth-secondary-action:disabled{opacity:.55}.auth-account{color:#fff;font-size:12px}.room-section{display:grid;gap:8px;padding:11px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.075)}.room-section-title{color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.room-section-hint{flex:1 1 auto;display:block;min-width:0;width:100%;max-width:none;color:#9eacbe;font-size:11px;text-align:left;line-height:1.4;text-wrap:wrap}.room-join-form{display:grid;gap:8px}.room-field-label{color:#d6deea;font-size:11px;font-weight:700;letter-spacing:.02em}.room-field-note{margin-top:-4px;color:#8ea0b3;font-size:10px}.room-join-helper{color:#90a0b4;font-size:11px;line-height:1.45;text-align:left}.room-browser{margin-top:4px}.room-browser-status{text-align:left;text-wrap:pretty}.room-browser-list{display:grid;gap:6px;margin-top:6px;max-height:224px;overflow-y:auto}.room-browser-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.room-browser-filter,.room-browser-sort{width:100%;box-sizing:border-box}.room-browser-item{width:100%;display:grid;gap:5px;padding:9px 10px;text-align:left;background:#ffffff0b;border:1px solid rgba(255,255,255,.1)}.room-browser-item[data-active=true]{border-color:#d8a24d6b;background:#d8a24d1a}.room-browser-item-title{color:#fff;font-size:12px;font-weight:600}.room-browser-item-badges{display:flex;flex-wrap:wrap;gap:6px}.room-browser-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;color:#f1d6a7;background:#d8a24d24;border:1px solid rgba(216,162,77,.24)}.room-browser-badge.is-warn{color:#ffd7c2;background:#d6692a2e;border-color:#d6692a47}.room-browser-badge.is-live{color:#dff8d6;background:#4fad592e;border-color:#4fad5947}.room-browser-item-slug{color:#dce6f3;font-size:11px;letter-spacing:.02em}.room-browser-item-meta{color:#c8c8c8;font-size:11px}.room-browser-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:2px}.room-browser-action-link{color:var(--musicspace-color-link);font-size:11px;font-weight:700;letter-spacing:.02em;margin-right:auto}.room-browser-share-button{padding:4px 8px;font-size:11px;background:#ffffff14;color:#fff}.chat-log{display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:160px;overflow-y:auto;padding:2px 2px 0}.chat-form{display:flex;gap:8px}.chat-input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14)}.chat-send-button{min-width:72px}.chat-message{color:#fff;font-size:12px;line-height:1.45;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.chat-surface-section{display:grid;gap:8px;padding:10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.chat-surface-title{color:#fff;font-size:12px;font-weight:700}.chat-surface-helper{color:#9eacbe;font-size:11px;line-height:1.45}.chat-room-media-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.chat-surface-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.chat-tv-upload-controls{display:block}.chat-tv-upload-actions{display:grid;grid-template-columns:auto auto;gap:8px;justify-content:start;align-items:center}.chat-tv-source-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr) auto;gap:8px;align-items:center}.chat-tv-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;justify-items:stretch;width:100%}.chat-surface-select,.chat-surface-file,.chat-tv-input{width:100%;box-sizing:border-box}.chat-surface-upload-button{min-width:76px}.participant-action-button{padding:6px 8px;font-size:11px;background:#ffffff0f}.participant-action-button.is-danger{color:#ffd7c2;border-color:#d6692a47;background:#d6692a1f}.room-status{min-height:18px}.room-meta{min-height:16px}#musicspace-sidebar{position:absolute;top:16px;right:16px;left:auto;bottom:16px;width:min(380px,calc(100vw - 28px));padding:0;background:linear-gradient(180deg,#07090ee6,#07090ec7),radial-gradient(circle at top,rgba(202,116,63,.08),transparent 52%);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 22px 60px #0000006b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}#musicspace-sidebar:not(.is-open){transform:translate(calc(100% + 24px))}#musicspace-sidebar-shell{height:100%;display:flex;flex-direction:column;min-height:0}#musicspace-sidebar-sticky{position:sticky;top:0;z-index:3;padding:10px 10px 12px;display:grid;gap:10px;background:linear-gradient(180deg,#0a0c12f5,#0a0c12d1);border-bottom:1px solid rgba(255,255,255,.08)}#musicspace-sidebar-brand{display:block;width:100%;padding:0;border-radius:18px;line-height:0;pointer-events:auto;overflow:hidden}#musicspace-sidebar-brand img{display:block;width:100%;height:auto}#musicspace-sidebar-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding:14px;display:grid;gap:14px}#musicspace-sidebar-footer{flex:0 0 auto;padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0a0c1238,#0a0c12b8)}.musicspace-sidebar-footer-links{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px 12px;color:#dfe7f2b8;font-size:10px;line-height:1.45;text-align:center;white-space:nowrap}.musicspace-sidebar-footer-links a,.musicspace-sidebar-footer-links span{color:inherit;text-decoration:none}.musicspace-sidebar-footer-links a:hover{color:#fff;text-decoration:underline}#musicspace-primary-panels,#musicspace-advanced-panels{display:grid;gap:14px}#musicspace-advanced-group{display:grid;gap:10px}.musicspace-advanced-heading{color:#f1f2f7b8;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:0 4px}#musicspace-sidebar-toggle,#musicspace-help-button{right:16px;left:auto;transition:right .22s ease,background-color .22s ease}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle{left:auto;right:calc(min(380px,calc(100vw - 28px)) + 28px)}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle+#musicspace-help-button{left:auto;right:calc(min(380px,calc(100vw - 28px)) + 28px)}#musicspace-session-status{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.musicspace-status-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;background:#bcc4d2b3;box-shadow:0 0 0 4px #bcc4d214}.musicspace-status-dot.is-live{background:#51e59f;box-shadow:0 0 12px #51e59f8c}.musicspace-status-dot.is-warn{background:#ff8d66;box-shadow:0 0 12px #ff8d666b}.musicspace-status-dot.is-idle{background:#aeb8c7}.musicspace-status-copy{min-width:0}.musicspace-status-line-1{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.musicspace-status-line-2{color:#dfe7f2b8;font-size:12px;line-height:1.35;word-break:break-word}#musicspace-quick-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.musicspace-quick-nav-button{min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e6ebf3b8;font-size:12px;font-weight:700;white-space:nowrap}.musicspace-quick-nav-button.is-active{background:#ffffff24;color:#fff;border-color:#ffffff29}.musicspace-card,.musicspace-accordion{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;display:grid;gap:12px;padding:16px;box-sizing:border-box;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;box-shadow:0 12px 28px #00000038}.musicspace-card--standalone{margin:0}.musicspace-card--room{background:#1b67702e;border-color:#62d6e72e}.musicspace-card--chat{background:#3441882e;border-color:#7591ff2e}.musicspace-card--media,.musicspace-card--media-alt{background:#7e4f1b2e;border-color:#f1af562e}.musicspace-card--people{background:#2a557829;border-color:#6eb0e72e}.musicspace-card--account{background:#56565c24;border-color:#b3b3bc24}.musicspace-card--preferences{background:#503e792e;border-color:#c18aff2e}.musicspace-card-header,.musicspace-button-row,.participant-row,.room-listing-bottom,.room-listing-top,.chat-compose{display:flex;align-items:center;justify-content:space-between;gap:10px}.musicspace-card-title-wrap,.musicspace-accordion-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.musicspace-card--room .musicspace-card-header>.musicspace-card-title-wrap{flex:0 0 116px}.musicspace-card--room .musicspace-card-header>.musicspace-card-subtitle{flex:1 1 0;min-width:0}.musicspace-card-icon{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 10px;border-radius:999px;background:#ffffff14;color:#fff5e8d6;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.musicspace-card-icon svg{width:18px;height:18px;display:block}.musicspace-card-icon--section{padding:0}.musicspace-card-icon--section svg{width:18px;height:18px;fill:currentColor}.musicspace-card-icon--account svg{width:14px;height:20px}.musicspace-card-icon--shared svg{width:18px;height:16px}.musicspace-card-title{margin:0;color:var(--musicspace-color-title);font-size:16px;font-weight:700;line-height:1.1}.musicspace-card-subtitle,.musicspace-helper-text,.musicspace-inline-note,.musicspace-inline-unit,.musicspace-card-meta{color:var(--musicspace-color-copy)}.musicspace-card-subtitle,.musicspace-helper-text,.musicspace-inline-note{font-size:12px;line-height:1.45}.musicspace-card-meta,.musicspace-inline-unit{font-size:11px}.musicspace-subsection{display:grid;gap:10px;padding:14px;border-radius:14px;background:var(--musicspace-color-panel-soft);border:1px solid rgba(216,162,77,.16)}.musicspace-subsection-title{color:var(--musicspace-color-title);font-size:13px;font-weight:700}.musicspace-field-stack{display:grid;gap:10px}.musicspace-field{display:grid;gap:6px;color:var(--musicspace-color-copy);font-size:12px;font-weight:600}.musicspace-input,input.musicspace-input,select.musicspace-input,.musicspace-input[type=file]{width:100%;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(216,162,77,.18);background:var(--musicspace-color-input);color:var(--musicspace-color-copy);box-sizing:border-box}.musicspace-input--small{min-height:38px;font-size:13px}.musicspace-input:focus,input.musicspace-input:focus,select.musicspace-input:focus{outline:none;background:#2a2a2afa;border-color:#4caf50d9}.musicspace-slider{width:100%}.musicspace-button{min-height:42px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700}.musicspace-button--block{width:100%}.musicspace-button--small{min-height:34px;padding:7px 10px;font-size:12px}.musicspace-button--primary{background:var(--musicspace-color-button);color:#050505;border:1px solid rgba(76,175,80,.9)}.musicspace-button--secondary{background:#202020f5;color:var(--musicspace-color-link);border:1px solid rgba(216,162,77,.26)}.musicspace-button--muted{background:#464646f5;color:var(--musicspace-color-copy);border:1px solid rgba(180,180,180,.22)}.musicspace-button--danger{background:#8d3a2d;color:#f7efec;border:1px solid rgba(181,86,66,.85)}.musicspace-button--text{min-height:auto;padding:0;border:0;background:transparent;color:var(--musicspace-color-link)}.musicspace-button:hover,.musicspace-button:focus-visible{border-color:#d8a24de0;box-shadow:0 0 0 1px #d8a24d3d}.musicspace-scene-button{position:absolute;z-index:9500;font-family:inherit;letter-spacing:.02em;box-shadow:0 10px 28px #00000059}.musicspace-scene-button--center{top:50%;left:50%;transform:translate(-50%,-50%);min-width:112px}.musicspace-scene-button--corner{top:16px;left:16px}.musicspace-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--musicspace-color-copy);background:#1a1a1af5;border:1px solid rgba(216,162,77,.18)}.musicspace-accordion{padding:0;overflow:hidden}.musicspace-accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;cursor:pointer}.musicspace-accordion-summary::-webkit-details-marker{display:none}.musicspace-accordion-meta{color:var(--musicspace-color-link);font-size:11px;text-align:right}.musicspace-accordion-body{display:grid;gap:12px;padding:0 16px 16px}#audioControls{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;z-index:auto!important;width:auto;display:grid!important;align-items:stretch;gap:10px;padding:0;background:transparent!important;border:0;border-radius:0;pointer-events:auto!important;box-sizing:border-box}#audioControls button,#audioControls select,#audioControls input[type=range]{width:100%;box-sizing:border-box}.participant-list-body{display:grid;gap:0;max-height:240px;overflow-y:auto}.participant-row{align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.participant-row:first-child{border-top:0;padding-top:0}.participant-name{color:#fff;font-size:13px;font-weight:700}.participant-state{color:#c2dfffd1;font-size:12px}.participant-actions button{min-height:34px}.room-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.room-browser-list{gap:8px;margin-top:10px}.room-browser-item{gap:8px;padding:12px;border-radius:14px}.room-browser-item-title{font-size:13px;font-weight:700}.room-browser-action-link{justify-self:start}.room-browser-item-slug,.room-browser-item-meta{color:#afbccd;font-size:11px}.chat-log{display:grid;gap:8px;min-height:128px;max-height:200px;overflow-y:auto;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.chat-message{word-break:break-word}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chat-surface-controls,.chat-tv-upload-controls,.chat-tv-upload-actions,.chat-tv-controls,.room-browser-controls{display:grid;gap:8px}.chat-surface-controls,.room-browser-controls{grid-template-columns:minmax(0,1fr) minmax(92px,auto)}.chat-tv-upload-actions,.chat-tv-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tv-controls{grid-template-columns:minmax(0,1fr)}.auth-secondary-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.auth-signed-in{display:grid;gap:10px}@media (max-width: 768px),(pointer: coarse){#volumeSlider,.musicspace-volume-field{display:none}:root{--musicspace-mobile-toggle-right: max(12px, calc(env(safe-area-inset-right, 0px) + 12px) )}#musicspace-lobby-overlay{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(var(--musicspace-mobile-toggle-right) + 64px);bottom:auto;left:16px;max-width:none;padding:14px 16px 12px;gap:8px}#musicspace-lobby-overlay:before{top:-10px;right:-14px;bottom:-10px;left:-14px}.lobby-overlay-headline{font-size:clamp(20px,6vw,30px)}.lobby-overlay-support{max-width:30ch;font-size:12px}#musicspace-sidebar{top:calc(env(safe-area-inset-top,0px) + 154px);right:12px;left:auto;bottom:12px;width:min(400px,calc(100vw - 24px))}#musicspace-sidebar:not(.is-open){transform:translate(calc(100% + 24px))}#musicspace-sidebar-toggle,#musicspace-help-button{top:calc(env(safe-area-inset-top,0px) + 12px);right:var(--musicspace-mobile-toggle-right);left:auto}#musicspace-help-button{top:calc(env(safe-area-inset-top,0px) + 58px)}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle{left:auto;right:var(--musicspace-mobile-toggle-right)}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle+#musicspace-help-button{left:auto;right:var(--musicspace-mobile-toggle-right)}}@media (max-width: 420px){:root{--musicspace-mobile-toggle-right: max(8px, calc(env(safe-area-inset-right, 0px) + 8px) )}#musicspace-lobby-overlay{top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;right:calc(var(--musicspace-mobile-toggle-right) + 56px);padding:10px 12px 8px;gap:6px}#musicspace-lobby-overlay:before{top:-8px;right:-10px;bottom:-8px;left:-10px}.lobby-overlay-headline{font-size:clamp(18px,8vw,24px)}.lobby-overlay-support{max-width:24ch;font-size:11px;line-height:1.34}#musicspace-sidebar{width:calc(100vw - 16px);top:calc(env(safe-area-inset-top,0px) + 140px);right:8px;bottom:8px}#musicspace-sidebar-toggle,#musicspace-help-button{top:calc(env(safe-area-inset-top,0px) + 8px);right:var(--musicspace-mobile-toggle-right)}#musicspace-help-button{top:calc(env(safe-area-inset-top,0px) + 54px)}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle{right:var(--musicspace-mobile-toggle-right);top:calc(env(safe-area-inset-top,0px) + 8px);bottom:auto}#musicspace-sidebar.is-open+#musicspace-sidebar-toggle+#musicspace-help-button{right:var(--musicspace-mobile-toggle-right);top:calc(env(safe-area-inset-top,0px) + 54px);bottom:auto}#musicspace-sidebar-scroll,#musicspace-sidebar-sticky,#musicspace-sidebar-footer{padding-left:12px;padding-right:12px}#musicspace-sidebar-brand{border-radius:16px}.musicspace-card,.musicspace-accordion,.musicspace-accordion-summary{padding:14px}.musicspace-accordion-body{padding:0 14px 14px}.musicspace-card-header,.room-section-header{align-items:flex-start;flex-direction:column}.room-section-hint,.room-browser-status{width:100%;max-width:none}.musicspace-button-row,.chat-form,.room-browser-controls,.chat-surface-controls,.chat-tv-upload-actions,.chat-tv-controls,.room-browser-actions{grid-template-columns:1fr;display:grid}}.chat-surface-section{gap:12px}.chat-surface-helper{max-width:none}.chat-surface-controls{grid-template-columns:1fr;align-items:stretch}.chat-surface-select,.chat-surface-file,.chat-surface-upload-button{width:100%}.chat-surface-file{min-height:48px;padding:8px 10px;line-height:1.35;overflow:hidden}.chat-surface-file::file-selector-button{margin-right:12px;padding:10px 12px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer}.chat-surface-file::-webkit-file-upload-button{margin-right:12px;padding:10px 12px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer}.chat-surface-upload-button{margin-top:2px}.chat-tv-upload-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 420px){.chat-surface-file{min-height:52px}.chat-surface-file::file-selector-button,.chat-surface-file::-webkit-file-upload-button{display:block;width:100%;margin:0 0 10px}}#preferences-panel{padding:0}