/* A presentation page stays in its frame; reading continues by explicit pages. */
html,body{height:100%;overscroll-behavior:none}
.shell{height:100dvh;max-height:100dvh;overflow:hidden}
.slide-scroll,.split-copy,.poem{overflow:hidden;overscroll-behavior:none}
.viewport-slide{overflow:hidden}
.stage-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:4vw;height:100%;min-height:0;padding:clamp(22px,3.5vh,44px) 4vw;max-width:1700px;margin:auto}
.stage-grid>.reading-region,.stage-media{min-width:0;min-height:0;height:100%}
.stage-media{display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.stage-media>.split-visual{height:100%;margin:0}
.split-visual{margin:0;width:100%}
.slide-inner{height:100%;min-height:0}
.signature .slide-inner>.reading-region{height:100%}
.reading-region{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}
.reading-viewport{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}
.reading-body{height:100%;min-height:0;overflow:visible;display:flow-root}
.reading-page{display:flow-root;min-height:0;max-width:100%}
.reading-page>*:first-child{margin-top:0}
.reading-page>*:last-child{margin-bottom:0}
.reading-page img{max-width:100%;max-height:100%;object-fit:contain}
.reading-controls{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line);font-family:var(--sans);color:var(--ink)}
.reading-counter{font-size:11px;line-height:1.4;letter-spacing:.3px;color:var(--gold);margin-right:auto;white-space:normal}
.reading-prev{width:44px;min-width:44px;min-height:44px;border:1px solid var(--line);font-size:21px}
.reading-next{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;background:var(--gold);color:#172017;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap}
.reading-controls button:focus-visible{outline-offset:-3px}
.reading-controls.is-single{min-height:24px;padding-top:8px;margin-top:9px}
.reading-controls.is-single .reading-prev,.reading-controls.is-single .reading-next{display:none}
.reading-controls.is-single .reading-counter{font-size:10px;color:var(--muted)}
.reading-controls-complete .reading-next{display:none}
.statement .reading-controls{border-color:#5b67553b;color:#263125}
.statement .reading-counter{color:#596c4e}
.chapter-position{display:flex;flex-direction:column;gap:5px;min-width:0}
.bottom-bar .position{min-width:180px;gap:13px}
#readingProgress{font-size:10px;color:var(--gold);line-height:1.3;display:block}
.worlds-chapter .world-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:12px;height:100%;min-height:0;margin:0}
.worlds-chapter .world-card{min-height:0;aspect-ratio:auto;height:100%;padding:0}
.worlds-chapter .world-card img{object-position:50% 40%}
.worlds-chapter .world-name{left:14px;bottom:20px}
.worlds-chapter .world-card h3{font-size:27px}
.worlds-chapter .world-card p{font-size:10px;max-width:140px;line-height:1.5}
.visual-board,.transition-board,.frames-board,.extension-deck{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;gap:12px}
.visual-board .visual-tabs,.frames-board>.visual-tabs{margin:0;gap:5px 14px}
.visual-board .split-visual{height:100%;min-height:0}
.transition-menu{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 12px}
.transition-choice{font-size:12px;gap:6px;padding:8px 0;min-height:40px}
.transition-pair{height:100%;min-height:0;gap:10px}
.transition-pair .pair-item{height:100%;min-height:0;overflow:hidden}
.transition-pair img{height:100%;aspect-ratio:auto;object-position:center}
.transition-description{margin:0}
.transition-description p{font-size:16px;line-height:1.8}
.visual-chapter .palette{margin:0}
.visual-chapter #visualDetail h3{font-size:29px}
#visualDetail,.transition-description{min-height:0}
.lyrics-page{height:100%;min-height:0;padding:18px 24px}
.poem{height:100%;padding:0;font-size:22px;line-height:1.4;white-space:normal}
.poem-text{white-space:pre-line;font-family:var(--serif);font-size:inherit;line-height:inherit;margin:14px 0 0}
.lyrics-page .reading-controls{color:#263125;border-color:#65765e66;margin-top:8px}
.lyrics-page .reading-counter{color:#4e6246}
.lyrics-page .reading-prev{border-color:#65765e66}
.lyrics-page .reading-next{background:#26392c;color:#f3efe6}
.lyrics-page .translation-note{margin-top:10px}
.language-tabs{margin-bottom:5px}
.audio-note{font-size:12px;color:var(--gold);min-height:36px;display:flex;align-items:center;gap:18px;padding:4px 0;text-align:left;text-decoration:underline;text-underline-offset:5px}
.audio-note span{font-size:19px;text-decoration:none}
.sound-panel{padding:25px;min-height:0;max-height:100%}
.sound-panel:before{display:none}
.sound-panel .eyebrow{margin-bottom:12px}
.sound-panel h3{max-width:80%;font-size:29px;margin-bottom:10px}
.sound-panel .track-meta{margin:14px 0 10px}
.sound-panel .track-number{font-size:50px;top:22px;right:20px}
.sound-panel .audio-download{min-height:36px;font-size:11px}
.music-deck{display:flex;flex-direction:column;gap:12px;min-height:0;width:100%}
.music-deck .track-selectors{flex:none;margin:0}
.music-deck .track-selector{min-height:75px;padding:10px}
.music-deck .track-selector .num{font-size:20px;display:inline;margin-right:8px}
.music-deck .track-selector small{display:inline;margin:0}
.music-deck .track-selector strong{margin-top:7px}
.music-order{margin:0;flex:none;font-size:11px;line-height:1.5}
.compact-audio{min-height:0;display:flex;align-items:center;gap:15px;background:var(--panel);padding:10px 12px;border:1px solid var(--line)}
.compact-audio>span{font-size:9px;line-height:1.6;color:var(--gold);max-width:100px;flex:none}
.compact-audio audio{width:100%;min-width:0;height:40px;color-scheme:dark}
.extension-info{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:12px}
.extension-info>.reading-region{height:100%;min-height:0}
.gallery-grid{display:flex;min-height:0;margin:0;gap:0}
.gallery-grid .reading-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gallery-grid .gallery-tile{min-height:0}
.gallery-grid .gallery-tile img{aspect-ratio:16/7}
.gallery-grid .gallery-tile .tile-caption{font-size:10px;padding:7px 8px}
.flow-board,.production-board{height:100%;min-height:0}
.flow-board>.reading-region,.production-board>.reading-region{height:100%}
.timeline{margin:0;gap:0 20px;grid-template-columns:1fr 1fr}
.timeline-item{min-height:54px;padding:10px 0;gap:10px}
.timeline-item strong{font-size:23px}
.production-board .reading-page{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.production-board .collaboration-card{min-height:0;padding:13px 0 8px}
.production-board .collaboration-card h3{font-size:25px;margin:8px 0}
.production-board .collaboration-card p{font-size:12px;line-height:1.6}
.demo-chapter .stage-grid{grid-template-columns:.8fr 1.2fr}
.film-frame{width:100%;max-height:100%;min-height:0;display:flex;flex-direction:column}
.film-frame video{max-height:calc(100dvh - var(--header) - var(--footer) - 100px);width:100%;min-height:0;aspect-ratio:16/9;object-fit:contain}
.film-meta{flex:none}
.cover .cover-layout{height:100%;min-height:0;overflow:hidden}
dialog[open]{overflow:hidden;max-height:92dvh;height:min(720px,92dvh);display:flex;flex-direction:column}
.dialog-top,.gallery-top{flex:none}
.detail-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.detail-body .reading-page img{max-height:min(43dvh,calc(100% - 24px));width:100%;object-fit:contain;margin:12px 0}
.detail-body .reading-page p{margin-top:0}
.detail-body .reading-controls{margin-top:14px}
.contents-list{flex:1;min-height:0;display:flex;flex-direction:column}
.contents-list .reading-page{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}
.dialog-foot{flex:none}
.gallery-dialog .gallery-image-wrap{min-height:0;flex:1}
.gallery-dialog .gallery-image-wrap>img{height:100%;max-height:100%;object-fit:contain}
.gallery-dialog .gallery-caption{flex:none}
@media(max-width:1100px){
 .stage-grid{gap:3vw;padding:24px 4vw}
 .reading-controls{gap:8px}.reading-counter{font-size:10px}.reading-next{font-size:11px;padding:10px 12px}
 .slide h2{font-size:39px}.stage-grid .lead{font-size:17px;line-height:1.6}.stage-grid .body-copy{font-size:15px;line-height:1.8}
 .stage-grid .transition-description p{font-size:15px;line-height:1.8}
 .bottom-bar .position{min-width:165px}.progress{max-width:150px}
}
@media(orientation:landscape) and (max-height:570px){
 .stage-grid{padding:15px 3vw;gap:3vw;grid-template-columns:1fr 1fr}
 .slide h2{font-size:30px;line-height:1.12;margin-bottom:15px;letter-spacing:-1px}
 .stage-grid .eyebrow{font-size:8px;margin-bottom:10px}
 .stage-grid .lead{font-size:14px;line-height:1.6;margin-bottom:14px}
 .stage-grid .body-copy,.stage-grid .transition-description p{font-size:14px;line-height:1.65;margin-bottom:14px}
 .stage-grid .detail-link{font-size:11px;min-height:40px}
 .reading-controls{min-height:48px;padding-top:7px;margin-top:8px;gap:7px}
 .reading-counter{font-size:9px;letter-spacing:0}.reading-prev{min-width:40px;width:40px;min-height:40px}
 .reading-next{min-height:40px;padding:8px 11px;font-size:11px;gap:6px}
 .reading-controls.is-single{min-height:18px;margin-top:5px;padding-top:6px}
 .reading-controls.is-single .reading-counter{font-size:9px}
 .chapter-position{gap:4px}.bottom-bar .position{min-width:145px!important}
 #readingProgress{font-size:9px;max-width:155px}.progress{max-width:80px}
 .stage-grid .image-label{left:15px;right:15px;bottom:5px}.stage-grid .image-label p{font-size:20px}
 .stage-grid .image-label .eyebrow{font-size:7px;margin-bottom:4px}
 .worlds-chapter .world-card h3{font-size:22px}.worlds-chapter .world-card p{font-size:8px}.worlds-chapter .world-name{left:10px;bottom:12px}.worlds-chapter .world-card .plus{right:10px;bottom:9px;font-size:20px}
 .visual-board,.transition-board,.frames-board,.extension-deck{gap:7px}
 .visual-board .visual-tabs{gap:0 8px}.visual-board .chip{font-size:10px;min-height:33px;padding:6px 0}
 .visual-chapter #visualDetail h3{font-size:24px}
 .transition-menu{gap:0 10px}.transition-choice{font-size:11px;min-height:32px;padding:5px 0;gap:5px}
 .transition-description h3{font-size:24px}
 .lyrics-page{padding:10px 14px}.language-tabs{gap:13px;margin:0}.language-tabs button{font-size:9px;min-height:30px}
 .poem{font-size:19px;line-height:1.35}.poem-text{margin:8px 0 0}.lyrics-page .translation-note{font-size:8px;line-height:1.3;margin-top:6px}
 .sound-panel{padding:16px 18px}.sound-panel h3{font-size:24px;margin-bottom:7px}.sound-panel .eyebrow{margin-bottom:6px}
 .sound-panel .track-number{font-size:40px;top:13px;right:14px}.sound-panel .track-meta{margin:7px 0;font-size:8px}.sound-panel audio{height:40px}
 .sound-panel .audio-note{font-size:10px;min-height:30px}.sound-panel .audio-download{font-size:9px;min-height:28px}
 .music-deck{gap:8px;display:grid;grid-template-rows:54px minmax(0,1fr);height:100%}.music-deck .track-selector{min-height:0;padding:7px}.music-deck .track-selector .num{font-size:16px;line-height:1}.music-deck .track-selector small{font-size:8px}.music-deck .track-selector strong{font-size:9px;margin-top:4px}
 .music-deck .sound-panel{padding:11px 15px}.music-deck .sound-panel h3{font-size:21px;margin-bottom:3px}.music-deck .sound-panel .eyebrow{margin-bottom:4px}
 .music-deck .sound-panel .track-meta{margin:3px 0 5px}.music-order{font-size:9px;line-height:1.4}
 .music-deck #selectedAudio,.music-deck .sound-panel{height:100%;min-height:0}.music-deck .sound-panel .eyebrow,.music-deck .sound-panel .track-meta{display:none}.music-deck .sound-panel h3{margin-bottom:4px}.music-deck .sound-panel .audio-note{min-height:27px;padding:1px 0}.music-deck .sound-panel .audio-download{min-height:26px}.music-deck .sound-panel audio{height:38px}
 .compact-audio{padding:6px 8px;gap:8px}.compact-audio>span{font-size:8px;max-width:65px}.compact-audio audio{height:35px}
 .frames-board>.visual-tabs .chip{font-size:10px;min-height:32px;padding:5px 0}
 .gallery-grid .gallery-tile img{aspect-ratio:16/6}.gallery-grid .gallery-tile .tile-caption{font-size:9px;padding:5px 6px}
 .gallery-grid .reading-page{gap:7px}.timeline-item{min-height:42px;padding:6px 0}.timeline-item strong{font-size:20px}.timeline-item .range{font-size:9px}
 .production-board .reading-page{gap:6px 15px}.production-board .collaboration-card{padding:8px 0 4px}.production-board .collaboration-card h3{font-size:21px;margin:7px 0}.production-board .collaboration-card p{font-size:11px;line-height:1.5}
 .film-frame video{max-height:calc(100dvh - var(--header) - var(--footer) - 62px)}.film-meta{padding:8px 10px;font-size:8px}
 .signature .slide-inner{padding:15px 4vw}.signature-text{font-size:47px;margin:0 0 15px;letter-spacing:-2px}
 dialog[open]{height:92dvh;padding:16px 22px}.dialog-top{padding-bottom:10px;margin-bottom:12px}.dialog-top h2{font-size:27px}
 .detail-body p{font-size:14px;line-height:1.7}.detail-body .reading-page img{max-height:min(45dvh,calc(100% - 24px))}
 .detail-body .reading-controls{margin-top:8px}.dialog-foot{font-size:10px;margin-top:9px}.chapter-link{min-height:43px;font-size:11px}
 .gallery-dialog .gallery-caption{margin-top:7px}.gallery-dialog .gallery-caption p{font-size:10px;line-height:1.4}.gallery-dialog .gallery-caption h2{font-size:18px}.gallery-dialog .gallery-caption .eyebrow{font-size:8px}
}
@media(max-width:760px){.bottom-bar .progress{display:none}.bottom-bar .position{min-width:120px!important}.bottom-bar .nav-button.next{min-width:180px}.bottom-bar .nav-button{padding-inline:11px}}
@media(max-width:760px) and (orientation:landscape){.production-board .reading-page{grid-template-columns:1fr}.extension-info{gap:7px}}
@media(max-width:650px) and (orientation:portrait){
 .stage-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,.82fr);gap:17px;padding:20px 23px}
 .slide h2{font-size:32px}.stage-grid .body-copy{font-size:15px;line-height:1.7}.stage-grid .lead{font-size:15px}
 .reading-controls{min-height:49px;margin-top:8px;padding-top:8px}.reading-next{font-size:11px}.reading-counter{font-size:10px}
 .stage-grid .image-label p{font-size:21px}.stage-grid .image-label{bottom:5px;left:15px}.stage-grid .image-label .eyebrow{font-size:8px}
 .bottom-bar .position{min-width:50px!important}.bottom-bar #count{font-size:8px}.bottom-bar #chapterName{display:none}.bottom-bar .chapter-position{max-width:75px}
 #readingProgress{font-size:8px}.bottom-bar .nav-button.next{min-width:145px;max-width:165px;font-size:11px}.bottom-bar .nav-button{min-width:55px;padding:8px}.bottom-bar{gap:8px}
 .demo-chapter .stage-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.film-frame video{max-height:30dvh}.film-meta{font-size:8px;padding:9px}
 .lyrics-chapter .stage-grid,.extension-chapter .stage-grid{grid-template-rows:minmax(0,.7fr) minmax(0,1fr)}
 .lyrics-page{padding:10px 16px}.poem{font-size:20px}.language-tabs button{min-height:32px;font-size:9px}.lyrics-page .translation-note{font-size:8px}
 .sound-panel{padding:15px 19px}.sound-panel h3{font-size:25px}.sound-panel .eyebrow{margin-bottom:5px}.sound-panel .track-meta{margin:7px 0}.sound-panel .audio-note{min-height:30px}.sound-panel .audio-download{min-height:30px}
 .music-deck{gap:8px;display:grid;grid-template-rows:54px minmax(0,1fr);height:100%}.music-deck .track-selector{padding:7px;min-height:0}.music-deck .track-selector strong{font-size:9px}.music-deck .track-selector .num{font-size:17px}.music-order{font-size:9px}.music-deck .sound-panel{padding:10px 15px;height:100%}.music-deck #selectedAudio{height:100%;min-height:0}.music-deck .sound-panel h3{font-size:21px;margin-bottom:3px}.music-deck .sound-panel audio{height:38px}.music-deck .sound-panel .eyebrow,.music-deck .sound-panel .track-meta{display:none}.music-deck .sound-panel .audio-note{min-height:27px;padding:1px 0}.music-deck .sound-panel .audio-download{min-height:26px}
 .music-chapter .stage-grid{grid-template-rows:minmax(0,.8fr) minmax(0,1fr)}
 .frames-board>.visual-tabs .chip{font-size:11px;min-height:34px}.gallery-grid .gallery-tile img{aspect-ratio:16/6}
 .worlds-chapter .world-grid{gap:10px}.worlds-chapter .world-card h3{font-size:24px}.worlds-chapter .world-card p{font-size:9px}
 .visual-board .visual-tabs{gap:0 9px}.visual-board .chip{font-size:10px;min-height:30px}.transition-choice{font-size:10px;min-height:30px}
 .cover .cover-layout{gap:15px;padding:22px 25px;display:flex;flex-direction:column;justify-content:center}
 .cover .cover-intro .eyebrow{margin-bottom:7px}.cover .cover-duality{font-size:17px;margin-bottom:5px}.cover h1{font-size:58px}.cover .cover-slogan{font-size:8px;margin:10px 0}.cover .button-row{margin:8px 0 0;gap:15px}.cover .primary-button{min-height:39px;padding:8px 13px;font-size:11px}.cover .text-button{min-height:39px;font-size:10px}
 .cover-notice{padding:18px}.cover-notice h2{font-size:28px;margin-bottom:12px}.cover-notice p:not(.notice-label){font-size:16px;line-height:1.45;margin-bottom:12px}.cover-notice p.notice-final{padding-top:10px;margin:0}.cover-notice .notice-label{font-size:7px;margin-bottom:10px}
 .signature .slide-inner{padding:22px}.signature-text{font-size:43px}.contents-list .reading-page{grid-template-columns:1fr 1fr;gap:0 13px}.chapter-link{font-size:11px;min-height:46px;gap:8px}
 .production-board .collaboration-card h3{font-size:22px}.production-board .collaboration-card p{font-size:11px}.gallery-dialog .gallery-caption{gap:5px}.gallery-dialog .gallery-caption h2{font-size:22px}
}

/* One sequence, one pair of navigation buttons: topic and image advance together. */
.sequence-copy{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sequence-heading{flex:none;max-width:100%;margin-bottom:20px}
.sequence-heading .eyebrow{margin-bottom:14px}
.sequence-heading .eyebrow span{white-space:nowrap;color:var(--muted)}
.sequence-heading h2{margin-bottom:0}
.sequence-copy>.reading-region{flex:1;min-height:0;height:auto}
.sequence-chapter .reading-controls{display:none}
.sequence-chapter .reading-viewport{flex:1 1 0}
.sequence-chapter .reading-page .body-copy{margin:0;font-size:17px;line-height:1.85}
.sequence-chapter .reading-page .lead{margin:0 0 20px}
.sequence-chapter .palette{margin-top:22px}
.sequence-chapter .stage-media>.split-visual{margin:0;height:100%}
.sequence-chapter .split-visual>img{object-fit:contain}
.sequence-pair{width:100%;height:100%;min-height:0}
.sequence-pair .pair-item{height:100%;min-height:0;overflow:hidden}
.sequence-pair img{height:100%;width:100%;object-fit:cover;aspect-ratio:auto}
@media(max-width:1100px){.sequence-heading{margin-bottom:17px}.sequence-heading h2{font-size:37px}.sequence-chapter .reading-page .body-copy{font-size:16px;line-height:1.75}}
@media(orientation:landscape) and (max-height:570px){
 .sequence-chapter .stage-grid{grid-template-columns:1.05fr .95fr}
 .sequence-heading{margin-bottom:12px}.sequence-heading .eyebrow{margin-bottom:9px}
 .sequence-heading h2{font-size:29px;line-height:1.13;letter-spacing:-.8px}
 .sequence-chapter .reading-page .body-copy{font-size:14px;line-height:1.7}
 .sequence-chapter .reading-page .lead{font-size:14px;line-height:1.55;margin-bottom:13px}
 .sequence-chapter .palette{margin-top:15px}
}
@media(max-width:650px) and (orientation:portrait){
 .sequence-chapter .stage-grid{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);gap:18px}
 .sequence-heading{margin-bottom:14px}.sequence-heading .eyebrow{margin-bottom:10px}
 .sequence-heading h2{font-size:29px;line-height:1.15;letter-spacing:-.7px}
 .sequence-chapter .reading-page .body-copy{font-size:15px;line-height:1.7}
 .sequence-chapter .reading-page .lead{font-size:15px;line-height:1.6;margin-bottom:14px}
}

/* Lyrics are one complete, smaller text in their own scrollable box. */
.lyrics-page .poem{height:auto;flex:1 1 0;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;font-size:18px;line-height:1.5;padding:4px 12px 10px 0;scrollbar-width:thin;scrollbar-color:#657654 #c5cbbb;-webkit-overflow-scrolling:touch}
.lyrics-page .poem-text{font-size:inherit;line-height:inherit;margin:0;white-space:pre-line}
.lyrics-page .poem::-webkit-scrollbar{width:8px}
.lyrics-page .poem::-webkit-scrollbar-track{background:#c5cbbb;border-radius:8px}
.lyrics-page .poem::-webkit-scrollbar-thumb{background:#657654;border-radius:8px;border:1px solid #c5cbbb;min-height:30px}
.lyrics-page .poem:focus-visible{outline:1px solid #657654;outline-offset:3px}
.lyrics-scroll-hint{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--sans);font-size:10px;line-height:1.4;color:#59694f;margin:8px 0 10px}
.lyrics-scroll-hint span{font-size:17px;line-height:1}
.lyrics-page .translation-note{flex:none}
.poem-shell{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 9px;grid-template-rows:minmax(0,1fr);gap:10px}
.poem-shell .poem{height:100%;padding-right:0;scrollbar-width:none}
.poem-shell .poem::-webkit-scrollbar{display:none}
.poem-scrollbar{position:relative;width:9px;height:100%;min-height:0;background:#bec6b4;border-radius:6px;touch-action:none;cursor:pointer}
.poem-scroll-thumb{position:absolute;left:0;top:0;width:100%;background:#637653;border-radius:6px;min-height:0;pointer-events:auto}
.poem-scrollbar:focus-visible{outline:1px solid #46563a;outline-offset:3px}
.poem-scrollbar[aria-disabled=true]{opacity:.4;cursor:default}
.song-lyrics-page{flex:1;min-height:0}
.detail-body .lyrics-scroll-hint{font-size:10px;line-height:1.4;color:#59694f;margin:4px 0 10px}
.detail-body .song-lyrics-page .poem-text{font-family:var(--serif);font-size:inherit;line-height:inherit;color:#263125}
.track-selectors{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.track-selector strong{line-height:1.25}
.track-picker{display:none;flex:none;min-height:0}
.track-picker label{font-size:10px;line-height:1.4;color:var(--gold)}
.track-picker select{width:100%;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:0;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--panel);color-scheme:dark;touch-action:manipulation}
@media(max-width:1000px){.track-picker{display:flex;flex-direction:column;gap:5px}.music-deck .track-selectors{display:none}}
@media(orientation:landscape) and (max-height:570px){
 .lyrics-page .poem{font-size:15px;line-height:1.5;padding-right:10px}
 .lyrics-scroll-hint{font-size:8px;margin:5px 0 7px}
 .lyrics-scroll-hint span{font-size:14px}
 .music-deck{grid-template-rows:62px minmax(0,1fr)}
 .music-deck .track-selector{padding:6px;overflow:hidden}
 .music-deck .track-selector strong{font-size:9px;margin-top:4px}
}
@media(max-width:650px) and (orientation:portrait){
 .lyrics-page .poem{font-size:16px;line-height:1.5}
 .lyrics-scroll-hint{font-size:9px;margin:6px 0 8px}
 .music-deck{grid-template-rows:62px minmax(0,1fr)}
 .music-deck .track-selector{padding:6px;overflow:hidden}
 .music-deck .track-selector strong{font-size:9px;margin-top:4px}
}