.mode-switch{display:flex;gap:3px;padding:3px;background:#142019;border:1px solid #43563b;border-radius:5px}.mode-switch button{display:flex;align-items:center;gap:5px;padding:8px 10px;font:9px Arial,'Noto Sans KR',sans-serif;white-space:nowrap;border-radius:3px;color:#82967c}.mode-switch button span{font-family:'Noto Sans KR',sans-serif;font-size:8px}.mode-switch button.selected{background:#c2e7a3;color:#233b16}.mode-switch button[aria-pressed="true"]:before{content:'●';font-size:5px}.audio-stage{display:none;min-height:178px;padding:24px 15px 19px;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-block:1px solid #354636;background:radial-gradient(ellipse at center,#3c5a2c38,transparent 70%),#152019}.audio-stage .audio-stage-label{font:8px Arial,sans-serif;letter-spacing:4px;color:#a8c393}.audio-stage strong{font:600 24px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#c0d8ac}.audio-stage>span:last-child{font-size:8px;color:#829975}.audio-wave{display:flex;align-items:center;gap:4px;height:40px;margin:2px 0}.audio-wave i{width:3px;height:7px;background:#91b96a;border-radius:2px;opacity:.55;transform-origin:center}.audio-wave i:nth-child(3n){height:24px}.audio-wave i:nth-child(4n){height:35px}.audio-wave i:nth-child(5n){height:15px}.audio-stage[data-playing="true"] .audio-wave i{animation:audio-pulse 1s ease-in-out infinite alternate;opacity:.9}.audio-stage[data-playing="true"] .audio-wave i:nth-child(2n){animation-delay:-.65s}.audio-stage[data-playing="true"] .audio-wave i:nth-child(3n){animation-delay:-.3s}.audio-stage[data-playing="true"] .audio-wave i:nth-child(5n){animation-delay:-.8s}@keyframes audio-pulse{0%{transform:scaleY(.35)}100%{transform:scaleY(1.25)}}
[data-spoilers="off"] .video-container{position:absolute;left:0;top:0;width:100%;height:220px;min-height:220px;visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(50%)}[data-spoilers="off"] .audio-stage{display:flex}[data-spoilers="off"] .track-art,[data-spoilers="off"] .queue-track img,[data-spoilers="off"] .entry-result img{display:none}[data-spoilers="on"] .track-art,[data-spoilers="on"] .queue-track img,[data-spoilers="on"] .entry-result img{object-fit:contain;background:#c7d3c311;padding:3px}[data-spoilers="on"] .chapter-tile img{object-fit:contain;padding:6px;background:#cad6c00d;opacity:1}.queue-track:has(img[hidden]){padding-left:0}
[data-theme="light"] .mode-switch{background:#e7f0df;border-color:#becfae}[data-theme="light"] .mode-switch button{color:#798c69}[data-theme="light"] .mode-switch button.selected{background:#719a47;color:#fff}[data-theme="light"] .audio-stage{background:radial-gradient(ellipse at center,#d9e9c966,transparent 70%),#eef5e7;border-color:#cfddc4}[data-theme="light"] .audio-stage .audio-stage-label{color:#79965e}[data-theme="light"] .audio-stage strong{color:#557c36}[data-theme="light"] .audio-stage>span:last-child{color:#8da277}[data-theme="light"] .audio-wave i{background:#7b9e55}
@media(max-width:1190px){[data-spoilers="off"] .track-source{margin-left:0}}
@media(max-width:760px){.mode-switch{margin-right:auto}.mode-switch button{padding:7px 9px;font-size:8px}.mode-switch button span{font-size:8px}.audio-stage{min-height:200px}.audio-wave{gap:3px}.audio-stage strong{font-size:21px}.audio-stage>span:last-child{font-size:7px}}
@media(max-width:470px){.audio-stage{min-height:170px}.audio-stage strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.audio-stage[data-playing="true"] .audio-wave i{animation:none}}