/* Scoped spacing and one scroll owner inside the app's fixed viewport. */
#v-learning{--learn-red:#a52345;--learn-line:#e4dccd;min-height:0;overflow:hidden;background:#f5f2eb;color:#382b26}
#learningRoot{flex:1 1 0;min-height:0;width:100%;max-width:960px;margin:0 auto;padding:12px 14px max(24px,env(safe-area-inset-bottom));overflow:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;font-size:14px}
#learningRoot *{box-sizing:border-box}#learningRoot label{display:block;margin:0;font-size:11px;font-weight:700;color:#70635a}#learningRoot h2,#learningRoot h3,#learningRoot p{margin:0}#learningRoot button{touch-action:manipulation}#learningRoot [hidden]{display:none!important}
.learn-head{display:flex;align-items:center;gap:9px;padding-bottom:9px}.learn-head img{width:39px;height:47px;object-fit:contain}.learn-head h2{font-size:18px;line-height:1.3;color:#492e22}.learn-head p{font-size:11px;color:#8c7563;margin-top:3px!important}#learningRoot[data-paper=true] .learn-head{display:none}
.learn-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--learn-line);border-radius:12px;background:#ebe6dc;margin-bottom:12px}
.learn-btn{min-height:40px;padding:8px 12px;border:1px solid var(--learn-line);border-radius:10px;background:#fffefa;color:#382b26;font:700 13px/1.4 Nunito,system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere;white-space:normal}.learn-btn:hover{border-color:#ac8a60}.learn-btn:focus-visible{outline:3px solid #d6a951;outline-offset:2px}.learn-btn:disabled{opacity:.5;cursor:default}.learn-btn.primary{background:var(--learn-red);border-color:var(--learn-red);color:#fff}.learn-tabs .learn-btn{flex:1;min-height:33px;padding:5px 10px;border-color:transparent;background:transparent;color:#716458}.learn-tabs .active{background:#fffefa;color:var(--learn-red);box-shadow:0 1px 4px #39291912}
.learn-tools{display:flex;align-items:end;gap:7px;margin-bottom:9px}.learn-tools>label{flex:1;min-width:0}.learn-tools>.learn-btn{min-height:38px;padding:7px 10px;font-size:11px}
#learningRoot input:not([type=checkbox]),#learningRoot select{display:block;width:100%;min-width:0;height:39px;min-height:39px;padding:7px 10px;margin:4px 0 0;border:1px solid #d8cfc1;border-radius:9px;background:#fffefa;color:#382b26;-webkit-text-fill-color:#382b26;font:500 14px/1.3 Nunito,system-ui,sans-serif}#learningRoot input::placeholder{color:#a09284;opacity:1}
.learn-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#learningRoot .learn-topic{display:flex;align-items:center;gap:8px;min-height:61px;padding:9px;border:1px solid var(--learn-line);border-radius:11px;background:#fffefa;cursor:pointer;color:#463a30}.learn-topic:has(input:checked){border-color:#b74462;background:#fff2f4;box-shadow:inset 0 0 0 1px #b7446222}.learn-topic input{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--learn-red);flex:none}.learn-topic span{min-width:0}.learn-topic b{display:block;font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.learn-topic small{display:block;font-size:10px;font-weight:500;color:#998575;margin-top:3px}
.learn-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 10px;font-size:11px;color:#93806d}.learn-pages .learn-btn{min-height:30px;padding:3px 13px;border-radius:8px}
.learn-setup{padding:11px;border:1px solid var(--learn-line);border-radius:13px;background:#fffefa}.learn-config{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:9px}#learnTimeField{grid-column:1/-1}.learn-startbar{margin-top:10px;display:flex;align-items:center;gap:10px}.learn-startbar .learn-muted{flex:1;margin:0!important;font-size:11px;line-height:1.4}#learnStart{min-height:42px;padding:9px 15px;flex:none}
.learn-muted{font-size:11px;line-height:1.5;color:#998575;margin:8px 0!important}#learnBody>.learn-muted:last-child{font-size:10px;line-height:1.4;margin-top:10px!important}
.learn-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#eee5d4;color:#77552f;font-size:12px}#learnClock{font-variant-numeric:tabular-nums;white-space:nowrap}.learn-paper-title{font-size:11px;color:#98806c;margin:7px 2px!important;overflow-wrap:anywhere}
.learn-question{padding:16px;border:1px solid var(--learn-line);border-radius:15px;background:#fffefa;margin:8px 0 10px}.learn-question>small{font-size:11px;font-weight:800;color:var(--learn-red)}.learn-question h3{font-size:16px;line-height:1.6;margin:7px 0 14px!important;white-space:pre-wrap;overflow-wrap:anywhere}.learn-answer{display:block;width:100%;min-height:44px;text-align:left;font-size:14px;font-weight:500;line-height:1.5;margin:8px 0 0;white-space:pre-wrap;padding:10px 12px;background:#faf8f3}.learn-answer.chosen{background:#fae8ee;border-color:#a52345;color:#861e39}.learn-answer.correct{background:#eaf5ed;border:2px solid #3c855c;color:#1b6139}.learn-answer.incorrect{background:#fcecef;border:2px solid #b83f58;color:#932942}.learn-feedback{font-size:12px;font-weight:700;color:#6a5141;margin-top:11px!important}
.learn-paper-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:9px 0}.learn-paper-actions .learn-btn{min-height:42px;padding:8px 5px}.learn-jump{border-bottom:1px solid var(--learn-line);margin-top:11px;padding:0 1px 8px;color:#89705d}.learn-jump>summary{cursor:pointer;padding:6px 0;font-size:12px;font-weight:700}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px;margin-top:7px}.learn-grid .learn-btn{min-height:34px;padding:4px;font-size:12px}.learn-grid .current{border:2px solid #a52345}.learn-grid .answered{background:#e4f0e6;color:#2e6540}
.learn-history{display:grid;gap:7px;padding:12px;border:1px solid var(--learn-line);border-radius:12px;background:#fffefa;margin:8px 0}.learn-history>b{font-size:13px;overflow-wrap:anywhere}.learn-history>small{font-size:11px;color:#947b65}.learn-history>.learn-btn{justify-self:start}.learn-empty{padding:24px;text-align:center;color:#8b7159}.learn-login{text-align:center;padding:20px 12px}.learn-login img{height:110px;object-fit:contain}.learn-login h2{font-size:20px;margin:12px 0!important}.learn-login p{font-size:13px;margin:12px 0!important}
@media(min-width:680px){#learnBody:has(.learn-setup){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:0 16px;align-items:start}#learnBody:has(.learn-setup) .learn-tools{grid-column:1/-1}#learnBody:has(.learn-setup) .learn-topics{grid-column:1;grid-row:2}#learnBody:has(.learn-setup) .learn-pages{grid-column:1;grid-row:3}#learnBody:has(.learn-setup) .learn-setup{grid-column:2;grid-row:2/span 2}#learnBody:has(.learn-setup)>p{grid-column:1/-1}.learn-startbar{display:block}#learnStart{width:100%;margin-top:7px}}
@media(max-width:500px){#learningRoot{padding:9px 10px max(20px,env(safe-area-inset-bottom))}#learningRoot input:not([type=checkbox]),#learningRoot select{font-size:16px}.learn-head h2{font-size:17px}.learn-tabs{margin-bottom:10px}.learn-question{padding:13px}.learn-question h3{font-size:15px}.learn-topic b{font-size:11px}.learn-startbar .learn-muted{font-size:10px}#learnStart{font-size:12px;padding:8px 12px}}
.learn-settings{border-bottom:1px solid var(--learn-line);padding-bottom:8px}
.learn-settings>summary{cursor:pointer;font-size:11px;line-height:1.5;font-weight:700;color:#78523e;padding:4px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.learn-settings>summary::-webkit-details-marker{display:none}.learn-settings>summary::after{content:'⌄';font-size:17px;color:#a52345}.learn-settings[open]>summary::after{content:'⌃'}
.learn-settings-body{display:grid;gap:10px;padding:10px 0 2px}.learn-presets{display:flex;gap:6px}.learn-preset{flex:1;padding:5px;min-height:32px;font-size:11px;background:#f4ecdc}
.learn-feedback-field{grid-column:1/-1}#learningRoot .learn-timed{display:flex;align-items:center;gap:7px;font-size:12px}.learn-timed input{margin:0;width:17px;height:17px;accent-color:#a52345}
.learn-gamehud{display:flex;align-items:center;gap:9px;min-height:76px;padding:9px 11px;border-radius:13px;background:linear-gradient(115deg,#49301f,#6b472c);color:#ffedbd;border:1px solid #b88c40}
.learn-companion{width:39px;height:58px;flex:none;object-fit:contain;animation:learn-cheer .5s ease-out}.learn-gameinfo{flex:1;min-width:0}.learn-gameline{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;line-height:1.4}.learn-gameline #learnClock{font-size:11px}
.learn-gameinfo progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;margin:6px 0;background:#2e2016;color:#f4c56a}.learn-gameinfo progress::-webkit-progress-bar{background:#2e2016}.learn-gameinfo progress::-webkit-progress-value{background:linear-gradient(90deg,#f2bd59,#ffe2a3);border-radius:8px;transition:width .3s}.learn-gameinfo progress::-moz-progress-bar{background:#f4c56a}
#learningRoot .learn-cheer{font-size:10px;line-height:1.45;color:#eed6ab}.learn-paper-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-answer.correct{animation:learn-correct .28s ease-out}.learn-hint{font-size:11px;min-height:32px;margin-top:10px;border-style:dashed;color:#a52345}
@keyframes learn-cheer{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px) rotate(-3deg)}}@keyframes learn-correct{from{transform:scale(.98)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#learningRoot *{animation:none!important;transition:none!important}}.rm #learningRoot *{animation:none!important;transition:none!important}
@media(max-width:500px){.learn-topic b{font-size:12px}.learn-head{padding-bottom:6px}.learn-head img{height:37px;width:32px}.learn-head h2{font-size:15px}.learn-head p{font-size:10px}.learn-settings>summary{font-size:11px}}
.learn-paper-actions.review{grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-paper-actions .learn-btn{min-height:44px;border-radius:12px;font-size:13px;box-shadow:0 1px 2px #49301f08}
.learn-answer:disabled{opacity:1;color:#46392f;-webkit-text-fill-color:currentColor;cursor:default}
.learn-answer.correct:disabled{color:#185b37;background:#eaf5ed;border-color:#3c855c}
.learn-answer.incorrect:disabled{color:#932942;background:#fcecef;border-color:#b83f58}
.learn-feedback{color:#25613f;font-size:13px;line-height:1.5}
.learn-history{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:4px;align-items:center;padding:10px 11px;margin:6px 0}
.learn-history>b{grid-column:1;grid-row:1;min-width:0;line-height:1.4;font-size:12px}
.learn-history>small{grid-column:1;grid-row:2;min-width:0;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.learn-history>.learn-btn{grid-column:2;grid-row:1/span 2;justify-self:end;align-self:center;min-height:36px;min-width:76px;margin:0;padding:7px 9px;border-radius:9px;font-size:11px;line-height:1.3;white-space:nowrap;background:#f6eddc;border-color:#ddcaab;color:#72502f}
@media(max-width:359px){.learn-history{column-gap:7px;padding:9px}.learn-history>.learn-btn{min-width:70px;padding:7px;font-size:10.5px}}