:root{color:#19332d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19332d;--red:#a92836;--line:#d7dfd6;--muted:#52625b;--green:#246143;--paper:#f8faf5;background:#edf0e9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:1.125rem}button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:.2em}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button,a,input,textarea,summary{outline-offset:4px}:is(button,a,input,textarea,summary,h1,h3):focus-visible{outline:3px solid #1674ad}::selection{background:#d7e9c9}p{margin:0 0 1em;line-height:1.6}h1,h2,h3{overflow-wrap:anywhere;margin:0 0 .6em;line-height:1.25}h1{letter-spacing:-.035em;font-size:2rem;font-weight:750}h1 em{font-style:normal}h2{letter-spacing:-.015em;font-size:1.375rem}h3{font-size:1.125rem}ul,ol{padding-left:1.4em;line-height:1.6}li{margin-bottom:.5em}small,.small{color:var(--muted);font-size:.875rem;line-height:1.6}small{display:block}.muted,.lead{color:var(--muted)}.app-shell{background:var(--paper);max-width:520px;min-height:100dvh;padding-bottom:calc(10rem + env(safe-area-inset-bottom));margin:0 auto}.topbar{padding:16px 22px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid var(--line);align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;min-height:44px;font-size:1.5rem;font-weight:750;text-decoration:none;display:flex}.brand>span{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.device-note{color:var(--muted);text-align:right;margin-left:auto;font-size:.8125rem}.page-content{overflow-wrap:anywhere;outline:none;padding:24px 22px 0}.hero{margin-bottom:22px}.hero h1{margin:0}.eyebrow{color:var(--muted);margin-bottom:10px;font-size:.875rem;font-weight:650;display:block}.lead{font-size:1.125rem}.primary,.secondary,.danger{text-align:center;white-space:normal;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:14px 18px;font-size:1.0625rem;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--red);color:#fff}.primary:hover{background:#8d202c}.secondary{background:#fff;border-color:#9aa99d}.secondary:hover{background:#edf3e8}.danger{color:#8d202c;background:#fff4f2;border-color:#c58e90}.text-link{align-items:center;min-height:48px;font-size:1rem;font-weight:600;display:flex}.next-step{background:#eaf0e3;border-radius:16px;margin:0 0 20px;padding:20px}.next-step p{color:var(--muted);font-size:1rem}.next-step .text-link{justify-content:center;margin-top:10px}.topic-list,.lesson-list{margin:20px 0 26px}.topic-row,.lesson-row,.utility-row,.progress-preview{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:88px;padding:20px 0;text-decoration:none;display:flex}:is(.topic-row,.lesson-row,.utility-row,.progress-preview)>svg{color:var(--green);flex-shrink:0}:is(.topic-row,.lesson-row,.utility-row,.progress-preview)>span:nth-child(2){flex:1;min-width:0}:is(.topic-row,.lesson-row,.utility-row,.progress-preview) strong{margin-bottom:5px;line-height:1.4;display:block}:is(.topic-row,.lesson-row,.utility-row,.progress-preview):hover{background:#eef3e9}.topic-row strong{font-size:1.25rem}.topic-row small+small{margin-top:7px}.progress-preview{padding-top:8px}.course-context{margin-top:25px}.bottom-nav{z-index:10;border-top:1px solid var(--line);width:min(100%,520px);padding:8px 6px max(8px,env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-height:60px;color:var(--muted);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:8px 2px;font-size:.8125rem;font-weight:550;line-height:1.3;text-decoration:none;display:flex}.bottom-nav a>span{overflow-wrap:anywhere;max-width:100%}.bottom-nav a[aria-current]{color:var(--ink);background:#e6eedf;font-weight:750}.bottom-nav svg{flex-shrink:0;width:26px;height:26px}.footer{color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:22px;font-size:.8125rem}.footer div{flex-wrap:wrap;gap:18px;display:flex}.footer a{align-items:center;min-height:48px;display:flex}.skip-link{z-index:20;border:2px solid var(--ink);background:#fff;padding:14px;position:fixed;top:-150px;left:15px}.skip-link:focus{top:15px}.back{align-items:center;width:fit-content;min-height:48px;margin-bottom:20px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.lesson-body section,.text-section{margin:30px 0}.lesson-body p,.text-section p{line-height:1.75}.lesson-end,.actions{flex-direction:column;align-items:stretch;gap:14px;margin:25px 0;display:flex}.map-activity,.recommendation,.gap-check{border:1px solid var(--line);background:#eaf0e3;border-radius:14px;margin:25px 0;padding:20px}.map-activity details{margin-top:20px}.map-activity h3{margin-top:14px}.sources{border-top:1px solid var(--line);overflow-wrap:anywhere;margin:24px 0;padding:12px 0;font-size:.9375rem}.sources summary,.readiness-rule summary,.map-activity summary{cursor:pointer;align-content:center;min-height:52px;font-weight:650;display:list-item}.sources ul{padding:0;list-style:none}.sources li{border-bottom:1px solid var(--line);padding:12px 0}.sources li a{min-height:44px;display:block}.sources small{margin-top:4px}.search-box{background:#fff;border:1px solid #899c90;border-radius:12px;align-items:center;gap:12px;margin:10px 0 20px;padding:0 14px;display:flex}.search-box input{width:100%;min-height:58px;color:var(--ink);outline-offset:2px;background:0 0;border:0;min-width:0}.search-box svg{flex-shrink:0}label{font-size:1rem;font-weight:600;display:block}.empty-state{padding:30px 0}.practice-grid{gap:20px;margin:30px 0;display:grid}.action-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.action-card>svg{margin-bottom:15px}.action-card>a:not(.primary),.action-card>small{margin-top:15px;display:block}.action-card>a:not(.primary){align-content:center;min-height:48px}.session-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.session-heading .back{margin:0}.session-heading>span{color:var(--muted);font-size:.875rem}.progress-track{background:#d7dfd0;border-radius:4px;height:8px;margin-bottom:24px;overflow:hidden}.progress-track>span{background:var(--green);height:100%;display:block}.practice-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px 18px}.practice-card h2{margin-bottom:24px;font-size:1.5rem;line-height:1.4}.practice-card textarea{resize:vertical;background:var(--paper);width:100%;min-height:140px;color:var(--ink);border:1px solid #899c90;border-radius:10px;margin:10px 0;padding:14px;line-height:1.6}.check{align-items:center;gap:12px;min-height:56px;margin:8px 0 22px;font-weight:400;line-height:1.5;display:flex}.check input{width:24px;height:24px;accent-color:var(--red);flex-shrink:0}.privacy-line{color:var(--muted);border-top:1px solid var(--line);margin:24px 0 0;padding-top:16px;font-size:.875rem}.correction{background:#eaf1e4;border-radius:12px;padding:20px 14px}.correction h3{color:var(--green);scroll-margin-top:20px}.rating-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:10px;display:grid}.rating-actions button{background:#fff;border:1px solid #899c90;border-radius:10px;min-height:72px;padding:12px 6px;font-size:1rem;font-weight:650}.rating-actions button.known{color:var(--green);border-color:var(--green);background:#f8fff4}.rating-actions small{margin-top:4px;font-size:.8125rem;font-weight:400}.options{gap:14px;margin:24px 0;display:grid}.options button{text-align:left;background:#fff;border:2px solid #c8d2c6;border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:64px;padding:16px 12px;font-size:1.125rem;line-height:1.5;display:flex}.options button>span:first-child{border:1px solid #899c90;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1rem;display:grid}.options button.selected{border-color:var(--red);background:#fff3f1}.options button.correct{border-color:var(--green);opacity:1;background:#eaf4e4}.session-end{padding:20px 0}.finish-icon{color:var(--green);background:#e6eedf;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:22px;font-size:1.75rem;display:grid}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));gap:14px;margin:28px 0;display:grid}.progress-stats>div{border-top:3px solid #9ead93;padding-top:16px}.progress-stats strong{margin-bottom:12px;font-size:2rem;line-height:1.2;display:block}.progress-stats strong small{font-size:1rem;font-weight:500;display:inline}.progress-stats h2{font-size:1rem}.progress-stats p{color:var(--muted);font-size:.8125rem}.readiness-rule{border-top:1px solid var(--line);margin:20px 0;padding:12px 0;font-size:1rem}.readiness-rule .lesson-list{margin-bottom:10px}.storage-notice{background:#fff4d5;border:1px solid #b4a26b;border-radius:12px;padding:16px;font-size:1rem}.reset-box{background:#fff4f2;border:1px solid #c58e90;border-radius:14px;margin-top:32px;padding:20px}.quiz-entry{margin:0 0 24px}.quiz-entry h2{margin-bottom:8px;font-size:1.25rem;line-height:1.3}.quiz-entry p{margin-bottom:12px;font-size:1rem}.quiz-flow{font-size:1.25rem;line-height:1.6}.quiz-flow .back,.quiz-flow .eyebrow{font-size:1rem}.quiz-steps{margin:26px 0}.quiz-steps li{margin-bottom:18px}.quiz-actions{gap:16px;margin:24px 0;display:grid}.quiz-actions .primary,.quiz-actions .secondary,.quiz-card .primary{min-height:72px;font-size:1.25rem}.quiz-note{color:var(--muted);margin-top:26px;font-size:1rem}.quiz-flow .quiz-position{letter-spacing:0;margin:0 0 16px;font-size:1.125rem;font-weight:650}.quiz-score strong{margin:24px 0 8px;font-size:2.5rem;line-height:1.25;display:block}.quiz-card h2{margin:14px 0 20px;font-size:1.75rem;line-height:1.4}.quiz-card .quiz-instruction{color:var(--muted);margin:18px 0 0;font-size:1.125rem}.quiz-card .options{gap:16px}.quiz-card .options button{min-height:76px;font-size:1.25rem}.quiz-card .options button:disabled{opacity:1}.quiz-card .correction h3{font-size:1.375rem;line-height:1.5}.quiz-card .sources{font-size:1rem}.quiz-card .sources .small,.quiz-card .sources small{font-size:.9375rem}[data-topic=geography]{--topic-accent:#116a67;--topic-tint:#e7f4f1}[data-topic=history]{--topic-accent:#886013;--topic-tint:#fcf2da}[data-topic=politics]{--topic-accent:#3e478f;--topic-tint:#eef0fb}[data-topic=society]{--topic-accent:#9e405d;--topic-tint:#fcedf1}[data-topic=personal]{--topic-accent:#754778;--topic-tint:#f3ecf6}.topic-symbol{background:var(--topic-tint);border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.topic-symbol img{object-fit:contain;width:64px;height:64px}.topic-row strong,.topic-context{color:var(--topic-accent)}:is(.topic-row,.lesson-row):hover{background:var(--topic-tint)}.topic-header{background:var(--topic-tint);border-top:4px solid var(--topic-accent);border-radius:16px;align-items:center;gap:12px;margin:0 0 22px;padding:18px 14px;display:flex}.topic-header>div{flex:1;min-width:0}.topic-header h1{margin:0}.topic-header .eyebrow{color:var(--topic-accent)}.topic-header>img{object-fit:contain;flex-shrink:0;width:clamp(80px,22vw,112px);height:auto}.topic-context{align-items:center;gap:10px;margin-bottom:20px;font-size:1rem;font-weight:650;display:flex}.topic-context .topic-symbol,.topic-context img{width:52px;height:52px}.lesson-theme .primary,.topic-practice .primary{background:var(--topic-accent)}.lesson-theme .primary:hover,.topic-practice .primary:hover{filter:brightness(.9)}.lesson-theme .map-activity,.topic-practice .correction,.practice-instruction{background:var(--topic-tint)}.topic-practice .check input{accent-color:var(--topic-accent)}.practice-instruction{border-radius:12px;margin-bottom:24px;padding:16px}.practice-instruction p:last-child{margin-bottom:0}.practice-instruction p{font-size:1rem}.topic-practice .correction h3{color:var(--ink)}.rating-actions{grid-template-columns:1fr}.rating-actions button{text-align:left;border-width:2px;min-height:100px;padding:14px 12px;display:block;position:relative}.rating-actions button>span:first-child{place-items:center;width:28px;font-size:1.5rem;line-height:1.3;display:grid;position:absolute;top:12px;left:12px}.rating-actions strong{padding-left:36px;font-weight:650;display:block}.rating-actions button.again{color:#9e2332;background:#fff3f2;border-color:#9e2332}.rating-actions button.unsure{color:#80530b;background:#fff8e9;border-color:#80530b}.rating-actions button.known{color:#246143;background:#f0f8ee;border-color:#246143}.rating-actions small{color:var(--ink);font-size:.875rem;line-height:1.5}.topic-practice .correction{padding:16px 10px}@media (width<=360px){.topbar,.page-content{padding-left:18px;padding-right:18px}.next-step{padding:20px}.topic-header{flex-wrap:wrap}.topic-header>div{flex-basis:170px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}