:root{color:#19332d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19332d;--red:#a92836;--line:#d7dfd6;--muted:#52625b;--green:#246143;--paper:#fff;background:#f2f6f5;font-family:Outfit,-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{color:#fff;background:#116a67;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 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-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}.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}.topic-symbol{background:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.topic-symbol .vreni-character{--character-height:64px}.topic-row strong,.topic-context{color:var(--topic-accent)}:is(.topic-row,.lesson-row):hover{background:var(--topic-tint)}.topic-header{border:1px solid var(--line);border-top:4px solid var(--topic-accent);background:#fff;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>.vreni-character{--character-height:clamp(80px,22vw,112px)}.topic-context{align-items:center;gap:10px;margin-bottom:20px;font-size:1rem;font-weight:650;display:flex}.topic-context .topic-symbol{width:52px;height:52px}.topic-context .vreni-character{--character-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}}.welcome-hero{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.welcome-hero>div{flex:1 0 9rem;min-width:0;max-width:100%}.welcome-hero .eyebrow{color:#116a67;margin-bottom:6px}.home-screen .next-step{background:var(--topic-tint);margin-bottom:12px;padding:16px}.home-screen .next-step .primary{background:var(--topic-accent)}.topic-header{flex-wrap:wrap}.topic-header>div{flex:1 0 9rem;max-width:100%}.home-screen .next-step .eyebrow{margin-bottom:.375rem}.home-screen .next-step h2{margin-bottom:.35em}.home-screen .next-step p{margin-bottom:.75rem}.home-screen .quiz-entry h2{margin-bottom:6px}.finish-helper{margin-bottom:20px}.finish-helper>.vreni-character{--character-height:104px}h1{letter-spacing:-.025em;font-weight:700;line-height:1.15}h2{letter-spacing:-.015em;font-weight:650}h3{font-weight:600}p{line-height:1.65}.topbar{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px}.brand{letter-spacing:-.025em;font-weight:700}.brand>span{border-radius:8px}.page-content{padding-top:20px}.primary,.secondary,.danger{border-radius:10px;font-weight:600}.eyebrow{font-weight:550}.welcome-hero{gap:16px;margin-bottom:16px}.welcome-hero>.vreni-character{--character-height:92px}.welcome-hero h1{font-size:2rem}.welcome-hero .eyebrow{font-size:.9375rem}.home-screen .next-step{border-radius:16px;margin-bottom:20px}.home-screen .next-step h2{font-size:1.5rem;line-height:1.2}.home-screen .next-step p{line-height:1.5}.quiz-entry h2{font-weight:600}.home-screen .quiz-entry p{margin-bottom:10px}.topic-header{border:0;border-bottom:1px solid var(--line);border-radius:0;gap:16px;margin-bottom:24px;padding:0 0 24px}.topic-header>div{flex-basis:min-content}.topic-header h1{overflow-wrap:break-word;font-size:2rem}.topic-header .eyebrow{margin-bottom:12px}.topic-header>.vreni-character{--character-height:clamp(92px,25vw,120px);margin-left:auto}.topic-list,.lesson-list{margin-top:24px}.topic-row strong,.lesson-row strong{font-weight:600}.topic-row strong{font-size:1.375rem}.topic-row,.lesson-row{gap:16px;padding:22px 0}.topic-row small,.lesson-row small{line-height:1.5}.lesson-body section,.text-section{margin:32px 0}.lesson-body p,.text-section p{line-height:1.65}.lesson-body h2{margin-bottom:16px}.practice-grid{gap:0;margin-top:32px}.action-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0}.action-card h2{font-size:1.5rem}.practice-card{border:0;border-radius:0;padding:0}.practice-card h2{font-weight:600;line-height:1.3}.practice-instruction{border-radius:16px;padding:20px 16px}.practice-instruction h3{margin-bottom:12px}.correction,.topic-practice .correction{border-radius:16px;padding:24px 16px}.correction>h3{margin-bottom:16px}.options button,.rating-actions button{border-radius:10px}.map-activity,.recommendation,.gap-check{border:0;border-radius:16px;padding:24px 16px}.progress-stats strong{font-weight:650}.progress-stats>div{border-top-width:2px}.learning-map{min-width:0;margin:24px 0}.learning-map figcaption{flex-direction:column;gap:4px;display:flex}.learning-map details{margin-top:20px}.learning-map summary{cursor:pointer;align-content:center;min-height:52px;font-weight:650}.map-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.map-controls button{width:auto;min-width:52px;max-width:100%;padding:10px 14px}.map-controls [role=status]{text-align:center;min-width:28px}.map-viewport{overscroll-behavior:contain;border:1px solid var(--line);background:#fff;border-radius:8px;max-width:100%;height:clamp(220px,65vw,360px);overflow:auto}.map-viewport img{max-width:none;height:auto;display:block}.map-viewport:focus-visible{outline:3px solid var(--topic-accent,var(--ink));outline-offset:3px}.map-hide{width:100%;margin-top:16px}.map-open,.map-source{margin-top:16px}.map-dialog{border:1px solid var(--line);background:var(--paper);width:calc(100% - 24px);max-width:1100px;max-height:calc(100dvh - 24px);color:var(--ink);border-radius:16px;margin:auto;padding:16px;overflow:auto}.map-dialog::backdrop{background:#00000073}.map-dialog .map-viewport{height:max(200px,min(55dvh,100dvh - 16rem))}.map-viewport[hidden]{display:none}.quiz-flow .quiz-position{font-weight:550}.quiz-card h2{font-weight:600;line-height:1.3}.quiz-score strong{font-weight:650}.sources{padding-top:16px}.bottom-nav a{border-radius:8px;font-weight:500}.bottom-nav a[aria-current]{background:#e7f4f1;font-weight:650}.footer{margin-top:40px}