/* R115 · Cuaderno. Shared by desktop, iPhone and the native WebView. */
:root[data-theme="cuaderno"]{
 color-scheme:light;--bg:#f7f4ec;--card:#fffdf7;--panel:#fffdf7;--raised:#eeeee5;--field:#fffefa;
 --line:#d6dcd8;--ink:#20364a;--muted:#586970;--brand:#285c78;--gold:#285c78;--mint:#2e7058;--pink:#9e5967;
 --secondary:#edf2f2;--secondary-line:#c2d2d8;--hero:linear-gradient(115deg,#edf3f3,#fffdf7);--hero-line:#cbd9dc;--hero-ink:#344f61;
 --hero-button:#285c78;--hero-button-ink:#fff;--hero-button-line:#285c78;--button-line:#285c78;
 --badge-bg:#edf3f5;--badge-line:#c7d8df;--selected-bg:#e5eff3;--selected-line:#638d9f;
 --timer-bg:#e8f0f5;--timer-line:#abc4d1;--urgent-bg:#fff0db;--urgent-ink:#854219;--urgent-line:#d59e60;
 --good-bg:#e9f2df;--good-line:#6f9561;--bad-bg:#fbe8e5;--bad-line:#c1847c;--bad-ink:#8d3938;
 --nav-bg:#fffdf7;--progress-bg:#dfe6e3;--question-ink:#20364a;--plain-question:#20364a;
 --context-ink:#344b5b;--asked-ink:#20364a;--noquestion-ink:#20364a;--question-label-ink:#586970;
 --option-ink:#20364a;--quiz-answer:#20364a;--read-answer:#2e654c;--incise-ink:#285c78;--option-correct-ink:#285537;
 --letter-bg:#edf3f5;--letter-line:#bfd0d8;--resume-bg:#edf3ec;--resume-line:#c0d2bd;
 --notice-bg:#fff4cf;--notice-line:#d5c58b;--notice-ink:#685126;--strong-red:#a74343;
 --memory-question:#20364a;--future:#285c78;--future-soft:#285c780b;
 --exam-surface:#fffdf7;--exam-tint:#eef3f1;--exam-control:#fffefa;--exam-panel:#fffdf7;
 --exam-line:#cad6d6;--exam-ink:#20364a;--exam-muted:#586970;
 --countdown-ink:#20364a;--verse-ink:#344b5b;--verse-ref:#285c78;--cancel-ink:#9e4142;
 --review-green:#285537;--review-red:#8d3938;--review-good-fill:#e9f2df;--review-bad-fill:#fbe8e5;--review-good-line:#6f9561;--review-bad-line:#c1847c;
 --paper-rule:#9ebfcd26;--paper-margin:#d9908b55
}
html[data-theme="cuaderno"] body{background:var(--bg)!important;color:var(--ink);font-family:NunitoStudent,system-ui,-apple-system,sans-serif}
html[data-theme="cuaderno"] :is(h1,h2,h3,.question,.answer,.memory-choice,.rail-title){font-family:NunitoStudent,system-ui,-apple-system,sans-serif!important;letter-spacing:0}
html[data-theme="cuaderno"] :is(.question,.question *,.answer,.memory-choice,h1,h2,h3){text-shadow:none!important;text-transform:none!important}
html[data-theme="cuaderno"] :is(.top,.reader-toolbar,.session-header,.workspace-rail,.nav){background:var(--panel);border-color:var(--line)}
html[data-theme="cuaderno"] :is(.card,.metric,.reading-entry,.settings-group,.memory-settings-section,.book){border-color:var(--line);background-color:var(--panel);box-shadow:0 3px 14px #20364a04!important}
html[data-theme="cuaderno"] :is(.primary,.studio-actions .primary){background:var(--brand)!important;color:#fff!important;border:1px solid var(--brand)!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="cuaderno"] :is(.secondary,.time-options button){background:var(--field);border-color:var(--line);color:var(--ink)}
html[data-theme="cuaderno"] .time-options button.active{background:var(--selected-bg);border-color:var(--selected-line);color:var(--ink)}
html[data-theme="cuaderno"] :is(.memory-brain,.memory-mode-emblem){background:#e5eef0!important;color:var(--brand)!important;border:1px solid #bbd0d8!important;box-shadow:none!important}
html[data-theme="cuaderno"] .memory-mode-emblem::before{border-color:#95b1bd70}
html[data-theme="cuaderno"] .studio-hero{background:linear-gradient(110deg,#eaf1f1,#fffdf7);border-color:#cbd9dc;position:relative}
.cuaderno-hero-art{display:none}
html[data-theme="cuaderno"] .studio-reactor{display:none!important}
html[data-theme="cuaderno"] .cuaderno-hero-art{display:block;width:150px;height:150px;stroke:none;justify-self:center;transform:rotate(5deg)}
html[data-theme="cuaderno"] .studio-kicker{letter-spacing:.12em;color:#4d6978}
.theme-preview.cuaderno{background:repeating-linear-gradient(#fffdf7 0 9px,#d4e2e7 9px 10px)!important;border-color:#d5d9d1}
.theme-preview.cuaderno i:nth-child(1){background:#285c78!important}.theme-preview.cuaderno i:nth-child(2){background:#f6e485!important}.theme-preview.cuaderno i:nth-child(3){background:#d99b91!important}
/* Highlighter ink stays legible on every retained light or dark theme. */
html .question mark.study-marker,html .question :is(.asked,.question-context) mark.study-marker,html .notes-example mark.study-marker{
 display:inline!important;color:#182f3d!important;background:linear-gradient(177deg,transparent 8%,var(--marker-color) 9%,var(--marker-color) 91%,transparent 94%)!important;
 padding:.03em .12em!important;margin:0 -.02em;border:0!important;border-radius:3px!important;font:inherit!important;font-weight:inherit!important;line-height:inherit!important;
 text-shadow:none!important;text-transform:none!important;box-decoration-break:clone;-webkit-box-decoration-break:clone
}
.marker-concept{--marker-color:#fff18a}.marker-anchor{--marker-color:#c1eea4}.marker-relation{--marker-color:#ffc4d7}
.notes-toggle{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:40px;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:9px;background:var(--field)!important;color:var(--ink)!important;font-size:13px;white-space:nowrap}
.notes-toggle svg,.notes-heading svg{width:19px;height:19px;stroke:currentColor;fill:none}
.notes-toggle.is-on{border-color:color-mix(in srgb,var(--brand) 65%,var(--line))!important;background:color-mix(in srgb,var(--brand) 8%,var(--field))!important}
.notes-settings{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--panel);margin:0 0 22px}
.notes-heading{display:flex;gap:12px;align-items:flex-start}.notes-heading>svg{color:var(--brand);margin-top:3px;flex:none}
.notes-heading h3{margin:0}.notes-heading p{margin:6px 0 15px;font-size:13px;line-height:1.6}
.notes-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);cursor:pointer}
.notes-setting>span{display:grid;gap:6px}.notes-setting strong{font-size:14px;font-weight:650}.notes-setting small{font-size:12px;line-height:1.6;color:var(--muted)}
.notes-setting input{accent-color:var(--brand);width:20px;height:20px;min-width:20px;padding:0;margin:0;cursor:pointer}
.notes-example{font-size:13px;line-height:2.2;margin:12px 0 0}.notes-setting input:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
/* A single clock dock stays beside the activity while the page scrolls. */
html body :is(.study-session-header,.memory-session-header){display:flex!important;align-items:center!important;gap:12px!important;position:static!important;transform:none!important;margin:0 0 12px!important;padding:0 0 12px!important;border:0!important;background:none!important;box-shadow:none!important;flex-wrap:wrap;min-height:40px}
html body :is(.study-session-header,.memory-session-header)>.back{margin:0!important;flex:none;white-space:normal}
html body :is(.study-session-header,.memory-session-header)>.session-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto!important;flex-wrap:wrap;grid-column:auto!important;grid-row:auto!important}
html body .study-session-header>.exam-submit-top{grid-column:auto!important;min-height:40px!important;width:auto;font-size:12px;padding:9px 14px!important;margin:0}
html body .study-session-bar{position:sticky!important;top:max(10px,env(safe-area-inset-top));z-index:45;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;width:100%;padding:14px 20px;margin:16px 0 24px;background:var(--panel)!important;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 22px #132e3c0d;isolation:isolate}
.study-stage{min-width:0;display:grid;gap:5px}.study-stage>small{font-size:11px;color:var(--muted);letter-spacing:.04em}.study-stage>strong{font-size:15px;line-height:1.35;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.study-clock{display:flex;align-items:center;gap:12px}.study-clock>small{font-size:11px;line-height:1.3;max-width:75px;color:var(--muted)}
html body .study-clock>.timer{display:block!important;position:static!important;transform:none!important;min-width:120px!important;font:800 30px/1.1 NunitoStudent,system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.02em;padding:10px 16px!important;border:1px solid var(--timer-line)!important;border-radius:10px!important;background:var(--timer-bg)!important;color:var(--ink)!important;margin:0!important;box-shadow:none!important;text-align:center}
html body .study-clock>.timer.urgent{background:var(--urgent-bg)!important;color:var(--urgent-ink)!important;border-color:var(--urgent-line)!important}
html body .study-clock>.timer:is(.paused,.shuffling,.reviewed,.reading,.untimed){font-size:18px!important;letter-spacing:0}
.study-bar-aids{display:flex;gap:9px;align-items:center;justify-content:flex-end;min-width:0;flex-wrap:wrap}
.study-bar-aids .secondary{min-height:40px;font-size:12px;padding:8px 12px;margin:0;display:inline-flex;gap:6px;align-items:center;border-radius:9px}
.study-bar-aids .secondary svg{width:16px;height:16px}
html .question,html .question .asked,html .question .question-context{text-transform:none!important;overflow-wrap:break-word}
html[data-pwa] #app>main{max-width:1540px}
html[data-pwa] :is(.card,.settings-group,.book,.reading-book,.block-choice,.memory-mode-card){border-radius:14px!important}
html[data-pwa] .top{margin-bottom:24px}
html[data-pwa] :is(.in-session,.memory-play-view) #app>main{max-width:1600px!important;padding:18px clamp(22px,3vw,42px) 32px!important}
html[data-pwa] .in-session .quiz-mode{margin:8px 0!important;align-items:flex-start;gap:8px}
html[data-pwa] .quiz-book-title{font-size:clamp(19px,1.7vw,24px)!important;line-height:1.35!important}
html[data-pwa] .session-reading-speed{margin:0 0 10px;min-height:36px;flex-wrap:wrap}
html[data-pwa] :is(.pc-quiz-layout,.memory-workspace){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(24px,3vw,44px)!important;align-items:start!important;min-width:0}
html[data-pwa] .pc-quiz-layout>.question,html[data-pwa] .memory-prompt{padding:26px 28px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:0 3px 18px #10263804!important;min-width:0;position:static!important;width:100%!important}
html[data-pwa] .pc-quiz-layout .question>.question-label{font-size:calc(14px * var(--question-scale,1))!important;color:var(--muted)!important;line-height:1.5;margin-bottom:18px!important}
html[data-pwa] .pc-quiz-layout .question .question-context{font-size:calc(19px * var(--context-scale,1))!important;line-height:1.7!important;font-weight:500!important;display:block}
html[data-pwa] .pc-quiz-layout .question .asked{font-size:calc(21px * var(--question-scale,1))!important;line-height:1.6!important;font-weight:700!important;margin:14px 0 0!important;padding:0!important;border:0!important}
html[data-pwa] .pc-quiz-layout .question .asked.no-question{font-size:calc(20px * var(--context-scale,1))!important;font-weight:600!important;margin-top:0!important}
html[data-pwa] .memory-question .question-context{font-size:calc(18px * var(--memoryContext-scale,1.1))!important;line-height:1.7!important;font-weight:500!important}
html[data-pwa] .memory-question :is(.asked,.asked.no-question){font-size:calc(20px * var(--memoryQuestion-scale,1.1))!important;line-height:1.6!important;font-weight:700!important;border:0!important;padding:0!important;margin-top:14px}
html[data-pwa] .memory-question .asked.no-question{font-size:calc(19px * var(--memoryNoQuestion-scale,1.1))!important}
html[data-pwa] :is(.answers,.memory-options){gap:calc(15px * var(--answer-spacing,1))!important;min-width:0}
html[data-pwa] .pc-quiz-layout .answer{grid-template-columns:34px minmax(0,1fr)!important;gap:15px!important;min-height:calc(78px * var(--answer-spacing,1))!important;padding:calc(18px * var(--answer-spacing,1)) 21px!important;border-radius:12px!important;font-size:calc(18px * var(--option-scale,1))!important;font-weight:500!important;line-height:1.6!important}
html[data-pwa] .pc-quiz-layout .answer .letter{width:33px;height:33px;font-size:14px;border-radius:8px;background:var(--field)!important}
html[data-pwa] .memory-choice{padding:18px 21px!important;min-height:78px!important;gap:15px;align-items:center;border-radius:12px!important;font-size:calc(17px * var(--memoryAnswer-scale,1.1))!important;line-height:1.6!important}
html[data-pwa] .memory-choice[data-state="correct"],html[data-pwa] .memory-choice[data-state="wrong"]{padding:17px 20px!important}
html[data-pwa] .memory-book-line{padding:3px 0 12px;gap:12px;min-height:0}
html[data-pwa] .memory-book-line img{width:28px;height:40px;object-fit:contain}
html[data-pwa] .memory-book-line strong{font-size:16px}.memory-book-line small{font-size:12px}
html[data-pwa] .memory-steps{margin:10px 0 12px;max-width:800px}
html[data-pwa] .memory-voice-compact{margin:8px 0 0}
.memory-keyboard{margin-top:16px!important}.memory-instruction{padding-top:15px!important}
html[data-theme="cuaderno"] .pc-quiz-layout>.question,html[data-theme="cuaderno"] .memory-prompt,html[data-theme="cuaderno"] .reading-entry{
 background-color:#fffdf7!important;background-image:linear-gradient(90deg,transparent 0 13px,var(--paper-margin) 13px 14px,transparent 14px),repeating-linear-gradient(transparent 0 31px,var(--paper-rule) 31px 32px)!important
}
html[data-theme="cuaderno"] .reading-entry{padding:24px 28px;border:1px solid var(--line);border-radius:12px;margin:20px 0}
html .reading-entry .question{scroll-margin-top:160px}
html .reader-view .notes-toggle{margin:8px 0 12px}
/* Recover part of the rail during activities and retain a compact identity. */
.rail-study-tools{display:none}
@media(min-width:1000px){
 html[data-pwa="desktop"]:is([data-view="session"],[data-view="memory-play"]){--web-rail:132px}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) #app{margin-left:var(--web-rail)!important}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .workspace-rail{display:flex!important;width:var(--web-rail);padding:26px 15px;align-items:center}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-brand{flex-direction:column;gap:12px;text-align:center}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-brand img{width:40px;height:40px}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-title{font-size:12px;line-height:1.5;letter-spacing:0}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-title small{font-size:8px;letter-spacing:.1em;line-height:1.6;margin-top:6px}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-section{font-size:8px;line-height:1.8;letter-spacing:.1em;text-align:center;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}
 html[data-pwa="desktop"] :is(.in-session,.memory-play-view) .rail-footer{display:none}
}
@media(max-width:1100px){html body .study-session-bar{gap:12px;padding:12px 14px}.study-clock{gap:7px}.study-clock>small{max-width:60px}.study-bar-aids .notes-toggle-state{display:none}}
@media(max-width:999px){
 html[data-pwa] :is(.pc-quiz-layout,.memory-workspace){grid-template-columns:1fr!important;gap:22px!important}
 html[data-pwa] :is(.in-session,.memory-play-view) #app>main{max-width:800px!important;padding:16px 22px 34px!important}
 .study-stage>strong{font-size:14px}.study-bar-aids{gap:6px}
 html body .study-clock>.timer{min-width:108px!important;font-size:27px!important}
}
@media(max-width:600px){
 html body .study-session-bar{top:max(6px,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:11px 13px;margin:12px 0 20px;border-radius:12px}
 .study-clock{grid-column:2;grid-row:1;display:grid;gap:4px;justify-items:center}.study-clock>small{max-width:none;font-size:10px}
 html body .study-clock>.timer{min-width:98px!important;padding:8px 10px!important;font-size:27px!important}
 html body .study-clock>.timer:is(.paused,.shuffling,.reviewed,.reading,.untimed){font-size:15px!important}
 .study-bar-aids{grid-column:1/-1;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}
 .study-bar-aids .notes-toggle-state{display:inline}.study-bar-aids .notes-toggle,.study-bar-aids .secondary{min-height:38px;font-size:12px}
 html body :is(.study-session-header,.memory-session-header){gap:8px!important}.study-session-header .session-tools>button{min-height:36px;font-size:11px;padding:6px 9px}
 html[data-pwa] :is(.in-session,.memory-play-view) #app>main{padding:12px 16px 28px!important}
 html[data-pwa] .pc-quiz-layout>.question,html[data-pwa] .memory-prompt{padding:21px 23px!important}
 html[data-pwa] .pc-quiz-layout .question .question-context{font-size:calc(17px * var(--context-scale,1))!important}
 html[data-pwa] .pc-quiz-layout .question .asked{font-size:calc(19px * var(--question-scale,1))!important}
 html[data-pwa] .pc-quiz-layout .question .asked.no-question{font-size:calc(18px * var(--context-scale,1))!important}
 html[data-pwa] .memory-question .question-context{font-size:calc(16px * var(--memoryContext-scale,1.1))!important}
 html[data-pwa] .memory-question :is(.asked,.asked.no-question){font-size:calc(18px * var(--memoryQuestion-scale,1.1))!important}
 html[data-pwa] .pc-quiz-layout .answer{font-size:calc(16px * var(--option-scale,1))!important;min-height:calc(70px * var(--answer-spacing,1))!important;padding:calc(15px * var(--answer-spacing,1)) 15px!important;gap:12px!important}
 html[data-pwa] .memory-choice{font-size:calc(15px * var(--memoryAnswer-scale,1.1))!important;padding:15px!important;min-height:70px!important}
 html[data-pwa] .memory-choice[data-state="correct"],html[data-pwa] .memory-choice[data-state="wrong"]{padding:14px!important}
 html[data-theme="cuaderno"] .cuaderno-hero-art{position:absolute;right:10px;top:15px;width:70px;height:85px;opacity:.9}
 html[data-theme="cuaderno"] .studio-hero h2{padding-right:60px}.notes-settings{padding:16px}.notes-setting{gap:12px}
}
/* Native Android uses its own shell and a single column. */
html[data-platform="android"] .study-session-bar{grid-template-columns:minmax(0,1fr) auto}
html[data-platform="android"] .study-bar-aids{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}
html[data-platform="android"] .memory-workspace{display:grid;grid-template-columns:1fr;gap:20px}
html[data-platform="android"] .memory-prompt{padding:20px 23px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
html[data-platform="android"] .memory-question .asked{font-size:calc(19px * var(--memoryQuestion-scale,1.1))!important;line-height:1.6!important}
html[data-platform="android"] .memory-choice{padding:16px;min-height:70px;font-size:calc(16px * var(--memoryAnswer-scale,1.1));line-height:1.6}
html[data-platform="android"] .memory-steps{margin:12px 0;max-width:none}
html[data-platform="android"] .memory-keyboard{display:none}
html[data-platform="android"] .memory-mode-card{display:flex;align-items:center;gap:16px;padding:20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);width:100%;margin:20px 0}
html[data-platform="android"] .memory-mode-copy{min-width:0}.memory-mode-copy strong{font-size:21px!important}
html[data-platform="android"] .memory-play-view main{padding:12px 16px 30px;max-width:760px}
html[data-platform="android"] .in-session main>.question{padding:20px 23px;margin:20px 0;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
html[data-platform="android"] .in-session main>.question .asked{font-size:calc(19px * var(--question-scale,1))!important;text-transform:none!important;line-height:1.65}
html[data-platform="android"] .in-session .answer{padding:17px;min-height:70px;border-radius:12px}
html[data-platform="android"] .memory-settings-inline{display:grid;gap:14px}.memory-settings-section>summary{white-space:normal}
@media(prefers-reduced-motion:reduce){.study-session-bar,.notes-toggle{transition:none!important}}