.listening-room{--lr-bg:var(--bg);--lr-panel:var(--surface);--lr-line:var(--border);--lr-text:var(--text-primary);--lr-muted:var(--text-muted);--lr-mint:var(--audio-original);--lr-amber:var(--audio-processed);color:var(--lr-text);width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;container:listening-room/inline-size}.listening-room *,.listening-room :before,.listening-room :after{box-sizing:border-box}.listening-room button,.listening-room input,.listening-room a{-webkit-tap-highlight-color:transparent}.listening-room button{cursor:pointer}.listening-room button:not(.app-button){font:inherit;color:inherit}.listening-room button:disabled{opacity:.55;cursor:not-allowed}.listening-room a:not(.app-button){color:inherit}.listening-room button,.listening-room a,.listening-room input{touch-action:manipulation}.listening-room:focus-visible,.listening-room :focus-visible{outline:2px solid var(--lr-mint);outline-offset:4px;border-radius:5px}.listening-room [data-source=A]{--lr-source:var(--lr-mint);--lr-selected-bg:var(--audio-original-soft);--lr-selected-border:var(--audio-original-border)}.listening-room [data-source=B]{--lr-source:var(--lr-amber);--lr-selected-bg:var(--audio-processed-soft);--lr-selected-border:var(--audio-processed-border)}.lr-heading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px;display:flex}.lr-eyebrow{color:var(--lr-muted);text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;font-size:11px;font-weight:650}.lr-heading h1{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(32px,4vw,46px);font-weight:580;line-height:1.14}.lr-embedded{border-top:1px solid var(--lr-line);padding-top:24px}.lr-embedded .lr-heading{align-items:flex-start;margin-bottom:22px}.lr-heading>div{min-width:0}.lr-heading h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 9px;font-size:clamp(23px,2.6vw,30px);font-weight:580;line-height:1.2}.lr-track-annotation{color:var(--lr-muted);text-underline-offset:3px;margin:5px 0;font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.lr-embedded .lr-track-title>span{overflow-wrap:anywhere}.lr-embedded .lr-heading .app-button-primary{color:var(--accent-fg)}.lr-error .lr-download{margin:8px 0 8px 12px}.lr-subtitle{color:var(--lr-muted);margin:0}.lr-download{border:1px solid var(--lr-line);background:var(--lr-panel);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 15px;font-size:13px;text-decoration:none;display:inline-flex}.lr-download:hover{border-color:var(--lr-mint)}.lr-player{border:1px solid var(--lr-line);background:var(--lr-panel);border-radius:14px;overflow:hidden}.lr-player-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:17px 23px 15px;display:flex}.lr-listening-label{color:var(--lr-muted);align-items:center;gap:10px;font-size:13px;display:flex}.lr-listening-label strong{color:var(--lr-source);font-weight:600}.lr-status-dot{background:var(--lr-source);border-radius:50%;width:7px;height:7px}.lr-match{background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 8px;display:inline-flex;font-size:13px!important}.lr-switch{background:#505a56;border-radius:20px;flex-shrink:0;width:33px;height:19px;padding:3px;display:block}.lr-switch>span{background:#d6ded9;border-radius:50%;width:13px;height:13px;transition:transform .15s;display:block}.lr-match[aria-checked=true] .lr-switch{background:var(--lr-mint)}.lr-match[aria-checked=true] .lr-switch>span{background:#1c392b;transform:translate(14px)}.lr-tracks{gap:11px;padding:0 22px;display:grid}.lr-track{border:1px solid var(--lr-line);background:#15191a;border-radius:9px;min-width:0;padding:15px 18px 13px;transition:background .15s,border-color .15s}.lr-track[data-selected=true]{border-color:var(--lr-selected-border);background:var(--lr-selected-bg)}.lr-track-heading{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;display:flex}.lr-source-badge{color:var(--lr-source);border:1px solid color-mix(in srgb, var(--lr-source) 45%, transparent);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:inline-flex}.lr-track-title{gap:1px;display:grid}.lr-track-title strong{color:var(--lr-text);font-size:16px;font-weight:600}.lr-track-title>span{color:var(--lr-muted);font-size:12px}.lr-selected-label{color:var(--lr-source);letter-spacing:.15em;text-transform:uppercase;margin-left:auto;padding-left:10px;font-size:10px}.lr-track-detail{color:var(--lr-muted);margin:11px 0 3px;font-size:13px}.lr-waveform{width:100%;height:88px;margin:6px 0 4px;position:relative}.lr-waveform svg{width:100%;height:100%;display:block}.lr-waveform path{fill:none;stroke:var(--lr-source);stroke-width:1.4px;vector-effect:non-scaling-stroke}.lr-waveform .lr-wave-unplayed{opacity:.69}.lr-waveform .lr-wave-played{opacity:1}.lr-waveform .lr-wave-baseline{opacity:.12;stroke-width:1px}.lr-waveform .lr-wave-cursor{stroke:#f0efeb;stroke-width:1px}.lr-visual-seek{opacity:0;cursor:crosshair;width:100%;height:100%;margin:0;position:absolute;inset:0}.lr-waveform:focus-within,.lr-spectrum-image:focus-within{outline:2px solid var(--lr-mint);outline-offset:3px;border-radius:2px}.lr-track-measurements{color:var(--lr-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:5px 20px;font-size:12px;display:flex}.lr-track-measurements strong{color:var(--lr-source);font-weight:500}.lr-transport{padding:16px 24px 13px}.lr-timeline{color:var(--lr-muted);font-variant-numeric:tabular-nums;align-items:center;gap:18px;font-size:12px;display:flex}.lr-timeline>span{min-width:29px}.lr-timeline>span:last-child{text-align:right}.lr-timeline input{flex:1;min-width:0}.listening-room input[type=range]{accent-color:var(--lr-mint)}.lr-timeline input,.lr-volume input{cursor:pointer;height:44px;margin:0}.lr-transport-controls{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 16px;display:flex}.lr-play-controls{align-items:center;gap:4px;display:flex}.lr-play{background:var(--lr-mint);border:1px solid var(--lr-mint);width:54px;height:54px;box-shadow:0 0 0 3px var(--lr-panel), 0 0 0 5px var(--lr-mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 6px;display:inline-flex;color:#152a21!important}.lr-play:hover{background:#d4efdf}.lr-play>svg{stroke-width:1.5px}.lr-icon-button{background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative;color:var(--lr-muted)!important}.lr-icon-button:hover{background:#242c28;color:var(--lr-text)!important}.lr-icon-button[data-active=true]{background:#253b30;border-color:#617d6e;color:var(--lr-mint)!important}.lr-skip svg{transform:translateY(-2px)}.lr-skip>span{text-align:center;background:var(--lr-panel);width:15px;margin:auto;font-size:9px;line-height:1;position:absolute;top:24px;left:0;right:0}.lr-ab{border:1px solid var(--lr-line);background:#111614;border-radius:8px;gap:3px;padding:4px;display:inline-flex}.lr-ab button{min-height:44px;color:var(--lr-muted);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;display:inline-flex}.lr-ab button[aria-pressed=true]{background:var(--lr-selected-bg);color:var(--lr-source);border-color:color-mix(in srgb, var(--lr-source) 20%, transparent)}.lr-key{border:1px solid;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:inline-flex}.lr-volume{color:var(--lr-muted);align-items:center;gap:10px;display:flex}.lr-volume input{width:85px}.lr-listening-note{color:var(--lr-muted);margin:0;font-size:13px}.lr-error{color:#ffc5b6;font-size:13px}.lr-player-footer{border-top:1px solid var(--lr-line);color:var(--lr-muted);background:#141917;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:13px 24px;font-size:12px;display:flex}.lr-player-footer>span{align-items:center;gap:8px;display:inline-flex}.lr-shortcuts{gap:5px!important}.lr-shortcuts kbd{border:1px solid #46544b;border-radius:3px;padding:0 3px;font-size:10px}.lr-spectral-panel{border:1px solid var(--lr-line);background:#151819;border-radius:14px;margin-top:20px;padding:22px 24px 17px}.lr-spectral-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.lr-spectral-heading .lr-eyebrow{margin-bottom:5px}.lr-spectral-heading h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:550}.lr-spectral-heading p:last-child{color:var(--lr-muted);margin:5px 0 0;font-size:12px}.lr-band-label{color:var(--lr-muted);border:1px solid var(--lr-line);white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:11px}.lr-spectral-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.lr-spectrum{min-width:0;margin:0}.lr-spectrum figcaption{align-items:center;gap:9px;margin-bottom:12px;font-size:13px;display:flex}.lr-spectrum figcaption>span:last-child{color:var(--lr-muted);margin-left:auto;font-size:10px}.lr-spectrum .lr-source-badge{width:23px;height:23px;font-size:11px}.lr-spectrum-row{gap:8px;display:flex}.lr-frequency-labels{width:32px;color:var(--lr-muted);text-align:right;flex-direction:column;flex-shrink:0;justify-content:space-between;font-size:10px;line-height:1;display:flex}.lr-spectrum-image{background:#090a0c;border-radius:3px;width:100%;min-width:0;position:relative;overflow:hidden}.lr-spectrum-image img{width:100%;height:auto;display:block}.lr-spectrum-cursor{pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 3px #000}.lr-spectrum-times{color:var(--lr-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:6px 0 0 40px;font-size:10px;display:flex}.lr-spectrum-footer{color:var(--lr-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:11px;display:flex}.lr-colour-scale{align-items:center;gap:10px;display:inline-flex}.lr-colour-ramp{background:linear-gradient(90deg,#000004,#3b0f70,#8c2981,#de4968,#fe9f6d,#fcfdbf);border-radius:4px;width:100px;height:6px;display:inline-block}.lr-colour-ramp[data-palette=ember-v1]{background:linear-gradient(90deg,#040509,#220f40,#5c1c6f,#ab376c,#ea7563,#fccc8d,#fff2ca)}.lr-visual-unavailable{text-align:center;color:var(--lr-muted);justify-content:center;align-items:center;margin:0;padding:8px;font-size:12px;display:flex;position:absolute;inset:0}@media (max-width:760px){.lr-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:23px}.lr-heading h1{font-size:35px}.lr-download{font-size:12px}.lr-player-heading{gap:0;padding:12px 15px 10px}.lr-match{padding-left:0}.lr-tracks{padding:0 12px}.lr-track{padding:12px}.lr-track-detail{font-size:12px}.lr-track-measurements{font-size:11px}.lr-selected-label{font-size:9px}.lr-waveform{height:72px}.lr-transport{padding:10px 17px 14px}.lr-transport-controls{grid-template-columns:1fr auto;gap:18px 10px;margin-bottom:18px;display:grid}.lr-ab{grid-area:2/1/auto/-1;justify-self:stretch}.lr-ab button{flex:1}.lr-play{width:46px;height:46px;margin:0 3px}.lr-play-controls{gap:0}.lr-repeat{margin-left:4px}.lr-volume{gap:5px}.lr-volume input{width:60px}.lr-player-footer{padding:13px 17px}.lr-shortcuts{display:none!important}.lr-spectral-panel{padding:19px 16px 17px}.lr-spectral-heading{flex-direction:column;align-items:flex-start;gap:12px}.lr-spectral-heading h2{font-size:20px}.lr-spectral-pair{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:380px){.lr-volume input{width:44px}.lr-repeat{margin-left:0}.lr-transport{padding-left:12px;padding-right:12px}}@container listening-room (max-width:350px){.lr-transport-controls{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.lr-play-controls{justify-content:space-between}.lr-volume{grid-row:3;width:100%}.lr-volume input{flex:1;width:auto;min-width:0}.lr-ab button{gap:5px;min-width:0;padding-inline:7px;font-size:12px}.lr-track-heading{flex-wrap:wrap;column-gap:8px}.lr-track-title{flex:1;min-width:0}.lr-selected-label{flex-basis:100%;margin-left:40px;padding-left:0}.lr-spectrum figcaption{flex-wrap:wrap}.lr-spectrum figcaption>span:last-child{flex-basis:100%;margin-left:32px}}@media (prefers-reduced-motion:reduce){.listening-room *,.listening-room :before,.listening-room :after{transition:none!important}}