:root[data-theme=study]{color-scheme:light;--bg:#f3f6fb;--card:#fff;--ink:#20354f;--muted:#52677f;--line:#cad6e4;--brand:#245da6;--gold:#174b8b;--mint:#17613e;--panel:#fff;--raised:#eaf1fb;--field:#f8faff;--secondary:#eaf1fb;--secondary-line:#91afd4;--hero:linear-gradient(120deg,#e5eefc,#edf6ee);--hero-line:#b7cbe3;--hero-ink:#203e63;--hero-button:#245da6;--hero-button-ink:#fff;--hero-button-line:#245da6;--button-line:#245da6;--badge-bg:#eaf5ec;--badge-line:#8bb49b;--selected-bg:#fff1bd;--selected-line:#a88318;--timer-bg:#eaf1fb;--timer-line:#91afd4;--urgent-bg:#fff0ed;--urgent-ink:#972d29;--urgent-line:#b9655e;--good-bg:#eaf7ee;--good-line:#6da27f;--bad-bg:#fff0ed;--bad-line:#b9655e;--bad-ink:#a1302b;--nav-bg:#fff;--progress-bg:#d9e5f4;--question-ink:#233e61;--letter-bg:#eaf1fb;--letter-line:#91afd4;--resume-bg:#edf5ef;--resume-line:#8bb49b;--notice-bg:#fff4cf;--notice-line:#bca257;--notice-ink:#624a0c;--future:#245da6;--future-soft:#245da60e;--plain-question:#174b8b;--asked-ink:#174b8b;--context-ink:#29415e;--read-answer:#17613e;--read-context:#29415e;--read-question:#174b8b;--noquestion-ink:#174b8b;--memory-question:#174b8b;--strong-red:#a1302b;--asked-surface:transparent;--arcade-bg:#e5eef9;--arcade-star:#426589;--arcade-ship:#174b8b;--arcade-enemy:#a1302b;--arcade-shot:#916600}
[data-theme=study] h1,[data-theme=study] h2,[data-theme=study] h3{color:#174b8b}[data-theme=study] .answer .letter{color:#174b8b}[data-theme=study] .answer.correct{border-color:#6da27f;background:#eaf7ee}[data-theme=study] .answer.correct .letter{background:#d7efdf;color:#17613e;border-color:#6da27f}[data-theme=study] .answer.wrong .letter{background:#ffe1dc;color:#a1302b;border-color:#b9655e}[data-theme=study] .answer.chosen:not(.correct):not(.wrong){background:#fff4cf;border-color:#a88318}[data-theme=study] .study-key{background:#fff0b8;color:#604500;padding:0 .12em;border-radius:3px;font-weight:inherit}[data-theme=study] .badge{color:#17613e}
:is(.in-session,.combat-view) .question .question-context{font-size:calc(16px * var(--context-scale,1));font-weight:650;line-height:1.7}:is(.in-session,.combat-view) .question .asked{font-size:calc(17px * var(--question-scale,1));line-height:1.65}:is(.in-session,.combat-view) .answer{font-size:calc(14px * var(--option-scale,1));line-height:1.55}:is(.in-session,.combat-view) .answer .letter{font-size:calc(13px * var(--option-scale,1))}.in-session .quiz-mode{padding-right:0}
.study-music-toggle{display:grid;place-items:center;flex:0 0 auto;width:34px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--gold);background:var(--panel);position:relative}.study-music-toggle svg{width:18px;height:18px}.study-music-toggle[aria-pressed=true]{background:var(--selected-bg);border-color:var(--secondary-line)}.study-music-toggle[aria-pressed=false]:after{content:'';position:absolute;width:19px;height:1.5px;transform:rotate(-45deg);background:var(--muted);border:1px solid var(--panel)}.study-music-toggle:disabled:after{display:none}.top-actions{gap:5px}.top .brand{min-width:0}.top .brand-title{min-width:0}.top .brand-title strong{font-size:13px}.top .brand-icon{width:26px;flex:0 0 auto}.top .app-version{font-size:7px;line-height:1.5}.top .top-actions{flex:0 0 auto}.top .avatar{width:29px;height:29px}.reader-toolbar .study-music-toggle{width:30px;min-width:30px}
.settings-view main{padding-top:18px}.settings-view h1{font-size:27px;margin:12px 0 18px}.settings-layout{margin-top:18px}.settings-group{border-bottom:1px solid var(--line);padding:0}.settings-group:first-child{border-top:1px solid var(--line)}.settings-summary{width:100%;display:flex;align-items:center;gap:12px;padding:16px 0;text-align:left;background:transparent;min-height:66px}.settings-summary>span:first-child{flex:1;min-width:0}.settings-summary strong{display:block;font-size:13px;line-height:1.5;color:var(--ink)}.settings-summary small{font-size:10px;line-height:1.6;display:block;margin-top:3px}.settings-summary .settings-chevron{font-size:19px;color:var(--gold);width:20px;text-align:center}.settings-body{padding:0 0 20px}.settings-body>.card,.settings-body .music-settings,.settings-body .reward-settings{border:0;background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none}.settings-body .small-copy{font-size:11px;margin:10px 0;line-height:1.65}.settings-body h3{font-size:13px;margin:14px 0 10px}.settings-layout .theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 14px}.settings-layout .theme-option,.settings-layout .theme-option:first-child{grid-column:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 8px;border-radius:10px;min-height:49px;background:var(--panel);text-align:left;box-shadow:none}.settings-layout .theme-option.selected{border-color:var(--gold);background:var(--raised)}.settings-layout .theme-option strong,.settings-layout .theme-option:first-child strong{font-size:11px;margin:0;line-height:1.35}.settings-layout .theme-preview,.settings-layout .theme-option:first-child .theme-preview{grid-row:auto;display:flex;align-items:center;width:34px;height:25px;padding:3px;border:0;border-radius:6px;flex:0 0 34px;gap:2px;overflow:hidden}.settings-layout .theme-preview i{height:15px;min-width:3px;border-radius:3px;flex:1}.theme-preview.study{background:#eef3fb}.theme-preview.study i:nth-child(1){background:#245da6}.theme-preview.study i:nth-child(2){background:#f0cc43}.theme-preview.study i:nth-child(3){background:#2e8352}.theme-preview.study i:nth-child(4){background:#b54136}.settings-layout .theme-option small{display:none}.settings-subsection{border-top:1px solid var(--line);margin-top:14px;padding:12px 0 0}.settings-subsection>summary{font-size:12px;color:var(--gold);cursor:pointer;min-height:26px}.settings-layout .volume-control,.settings-layout .size-control{display:block;margin:16px 0}.settings-layout .volume-control>span,.settings-layout .size-control>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink);line-height:1.5}.settings-layout output{font-size:11px;color:var(--gold);white-space:nowrap}.size-control input{width:100%;padding:0;border:0;background:none;accent-color:var(--gold);height:22px;margin:8px 0 0}.text-sample{padding:12px;border-left:2px solid var(--secondary-line);background:var(--raised);margin:14px 0;border-radius:0 8px 8px 0}.text-sample p{margin:0 0 5px;font-size:calc(16px * var(--context-scale));color:var(--context-ink);line-height:1.55}.text-sample strong{display:block;font-size:calc(17px * var(--question-scale));color:var(--asked-ink);line-height:1.55}.text-sample small{display:block;font-size:calc(14px * var(--option-scale));margin-top:8px;color:var(--ink)}.settings-layout .time-options{flex-wrap:wrap}.settings-layout .time-options button{font-size:11px;padding:9px 10px}.settings-layout .practice-time{display:block;margin:14px 0;padding:0;border:0}.settings-layout .practice-time>span{display:block;margin:0 0 9px;font-size:11px}.settings-layout .setting-row{gap:10px;margin:10px 0}.settings-layout .setting-row p{font-size:10px;margin:4px 0}.settings-layout .setting-row h3{margin:0}.settings-layout .secondary{font-size:11px;min-height:39px;padding:10px}.settings-layout .reward-collections{gap:9px}.settings-layout .reward-collections>div{padding:9px;background:var(--raised);border:0;border-radius:8px}.settings-layout .full-player{padding:12px;margin:15px 0}.settings-layout .cloud-card{border:0;background:transparent;padding:0;margin:0;border-radius:0}.settings-layout .sound-setting{padding:12px 0}.settings-layout .sound-setting small{font-size:9px}.study-control-row{display:flex;align-items:center;gap:12px;margin:12px 0}.study-control-row>span{flex:1;font-size:11px;line-height:1.6}.settings-layout .setting-switch input{width:18px;height:18px}.auto-next-note{font-size:11px;color:var(--mint)}
@media(max-width:370px){.top .brand-icon{width:21px}.top .brand{gap:5px}.top .brand-title strong{font-size:11px}.top-actions{gap:3px}.study-music-toggle,.top .sound-toggle,.top .settings-toggle{width:29px;height:33px}.session-tools .study-music-toggle{width:30px}.session-header .timer-center{min-width:85px}.session-tools{gap:3px}.settings-layout .theme-option{gap:6px}.settings-layout .theme-option strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.settings-group,.study-music-toggle{transition:none}}

:is(.in-session,.combat-view) .question .asked,:is(.in-session,.combat-view) .question-context,:is(.in-session,.combat-view) .answer>span:not(.letter){overflow-wrap:anywhere}