/* Release 22: readable controls, compact answers and a quieter quiz layout. */
.in-session main{padding-bottom:154px}
.in-session .session-header{grid-template-columns:minmax(0,1fr) auto;padding:10px 0;margin-bottom:14px}
.in-session .quiz-mode{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-bottom:10px}
.in-session .quiz-mode .timer-center{flex:0 0 auto;min-width:0}
.in-session .quiz-mode .timer{font-size:27px;padding:9px 15px;min-width:99px;line-height:1.15;color:#66ff92;border-color:#21b956;background:#103a25;box-shadow:inset 0 0 16px #31ce5520}
.in-session .quiz-mode .timer.urgent{color:#ff737c;border-color:#ef4354;background:#4a1923;box-shadow:inset 0 0 16px #f33c5625}
.in-session .quiz-mode .timer.paused{color:#66ff92;border-color:#21b956;background:#103a25}
.in-session .quiz-mode .timer.paused{font-size:15px}
.quiz-book-title{font-size:12px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
:is(.in-session,.combat-view) .answers{gap:max(6px,calc(8px * var(--answer-spacing, .85)))}
:is(.in-session,.combat-view) .answer{padding:calc(12px * var(--answer-spacing, .85));gap:calc(11px * var(--answer-spacing, .85));min-height:44px}
.next-question{margin-top:12px;min-height:44px;font-size:14px}
.answer-note{color:var(--mint);font-size:13px;line-height:1.5;margin:9px 0 0}
.session-progress{padding:10px 18px max(14px,env(safe-area-inset-bottom))}
.session-progress .session-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 0 9px;font-size:10px;line-height:1.5}
.session-stats span{display:block;min-width:0}
.session-stats b{display:block;font-size:13px}
.session-progress .progress-labels{margin-bottom:7px}
:root[data-theme=naruto-young]{--read-answer:#087337;--quiz-answer:#087337}
[data-theme=naruto-young] .reading-answer strong,[data-theme=naruto-young] .reading-answer>span{color:var(--read-answer)}
[data-theme=naruto-young] .answer>span:not(.letter){color:var(--quiz-answer);font-weight:650}
[data-theme=naruto-young] .answer.correct>span:not(.letter){color:#08662f}
[data-theme=naruto-young] .answer.wrong>span:not(.letter){color:var(--bad-ink)}
[data-theme=naruto-young] .answer-note{color:#087337}
.settings-view h1{font-size:28px;margin-bottom:18px}
.settings-layout{display:grid;gap:10px;margin-top:16px}
.settings-group,.settings-group:first-child{border:0;padding:0}
.settings-summary{border:1px solid var(--line);border-radius:12px;background:var(--card);width:100%;min-height:56px;padding:11px 13px;gap:12px}
.settings-summary[aria-expanded=true]{border-color:var(--secondary-line);background:var(--raised)}
.settings-summary strong{font-size:16px;line-height:1.4}
.settings-summary small{font-size:12px;line-height:1.5;margin-top:2px;color:var(--muted)}
.settings-body{padding:12px 4px 18px}
.settings-body h3,.settings-layout .setting-row h3{font-size:15px;line-height:1.5;margin:12px 0 8px}
.settings-body .small-copy,.settings-layout .setting-row p,.study-control-row>span{font-size:13px;line-height:1.6}
.settings-layout .theme-option,.settings-layout .theme-option:first-child{min-height:44px;padding:9px 10px;gap:8px}
.settings-layout .theme-option strong,.settings-layout .theme-option:first-child strong{font-size:14px;line-height:1.4}
.settings-layout .theme-preview,.settings-layout .theme-option:first-child .theme-preview{width:30px;flex-basis:30px;height:24px}
.settings-layout .volume-control>span,.settings-layout .size-control>span,.settings-layout output,.settings-layout .practice-time>span{font-size:14px;line-height:1.5}
.settings-layout .volume-control,.settings-layout .size-control{margin:18px 0}
.settings-layout input[type=range]{min-height:28px;margin-top:8px}
.settings-layout .secondary,.settings-layout .primary{font-size:14px;min-height:44px;padding:10px 12px;line-height:1.5}
.settings-layout .time-options button{font-size:14px;min-height:44px;padding:9px 12px}
.settings-subsection>summary{font-size:14px;padding:10px 12px;min-height:40px;background:var(--panel);border:1px solid var(--line);border-radius:9px;line-height:1.5}
.settings-subsection[open]>summary{margin-bottom:12px}
.settings-layout .sound-setting strong,.settings-layout .track strong,.settings-layout .reward-collections strong{font-size:14px}
.settings-layout .sound-setting small,.settings-layout .reward-collections small,.settings-layout .cloud-last{font-size:12px;line-height:1.5}
.settings-layout label,.settings-layout .cloud-check{font-size:14px;line-height:1.5}
.settings-layout .cloud-card input:not([type=checkbox]),.settings-layout .cloud-card button{font-size:15px}
.advance-control .time-options button{flex:1;min-width:0}
.advance-control .time-options{width:100%}
.settings-layout .text-sample small{font-size:calc(14px * var(--option-scale,1))}
@media(max-width:350px){.session-progress .session-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.session-stats b{display:inline;margin-left:3px}.in-session main{padding-bottom:165px}.settings-summary strong{font-size:15px}.settings-layout .theme-option strong,.settings-layout .theme-option:first-child strong{font-size:13px}}