.session-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 12px}.session-heading h2{font-size:1rem}.session-heading .small{margin:7px 0 0}.session-heading button{white-space:nowrap;min-height:42px;font-size:.75rem}
#practice-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'toolbar toolbar' 'listening chord' 'lyrics lyrics' 'score score';gap:14px;align-items:stretch;scroll-margin-top:10px}
.session-toolbar{grid-area:toolbar;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fffdf8}.session-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.session-buttons button{font-size:.74rem;padding:10px 7px;min-height:44px}.session-buttons .secondary{color:var(--ink);border-color:var(--line)}.session-settings{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:12px}.session-settings label:not(.check-label){flex-direction:row;align-items:center;gap:8px}.session-settings select{font-size:.74rem;min-height:36px;padding:7px 25px 7px 8px}.session-settings .check-label{min-height:36px;font-size:.7rem}
#practice-stage>.listening{grid-area:listening;min-width:0}#practice-stage>#chord-panel{grid-area:chord;margin:0;min-width:0}#practice-stage>.score-card{grid-area:score}#practice-stage>.session-lyrics{grid-area:lyrics}
#chord-panel .chord-example{gap:14px}#chord-panel .chord-example>div:first-child{flex-basis:140px}#chord-panel #chord-diagram svg{width:140px}
.session-lyrics{padding:16px 20px;border:1px solid var(--line);border-radius:13px;background:#e9eee2;min-width:0}.session-lyrics>div:first-child{display:flex;gap:14px;align-items:center;justify-content:space-between}.session-lyrics>div:first-child span{font-size:.65rem;color:var(--muted)}.session-lyrics button{font-size:.65rem;padding:7px 10px}.session-lyrics p{margin:9px 0;overflow-wrap:anywhere}.session-lyrics #session-lyric-current{font-size:1.1rem;line-height:1.5;font-weight:650;min-height:1.5em}.session-lyrics #session-lyric-next{font-size:.78rem;color:var(--muted);min-height:1.5em}.lyric-mini-nav{display:flex;gap:7px;justify-content:end}
.score-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.score-pager button{padding:6px 15px;min-height:34px}.score-pager span{font-size:.7rem;color:var(--muted)}#practice-stage .score{max-height:240px;margin-bottom:8px}#practice-stage .tab-block{margin:0;grid-template-columns:22px repeat(6,minmax(30px,1fr))}.tab-string-labels{display:grid;grid-template-rows:repeat(6,22px)}#practice-stage .tab-column{grid-template-rows:repeat(6,22px) 18px}.note-length{font:10px system-ui;color:var(--muted);padding-top:3px}.score .kunkun{grid-auto-columns:65px;grid-template-rows:repeat(4,52px)}.score .kunkun button{font-size:1.5rem;padding:5px}.score .kunkun small{font-size:9px}
.session-config-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.session-config-header h2{margin:0}.session-config-header button{font-size:.7rem}body[data-view=tuner] .session-configuration{display:none!important}body.focused{overflow-anchor:none}body.focused .session-heading{position:sticky;top:0;z-index:25;background:var(--paper);padding:5px 0}body.focused .listening .card-top>span{display:none}body.focused .heard>span:first-child{font-size:0}body.focused .heard>span:first-child:after{content:'検出';font-size:.6rem}body.focused #touch-description{display:none}body.focused .touch-panel{padding-top:9px}body.focused .listening .target{height:50px}
.session-buttons #touch-chord-actions{display:contents}.session-buttons #touch-chord-actions button{font-size:.7rem;padding:8px 5px}body.focused[data-mode=touch][data-chords=true] :is(#touch-start,#restart,#reference,.touch-panel){display:none!important}.session-lyrics #session-lyric-current{max-height:4.5em;overflow:auto}body.focused #touch-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-height:95px;overflow:auto}body.focused #touch-keys button{min-width:0;padding:7px 3px;font-size:.7rem}body.focused #touch-keys small{font-size:.5rem}
body[data-diagram=false] #practice-stage{grid-template-areas:'toolbar toolbar' 'listening listening' 'lyrics lyrics' 'score score'}body.focused[data-diagram=false] .listening{display:grid;grid-template-columns:95px minmax(0,1fr);gap:4px 12px;align-items:center}body.focused[data-diagram=false] .listening .card-top{grid-column:1/-1}body.focused[data-diagram=false] .listening .target{grid-column:1;grid-row:2/6}body.focused[data-diagram=false] .listening .position,body.focused[data-diagram=false] .listening .tuner,body.focused[data-diagram=false] .listening .heard,body.focused[data-diagram=false] .listening .level{grid-column:2;margin:0}body.focused[data-diagram=false] .listening #feedback{grid-column:1/-1;margin:4px 0 0}body.focused footer{display:none}
@media(max-width:650px){body.focused[data-diagram=false] #practice-stage{grid-template-areas:'listening listening' 'lyrics lyrics' 'score score'}}
#touch-chord-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#touch-chord-actions .set-shape{margin:0}#touch-chord-actions button{font-size:.72rem;min-height:42px}
body[data-view=tuner] #practice-stage{display:flex;flex-direction:column;max-width:480px}body[data-view=tuner] .session-toolbar{order:2}body[data-view=tuner] :is(.session-settings,#demo,#touch-start,#restart,.session-lyrics,#lyric-editor,#focus-mode){display:none!important}body[data-view=tuner] .session-buttons{grid-template-columns:1fr 1fr}body[data-view=tuner] #mic-start{grid-column:1/-1}body[data-view=tuner] .session-heading .small{display:none}
body[data-view=practice][data-chords=true][data-chord-check=strum] .listening .tuner{display:none}
body.focused :is(.topbar,.intro,.preset-section,.setup,#lesson-detail,.midi-import,#midi-status,.tuning-choice,.learning-card,.help){display:none!important}body.focused .page{max-width:1000px;padding-top:10px}body.focused .instrument-switch{margin-bottom:7px;max-width:300px;display:inline-flex}body.focused .instrument-switch button{padding:7px 16px;font-size:.75rem}body.focused .view-switch{display:inline-flex;margin:0 0 7px 10px;vertical-align:top}body.focused .view-switch button{font-size:.72rem;min-height:35px;padding:7px 12px}body.focused .session-heading{margin:4px 0 9px}body.focused .session-heading .small{display:none}body.focused .session-heading h2{font-size:.86rem}body.focused .session-heading button{font-size:.65rem;padding:7px 10px;min-height:34px}body.focused :is(.chord-catalog,#chord-instruction,#chord-barre,#fret-details,.mic-note,#score-help,.score-card>.practice-note,.session-lyrics .lyric-mini-nav){display:none!important}
body.focused .listening{padding:14px 17px}body.focused .listening .card-top>span{font-size:.6rem}body.focused .target{height:70px}body.focused .target>span:first-child{font-size:3.7rem}body.focused .target>span:last-child{font-size:.95rem}body.focused .position{font-size:.72rem;margin-bottom:7px}body.focused .tuner{margin:8px 0 6px}body.focused .tuner-track{height:16px}body.focused .tuner-track i{height:16px}body.focused .tuner-track b{height:12px;top:2px}body.focused .heard{font-size:.62rem}body.focused #feedback{font-size:.71rem;min-height:2.5em;line-height:1.65;margin:9px 0 0}body.focused #chord-panel{padding:10px}body.focused #chord-panel .chord-example{justify-content:center;height:100%}body.focused #chord-panel .chord-example>div:first-child{flex-basis:110px}body.focused #chord-panel #chord-diagram svg{width:110px;height:120px}body.focused .score-card{padding:13px 16px}body.focused progress{margin:9px 0}body.focused .loop{padding:10px 0 0;margin-top:7px}body.focused .score-card .backing{display:none}body.focused .session-lyrics{padding:11px 16px}body.focused .session-lyrics #session-lyric-current{font-size:1rem;margin:6px 0}body.focused .session-lyrics #session-lyric-next{font-size:.7rem;margin:6px 0 0}body.focused #practice-stage .tab-column{grid-template-rows:repeat(6,18px) 16px}body.focused .tab-string-labels{grid-template-rows:repeat(6,18px)}
@media(max-width:650px){
 .session-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.session-settings{gap:8px;margin-top:9px}.session-settings label:not(.check-label){font-size:.65rem;gap:5px}.session-settings select{font-size:.68rem;padding-right:17px}.session-toolbar{padding:10px}.session-buttons button{font-size:.68rem;padding:8px 5px}
 #practice-stage{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#practice-stage .listening{padding:15px 12px}#practice-stage #chord-panel .chord-example{display:block}#practice-stage #chord-panel .chord-example>div:first-child{width:100%}#practice-stage #chord-panel #chord-diagram svg{max-width:100%;margin:auto}#practice-stage #chord-panel .chord-catalog{margin-bottom:12px}#practice-stage #chord-panel .chord-catalog summary{font-size:.7rem}.chord-group button{min-width:41px}#practice-stage .target{gap:7px}#practice-stage .target>span:first-child{font-size:3.7rem}#practice-stage .target>span:last-child{font-size:.8rem}#practice-stage .position{font-size:.7rem}#practice-stage #feedback{font-size:.7rem}#practice-stage .listening .card-top{flex-direction:column;gap:5px;align-items:start}.session-heading .small{display:none}
 body.focused .page{padding:7px 12px 160px}body.focused .instrument-switch{display:flex;max-width:none;width:100%;margin-bottom:6px;padding:2px}body.focused .instrument-switch button{padding:6px}body.focused .view-switch{display:none}body.focused #practice-stage{grid-template-areas:'listening chord' 'lyrics lyrics' 'score score';gap:9px}body.focused .session-toolbar{position:fixed;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;z-index:20;padding:8px 12px max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 15px #27302814}body.focused .session-buttons{gap:5px}body.focused .session-buttons button{min-height:38px;font-size:.65rem}body.focused .session-settings{justify-content:space-between;gap:7px;margin-top:6px}body.focused .session-settings label:not(.check-label){font-size:.58rem}body.focused .session-settings select{min-height:30px;padding:5px 16px 5px 6px;font-size:.63rem}body.focused .session-settings .check-label{font-size:.59rem;min-height:30px;gap:4px}body.focused .session-settings input{width:14px;height:14px}body.focused .listening{padding:10px 12px}body.focused .listening h2{font-size:.67rem}body.focused .listening .card-top>span{font-size:.55rem}body.focused .target{height:57px}body.focused .target>span:first-child{font-size:3.2rem}body.focused .position{font-size:.65rem;min-height:1.7em}body.focused .heard strong{font-size:.9rem}body.focused #feedback{font-size:.65rem;min-height:2.5em}body.focused #chord-panel #chord-diagram svg{width:100px;height:110px}body.focused #chord-panel .chord-example h2{font-size:.7rem}body.focused .session-lyrics>div:first-child span{font-size:.55rem}body.focused .session-lyrics button{font-size:.58rem;padding:5px 7px}body.focused .score-card{padding:10px 12px}body.focused .card-top h2{font-size:.7rem}body.focused .loop select{min-height:31px;padding:5px 17px 5px 7px}body.focused .loop>label{font-size:.7rem}body.focused .score .kunkun{grid-template-rows:repeat(4,39px);grid-auto-columns:55px}body.focused .score .kunkun button{font-size:1.3rem;padding:2px}body.focused .score .kunkun small{font-size:8px}body.focused .score-pager{margin:4px 0}body.focused .score-pager button{min-height:28px;padding:3px 12px}body.focused .loop{padding-top:7px;margin-top:4px}
}