:root{color-scheme:dark;--bg:#111416;--panel:#1a1e22;--line:#333a40;--text:#edf1ef;--muted:#a6b1af;--accent:#98e2c7;--font:Inter,-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--font)}h1,h2,h3,h4,p{margin:0}button,input,summary{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button,a,summary,input,video{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,video:focus-visible,.lyrics-text:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .15s,border-color .15s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}p,h1,h2,h3,h4{word-break:keep-all;overflow-wrap:break-word}.mono{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.quiet-link{font-size:14px;color:var(--muted);white-space:nowrap}.quiet-link:hover{color:var(--text)}.shell{width:min(1280px,100%);padding:0 36px 52px;margin:0 auto}
.page-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.song-title{display:flex;align-items:baseline;gap:14px}.song-title h1{font-size:30px;font-weight:650;letter-spacing:-1.1px;line-height:1.25}.song-title>span{font-size:13px;letter-spacing:1.7px;color:var(--muted)}
.timeline{position:relative;display:flex;overflow-x:auto;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#48564f transparent;overscroll-behavior-x:contain}.timeline button{flex:1 0 auto;min-width:70px;padding:9px 11px;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;position:relative;overflow:hidden;white-space:nowrap}.timeline button:hover{background:#20272a}.timeline button[aria-current=step]{background:#263b32;border-color:#456b59;color:#b6f4db}.timeline strong{display:block;font-size:14px;font-weight:550}.nav-time{display:block;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5}.nav-progress{position:absolute;height:2px;bottom:0;left:0;right:0}.nav-progress i{display:block;height:100%;width:0;background:var(--accent)}
.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 15px}.section-title{display:flex;align-items:baseline;gap:13px;min-width:0}.section-title h2{font-size:20px;line-height:1.5;font-weight:550;letter-spacing:-.3px}.section-arrows{display:flex;gap:4px}.section-arrows button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:transparent;border-radius:6px;font-size:20px}.section-arrows button:hover:not(:disabled){background:var(--panel);border-color:#56695d}
.showcase{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);align-items:start;gap:32px}.showcase.no-lyrics{grid-template-columns:minmax(0,1fr)}.player{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.stage-picture{background:#040506}.stage-picture video{display:block;width:100%;aspect-ratio:8/5;object-fit:contain;cursor:pointer}.no-lyrics .stage-picture video{max-height:56vh}.player-controls{padding:10px 18px 0}.waveform{height:30px;position:relative;margin:0 0 7px;overflow:hidden}.waveform svg{position:absolute;inset:0;width:100%;height:100%}.waveform rect{fill:#435c50}.waveform rect.passed{fill:var(--accent)}.waveform input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.waveform:focus-within{outline:2px solid var(--accent);outline-offset:3px}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#dcf4e7;pointer-events:none}.range-shade{position:absolute;top:0;bottom:0;background:#9ce3c822;border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none}
.transport{display:flex;align-items:center;gap:14px;margin-bottom:15px}.play-button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:6px;background:var(--accent);color:#12271f;min-width:92px;min-height:42px;padding:8px 14px;font-size:14px;font-weight:650}.play-button #play-icon{font-size:15px;min-width:15px}.transport>.mono{white-space:nowrap}.loop-control{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:14px;color:var(--muted);cursor:pointer;min-height:40px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}.mixes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #424c50;border-radius:6px;padding:3px;gap:3px}.mixes button{border:1px solid transparent;border-radius:4px;padding:8px 5px;background:transparent;color:#b1bcb9;font-size:14px;white-space:nowrap;min-height:40px}.mixes button:hover{background:#2a3335}.mixes button[aria-pressed=true]{background:#36463f;border-color:#627f70;color:#e1fbed}.mix-status{font-size:13px;color:var(--accent);margin-top:10px}.range-info{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:9px;font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.text-button{border:0;background:none;padding:6px 0;color:var(--accent);font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.advanced{margin-top:12px;border-top:1px solid var(--line)}.advanced>summary{padding:12px 0;color:var(--muted);font-size:14px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary::after{content:'+';font-size:19px;line-height:1}.advanced[open]>summary::after{content:'−'}.advanced-body{padding:5px 0 19px}.settings-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px 25px;margin-bottom:22px}.toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.volume{display:flex;align-items:center;gap:10px;flex:1;min-width:210px;font-size:14px;color:var(--muted)}.volume input{accent-color:var(--accent);min-width:60px;width:100%;flex:1}.volume .mono{min-width:35px;text-align:right}.sound-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advanced h3{font-size:14px;font-weight:500;color:var(--muted);margin-bottom:8px}.advanced h3 small{font-size:12px;color:#85958e;margin-left:5px;font-weight:400}.parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.parts button{border:1px solid #3d4948;background:#232d29;color:#cde2d7;border-radius:5px;font-size:14px;padding:8px 5px;min-height:40px}.parts button[aria-pressed=false]{background:transparent;color:var(--muted)}.parts button[aria-pressed=true]{border-color:#6f947f;color:#cff5e1}.mix-note{font-size:13px;color:var(--muted);margin-top:14px}.cue-panel{margin-top:22px}.cues{display:flex;flex-wrap:wrap;gap:6px}.cue{border:1px solid #3c4744;border-radius:5px;background:transparent;color:#b9c8c0;font-size:13px;padding:9px 11px;min-height:40px;font-variant-numeric:tabular-nums}.cue.active{border-color:var(--accent);color:var(--accent);background:#294036}.error{color:#f7c5c2;background:#442d2e;padding:10px 12px;border-radius:5px;font-size:14px;margin:12px 0}.error:empty{display:none}
.lyrics-panel{min-width:0;padding:3px 0 0}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:0 0 14px;border-bottom:1px solid var(--line)}.panel-heading h3{font-size:16px;font-weight:500}.lyrics-text{font-size:18px;line-height:2.05;white-space:pre-wrap;overflow-wrap:anywhere;padding:19px 16px 15px 0;max-height:570px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#48564f transparent}.lyric-response{color:#c5a5bf}
.talks-panel{margin-top:36px;padding-top:25px;border-top:1px solid var(--line)}.talks-panel>h3{font-size:18px;font-weight:550;margin-bottom:17px}.talks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.talk-card{min-width:0;display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1fr);gap:0;overflow:hidden;background:#1c1c22;border:1px solid #38333d;border-radius:9px}.talk-card video{display:block;width:100%;height:100%;max-height:410px;aspect-ratio:9/16;object-fit:contain;background:#07070a;align-self:start}.talk-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:19px;min-width:0}.talk-card h4{font-size:17px;line-height:1.6;font-weight:550}.talk-card p{font-size:16px;line-height:1.85;color:#bcb4c2}.talk-scope{font-size:12px;line-height:1.65;color:#a08fa5}.talk-source{font-size:13px;color:#beadc6;margin-top:auto;padding-top:5px;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:15px;background:var(--accent);color:#13251b;padding:10px 16px;z-index:10}.skip-link:focus{top:10px}
.full-stage-page{max-width:1160px;margin:0 auto;padding:25px 24px 40px}.full-stage-page .page-header{min-height:65px}.full-stage-page h1{font-size:24px;font-weight:550}.full-stage-page video{display:block;width:100%;max-height:80vh;background:#000;border-radius:9px}.full-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:var(--muted)}.lyrics-full-page{max-width:760px;margin:auto;padding:32px 24px}.lyrics-full-page h1{font-size:28px;margin:20px 0 16px}.lyrics-full-page p{font-size:14px;color:var(--muted);margin-bottom:22px}.lyrics-full-page pre{font:18px/2 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.lyrics-full-page a{font-size:14px;color:var(--muted)}
@media(max-width:1050px){.shell{padding-right:24px;padding-left:24px}.showcase{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px}.timeline button{flex:0 0 auto;min-width:78px}.talks{gap:16px}.talk-card{grid-template-columns:minmax(145px,.85fr) minmax(0,1fr)}.talk-card-copy{padding:15px;gap:9px}.talk-card p{font-size:15px}.talk-card h4{font-size:16px}.sound-groups{grid-template-columns:1fr}}
@media(max-width:760px){.shell{padding:0 18px 32px}.page-header{min-height:74px}.song-title h1{font-size:28px}.song-title{gap:11px}.song-title>span{font-size:12px}.timeline{margin:0 -18px;padding:0 18px 10px;gap:3px}.timeline button{min-width:76px;padding:8px 10px}.section-toolbar{padding-top:14px;padding-bottom:12px}.section-title h2{font-size:19px}.section-title{gap:10px}.section-arrows button{width:40px;height:40px}.showcase{grid-template-columns:minmax(0,1fr);gap:25px}.no-lyrics .stage-picture video{max-height:none}.player-controls{padding:9px 14px 0}.mixes button{min-height:43px}.lyrics-text{max-height:none;overflow:visible;padding-top:16px;font-size:17px;line-height:2}.sound-groups{grid-template-columns:1fr 1fr}.talks-panel{margin-top:28px;padding-top:22px}.talks{grid-template-columns:minmax(0,1fr)}.talk-card{grid-template-columns:minmax(150px,.7fr) minmax(0,1fr)}.talk-card video{max-height:430px}.talk-card p{font-size:16px}.talk-card-copy{padding:19px;gap:12px}.talk-card h4{font-size:17px}.quiet-link{font-size:14px}}
@media(max-width:390px){.shell{padding-right:12px;padding-left:12px}.timeline{margin:0 -12px;padding-right:12px;padding-left:12px}.section-title{flex-wrap:wrap;gap:0 9px}.mixes button{font-size:13px;padding-left:2px;padding-right:2px}.transport{gap:10px}.play-button{min-width:83px;padding:8px 10px}.loop-control{font-size:13px}.sound-groups{grid-template-columns:1fr}.talk-card{grid-template-columns:145px minmax(0,1fr)}.talk-card-copy{padding:13px;gap:9px}.talk-card p{font-size:15px}.talk-card h4{font-size:16px}.talk-scope{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Lyrics and livestream stay side by side on wider screens. */
.shell{width:min(1560px,100%)}.showcase.has-talks{grid-template-columns:minmax(400px,1.6fr) minmax(245px,1fr) minmax(280px,1fr);gap:24px}.talks-panel{margin:0;padding:3px 0 0;border:0;min-width:0}.talks-panel>h3{font-size:16px;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.talks{grid-template-columns:minmax(0,1fr);gap:16px}.talk-card{display:block}.talk-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px}.talk-card-heading h4{font-size:14px;font-weight:500}.talk-card-heading .talk-source{margin:0;padding:0;font-size:12px}.talk-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:310px;object-fit:contain}.talk-transcript{padding:13px 15px 16px}.talk-transcript>span{font-size:12px;color:var(--muted)}.talk-transcript blockquote{margin:7px 0 0;font-size:16px;line-height:1.85;white-space:pre-wrap;color:#e1d6e5;word-break:keep-all;overflow-wrap:anywhere}.panel-heading{flex-wrap:wrap;gap:5px 12px}.panel-heading .quiet-link{margin-left:auto}.panel-heading #lyrics-follow{font-size:13px;padding:0;min-height:28px}.lyrics-text{position:relative;white-space:normal;max-height:min(65vh,680px);overflow-y:auto;scrollbar-gutter:stable;scroll-behavior:smooth;overscroll-behavior:contain;padding-top:20px;padding-bottom:35vh}.lyric-line{display:block;white-space:pre-wrap;color:#829089;border-left:2px solid transparent;padding:3px 0 3px 10px;transition:color .15s,background .15s}.lyric-line.current{color:#e7fff3;background:#24463844;border-left-color:var(--accent);font-weight:600}.lyric-response{color:#987e93}.lyric-response.current{color:#efd4e8;border-left-color:#d4a9c9;background:#51334833}.lyric-break{display:block;height:14px}
@media(max-width:1179px) and (min-width:761px){.showcase.has-talks{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.showcase.has-talks>.player{grid-column:1/-1}.showcase.has-talks>.player .stage-picture video{max-height:52vh}.talk-card video{max-height:330px}}
@media(max-width:760px){.showcase.has-talks{grid-template-columns:minmax(0,1fr);gap:25px}.lyrics-text{max-height:48svh;overflow-y:auto;padding-bottom:22svh}.talks-panel{margin:0;padding-top:6px}.talk-card video{max-height:50svh}.lyric-line{font-size:17px}.talk-transcript blockquote{font-size:16px}}

.talk-card-heading{align-items:flex-start}.talk-card-heading h4{min-width:0;line-height:1.6}.talk-card-heading .talk-source{flex-shrink:0;white-space:nowrap}

.showcase.has-talks.no-lyrics{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.showcase.has-talks.no-lyrics>.player{grid-column:auto}
@media(max-width:760px){.showcase.has-talks.no-lyrics{grid-template-columns:minmax(0,1fr)}}

.talk-time{flex-shrink:0;white-space:nowrap;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.talk-card video{height:auto;max-height:540px;aspect-ratio:9/16}
@media(max-width:760px){.talk-card video{max-height:60svh}}

.listening-modes{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.listening-modes a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 22px;border-bottom:2px solid transparent;color:var(--muted);font-size:16px;font-weight:550}.listening-modes a:hover{color:var(--text);text-decoration:none;background:#1b2522}.listening-modes a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);background:#20352c55}.full-listening .player-controls{padding-bottom:15px}.full-volume{margin-top:16px;max-width:300px}.full-listening audio{display:none}.full-listening .mix-note{margin-bottom:0}
.replay-player{width:min(100%,480px);margin:0 auto;background:#050607;border:1px solid var(--line);border-radius:10px;overflow:hidden}.replay-player video{display:block;width:100%;aspect-ratio:9/16;max-height:calc(100svh - 180px);object-fit:contain}
@media(max-width:600px){.listening-modes{display:grid;grid-template-columns:1fr 1.1fr 1.8fr;gap:0}.listening-modes a{padding:10px 6px;font-size:14px;line-height:1.5;text-align:center;word-break:keep-all}.replay-player video{max-height:calc(100svh - 175px)}}

/* Original and Korean wording share the same timed lyric line. */
.lyric-original{display:block}.lyric-line.translated{padding-top:7px;padding-bottom:7px}.lyric-translation{display:block;margin-top:3px;color:var(--muted);font-size:.85em;font-weight:400;line-height:1.65;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere}.lyric-line.current .lyric-translation{color:var(--text);font-weight:500}.lyrics-document{margin-top:24px;font-size:18px;line-height:1.85}.lyrics-document .lyric-line{color:var(--text);padding-left:0;border:0}.lyrics-document .lyric-break{height:22px}