.player-surface{position:relative;border:1px solid #ffffff1c;border-radius:26px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 36px #0003}.audio-player{position:relative;width:100%;min-width:0;display:flex;flex-direction:column;padding:32px 30px 44px;min-height:540px}.player-top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;min-height:224px;margin-bottom:28px}.cover{width:180px;height:180px;aspect-ratio:1;object-fit:cover;border-radius:12px}.player-main{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.track-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.track-heading>div:first-child{min-width:0;flex:1}.track-heading h2{font-size:30px;font-weight:400;line-height:1.3;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artist{font-size:14px;color:var(--text-secondary);margin-top:5px}.mode{flex-shrink:0}.mode legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.segment{display:flex;border:1px solid #ffffff20;border-radius:24px;white-space:nowrap}.segment button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:24px;font-size:13px}.segment .ui-icon{width:17px;height:17px}.segment button[aria-pressed=true]{background:var(--accent-button);color:#fff}.segment button:disabled{background:transparent;color:var(--text-secondary)}.timeline{width:100%}input[type=range]{--fill:0%;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent-ui) var(--fill),#555357 var(--fill));accent-color:var(--accent-ui)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#f6f5f4}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#f6f5f4}input[type=range]:disabled{opacity:.4}.times{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-top:6px;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:space-between;gap:4px}.icon-button{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;border-radius:50%;flex:0 0 44px;touch-action:manipulation}.icon-button .ui-icon{width:20px;height:20px}.icon-button[aria-pressed=true] .ui-icon{filter:none}.repeat-one{position:absolute;top:3px;right:4px;font-size:9px;color:var(--accent-ui)}.play-button{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1;flex:0 0 48px;border-radius:50%;background:var(--accent-ui);touch-action:manipulation}.play-button .ui-icon{width:23px;height:23px}.volume{display:flex;align-items:center;gap:3px;width:25%;min-width:65px}.volume input{--fill:65%}.playlist{min-height:0;max-height:268px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7771 #0000;overscroll-behavior:contain}.track{border-top:1px solid #ffffff12;border-left:2px solid transparent}.track:last-child{border-bottom:1px solid #ffffff12}.track.active{background:#ffffff03;border-left-color:var(--accent-ui)}.track-row{display:flex;align-items:stretch;min-height:54px}.track-select{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:8px 12px;text-align:left}.track-symbol .ui-icon{width:11px;height:15px}.track-name{min-width:0;flex:1}.track-title{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.expand{min-width:44px;min-height:44px;display:grid;place-items:center}.expand .ui-icon{width:16px;height:16px;transition:transform .15s}.expand[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.track-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .15s}.track-detail.open{grid-template-rows:1fr}.track-detail>div{overflow:hidden}.track-detail-inner{display:flex;gap:16px;padding:16px 12px 22px}.track-detail img{width:64px;height:64px;object-fit:cover;border-radius:6px}.track-detail p{font-size:13px;color:#c2bec4;line-height:1.7}.track-detail dl{font-size:12px;color:var(--text-secondary);margin:12px 0 0}.track-detail dl>div{display:grid;grid-template-columns:64px 1fr;gap:8px;margin-top:6px}.track-detail dt{color:#c4bec7}.track-detail dd{margin:0}.player-status{position:absolute;left:32px;bottom:13px;right:25px;font-size:12px;color:var(--text-secondary);line-height:1.4;min-height:15px}.skip{position:fixed;top:-100px;left:10px;background:#fff;color:#111;padding:14px;z-index:20}.skip:focus{top:10px}
details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:17px 0;border-block:1px solid var(--border-glass);cursor:pointer;list-style:none;font-size:15px;font-weight:500}summary::-webkit-details-marker{display:none}.disclosure-mark{font-size:21px;font-weight:300;line-height:1;transition:transform .15s}details[open]>summary .disclosure-mark{transform:rotate(45deg)}#comparison-disclosure{margin-top:0}#comparison-disclosure>summary{padding:40px 0 14px;border:0;gap:28px}#comparison-disclosure>summary h2{font-size:clamp(38px,3vw,56px)}#comparison-subtitle{font-size:clamp(17px,1.15vw,21px);color:#b8b7b8;margin-top:4px;margin-bottom:32px}.comparison-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:32px 30px}.comparison-artwork{width:180px;height:180px;aspect-ratio:1;object-fit:cover;border-radius:12px}.comparison-main{display:flex;flex-direction:column;gap:20px;min-width:0}.comparison-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.comparison-heading{min-width:0}.comparison-heading h3{font-size:26px;line-height:1.3;font-weight:400;letter-spacing:-.025em}.comparison-heading>p{font-size:14px;color:var(--text-secondary);margin-top:5px}.comparison-top .segment{flex-shrink:0}.waveform-wrap{margin:0;padding-block:6px}.waveform-wrap canvas{display:block;width:100%;height:84px}.waveform-wrap p{font-size:11px;color:var(--text-secondary)}#comparison[data-waveform="line"] .waveform-wrap,#comparison[data-waveform="loading"] .waveform-wrap{display:none}.comparison-controls{display:flex;align-items:center;gap:20px}.comparison-seek{flex:1;min-width:0}.comparison-time{font-size:13px;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.comparison-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--text-secondary);font-size:12px;line-height:1.5}.comparison-meta #comparison-status{margin:0;flex:1}.comparison-meta .source-indicator,.comparison-meta #comparison-note{font-size:12px;margin:0}.comparison-meta #comparison-note:empty{display:none}
@media(hover:hover) and (pointer:fine){.icon-button:hover{background:#ffffff09}.track-row:hover{background:#ffffff04}.play-button:hover{background:var(--accent-hover)}.text-link:hover{border-color:#fff}.contact-cta:hover{background:#dedddd}nav a:hover:after{transform:scaleX(1)}}
@media(hover:none){.icon-button:active{background:#ffffff09}.play-button:active{background:var(--accent-hover)}}

.voice-preview>#comparison-disclosure>summary{border-top:0}

.player-surface::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff0d}
.voice-preview>#comparison-disclosure>summary{border:0}.voice-preview .disclosure-mark{font-size:27px}