:root{--ink:#243f33;--muted:#6b756f;--paper:#f8f9f5;--line:#dce2d7;--green:#244e3b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit}button,input,a{touch-action:manipulation}:focus-visible{outline-offset:4px;outline:3px solid #bb6e33}h1:focus{outline:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#f0f3eb;flex-direction:column;flex-shrink:0;width:236px;padding:36px 24px 24px;display:flex}.wordmark{color:var(--ink);letter-spacing:-1.8px;background:0 0;border:0;align-items:center;margin-bottom:64px;padding:0;font-size:34px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;margin-right:10px;font-family:Georgia,serif;font-size:30px;font-style:italic;display:inline-grid}.brand-dot{color:#adbd7c}.sidebar-label,.eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:700}.sidebar-label{letter-spacing:1.2px;margin:0 10px 20px;font-size:9px}.nav-item{text-align:left;width:100%;color:var(--ink);background:#e0e8d8;border:0;border-radius:8px;padding:14px;font-weight:600}.nav-item span{margin-right:12px;font-size:18px}.sidebar-course{align-items:center;gap:12px;margin:28px 8px;display:flex}.sidebar-course strong,.sidebar-course small{display:block}.sidebar-course small{color:var(--muted);margin-top:6px;font-size:11px}.flag{background:linear-gradient(#272822 33%,#bb5c45 33% 66%,#e6b959 66%);border-radius:3px;width:26px;height:19px}.sidebar-bottom{color:var(--muted);margin-top:auto;padding:50px 8px 5px;font-size:12px;line-height:1.8}.small-spark{color:#8b9a69;font-size:35px}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);height:85px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 54px;font-size:12px;display:flex}.topbar strong{color:var(--ink);font-weight:500}.crumb{color:#b3bcae;margin:0 15px}.level-badge{border:1px solid var(--line);border-radius:30px;align-items:center;gap:7px;padding:8px 13px;display:flex}.status-dot{background:#7b9668;border-radius:50%;width:6px;height:6px}main{max-width:1250px;min-height:calc(100vh - 151px);margin:auto;padding:48px 54px 25px}.welcome{grid-template-columns:1.3fr 1fr;align-items:center;gap:34px;margin:22px 0 53px;display:grid}h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1.12}h1 em{font-family:Georgia,serif;font-weight:400}.welcome p{color:var(--muted);max-width:395px;margin-bottom:0;font-size:14px;line-height:1.8}.hello-art{background:#e5ebd8;border-radius:50% 50% 10px 10px;flex-direction:column;justify-content:center;justify-self:end;align-items:center;width:100%;max-width:360px;height:210px;display:flex;position:relative}.art-greeting{letter-spacing:-4px;font-family:Georgia,serif;font-size:68px;font-style:italic;transform:rotate(-8deg)}.art-greeting span{color:#a77344}.art-caption{letter-spacing:2px;margin-top:25px;font-size:8px}.art-spark{color:#81966b;font-size:44px;position:absolute;top:18px;left:25px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}h2{letter-spacing:-.6px;margin:9px 0 0;font-size:23px;font-weight:500}.lesson-count{color:var(--muted);padding-bottom:4px;font-size:11px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.lesson-art{letter-spacing:-1px;justify-content:center;align-items:center;height:144px;font-family:Georgia,serif;font-size:39px;font-style:italic;display:flex;position:relative}.art-0{background:#dfe8cc}.art-1{background:#f0dfcd}.art-2{background:#e0e6e9}.card-number{letter-spacing:1px;opacity:.65;font:10px Arial,sans-serif;position:absolute;top:15px;left:17px}.card-art-detail{opacity:.7;font-size:19px;position:absolute;bottom:15px;right:17px}.card-content{padding:23px 21px 19px}.card-content .eyebrow{font-size:9px}h3{letter-spacing:-.3px;margin:12px 0;font-size:18px;font-weight:600}.card-content p{color:var(--muted);min-height:42px;font-size:12px;line-height:1.7}.card-meta{color:var(--muted);flex-direction:column;gap:7px;margin:21px 0;font-size:10px;display:flex}.start-button{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;padding:17px 0 0;font-size:12px;font-weight:600;display:flex}.start-button span{font-size:17px}.session-note{text-align:center;color:var(--muted);margin:28px 0 0;font-size:11px;line-height:1.7}.app-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 54px;font-size:10px;display:flex}.lesson-workspace{max-width:790px;margin:auto}.back-button{color:var(--muted);background:0 0;border:0;padding:0 0 30px;font-size:12px}.lesson-workspace>.eyebrow{margin-bottom:22px}.lesson-outcome{color:var(--muted);line-height:1.6}.learning-panel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:30px;padding:36px}.learning-panel>h2{margin-top:0;margin-bottom:24px}.learning-panel>p{color:#536157;font-size:14px;line-height:1.85}.example-grid{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0;display:grid}.example{background:#f0f3eb;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.example em{font-size:16px;line-height:1.5}.example span{color:var(--muted);font-size:12px;line-height:1.5}.example-audio{flex-wrap:wrap;gap:8px;display:flex}.example-audio button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:8px 11px;font-size:11px}.example-audio button[aria-pressed=true]{border-color:var(--green);background:#f7f9f3}.example-audio button:focus-visible{outline:3px solid var(--green);outline-offset:2px}.example .voice-unavailable,.voice-note{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.panel-footer,.answer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.panel-footer>span,.answer-footer>span{color:var(--muted);font-size:11px;line-height:1.7}.teaching-heading{letter-spacing:-.8px;margin:8px 0 24px;font-size:32px;line-height:1.25}.teaching-footer{margin-top:28px}.teaching-footer>span{text-align:center}.lesson-notes-button{margin:0 0 20px}.primary-button{border:1px solid var(--green);background:var(--green);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:14px 22px;font-size:13px;display:inline-flex}.primary-button:hover:not(:disabled){background:#173e2a}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:46px;padding:14px 22px;font-size:13px}.exercise-top{color:var(--muted);justify-content:space-between;gap:12px;margin:8px 0 14px;font-size:12px;display:flex}progress{appearance:none;color:#7b9564;background:#e2e8d9;border:0;border-radius:6px;width:100%;height:6px;display:block}progress::-webkit-progress-bar{background:#e2e8d9;border-radius:6px}progress::-webkit-progress-value{background:#7b9564;border-radius:6px}progress::-moz-progress-bar{background:#7b9564;border-radius:6px}.exercise-tags{letter-spacing:1px;color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:28px;font-size:9px;display:flex}.question-heading{letter-spacing:-.7px;font-size:28px;line-height:1.4}.learning-panel>.german-sentence{color:var(--ink);margin:28px 0;font-family:Georgia,serif;font-size:32px;line-height:1.4}.options{border:0;gap:11px;min-width:0;margin:0 0 28px;padding:0;display:grid}.option{cursor:pointer;border:1px solid var(--line);border-radius:8px;align-items:center;gap:14px;min-height:59px;padding:12px 17px;display:flex;position:relative}.option:focus-within{outline-offset:3px;outline:3px solid #bb6e33}.option input{opacity:0;width:1px;height:1px;position:absolute}.option.selected{border-color:var(--green);background:#eff4e9}.option-letter{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:5px;place-items:center;font-size:11px;display:grid}.radio-dot{border:1px solid #acb8a4;border-radius:50%;flex-shrink:0;width:17px;height:17px;margin-left:auto}.selected .radio-dot{border:5px solid var(--green)}.fill-answer{margin:0 0 28px}.fill-answer label{margin-bottom:10px;font-size:12px;display:block}.fill-answer input{width:100%;min-height:58px;color:var(--ink);background:#fafbf8;border:1px solid #b7c5ae;border-radius:8px;padding:14px 17px;font-size:20px}.fill-answer small{color:var(--muted);margin-top:10px;font-size:11px;display:block}.letter-buttons{gap:8px;margin-top:12px;display:flex}.letter-buttons button{border:1px solid var(--line);color:var(--ink);background:#f3f5ed;border-radius:6px;min-width:44px;min-height:44px}.error{color:#9b352a;font-size:13px;line-height:1.7}.notice{border:1px solid #d3aa8e;border-radius:8px;padding:20px}.text-button{color:var(--ink);background:0 0;border:0;margin-top:14px;text-decoration:underline;display:block}.feedback{border-radius:10px;margin-top:20px;padding:24px}.feedback.correct{background:#edf3e5}.feedback.incorrect{background:linen}.feedback>strong{font-size:17px}.feedback p{margin-top:14px;font-size:14px;line-height:1.7}.results-heading{text-align:center;margin-top:20px}.result-spark{color:#839c67;margin-bottom:24px;font-size:55px;display:block}.results-heading p{color:var(--muted);font-size:14px;line-height:1.7}.result-score{letter-spacing:-4px;margin:24px 0 8px;font-size:78px}.result-score span{color:#8d9a85;letter-spacing:-1px;font-size:35px}.results-actions{justify-content:center;gap:12px;margin:30px 0 45px;display:flex}.review-heading{margin-bottom:24px}.answer-review{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 24px}.answer-review article{border-bottom:1px solid var(--line);align-items:flex-start;gap:20px;padding:23px 0;display:flex}.answer-review article:last-child{border-bottom:0}.answer-review h3{margin-top:0;font-size:14px;line-height:1.6}.answer-review p{margin-bottom:10px;font-size:13px;line-height:1.7}.answer-review small{color:var(--muted);font-size:12px;line-height:1.7}.review-result{border-radius:4px;flex-shrink:0;min-width:69px;padding:6px 8px;font-size:10px}.right{background:#edf3e5}.wrong{background:#faebdf}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.saved-progress{margin-bottom:38px}.progress-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;display:grid}.progress-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px 16px}.progress-grid dt{color:var(--muted);font-size:11px;line-height:1.5}.progress-grid dd{margin:12px 0 0;font-size:30px}.progress-grid small{color:var(--muted);font-size:11px}.progress-rule{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.8}.progress-details{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.progress-details summary{cursor:pointer;font-size:13px}.target-panels{grid-template-columns:1fr 1fr;gap:30px;margin-top:22px;display:grid}.target-panels p{color:var(--muted);font-size:12px;line-height:1.7}.target-panels ul{margin:0;padding:0;list-style:none}.target-panels li{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 0;font-size:12px;display:flex}.target-panels strong{font-weight:500}.target-panels small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}.target-state{text-align:right;color:var(--muted);flex-shrink:0;font-size:10px}.chapter-progress{color:var(--muted);align-items:center;gap:16px;margin:-6px 0 24px;font-size:11px;display:flex}.chapter-progress progress{flex:1;width:auto}.chapter-progress small{font-size:10px}.track-selectors{flex-wrap:wrap;gap:10px;margin:-6px 0 30px;display:flex}.track-selector{text-align:left;border:1px solid var(--line);min-width:170px;color:var(--ink);background:#fff;border-radius:9px;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 18px;display:flex}.track-selector[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f7f9f3}.track-selector strong{font-size:13px;font-weight:600}.track-selector small{color:var(--muted);font-size:10px}.chapter-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-6px 0 36px;display:grid}.chapter-selector{text-align:left;border:1px solid var(--line);min-height:130px;color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.chapter-selector[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f7f9f3}.chapter-selector span{letter-spacing:1px;color:var(--muted);font-size:9px}.chapter-selector strong{font-size:14px;font-weight:600;line-height:1.5}.chapter-selector small{color:var(--muted);margin-top:auto;font-size:10px}.chapter-heading{margin-top:28px}.completed-label{color:var(--green);font-weight:600}@media (max-width:1100px){.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.progress-grid{grid-template-columns:1fr 1fr;gap:10px}.target-panels{grid-template-columns:1fr;gap:18px}.chapter-progress{flex-wrap:wrap;gap:10px}.chapter-progress progress{flex-basis:100%;order:2}.track-selectors{grid-template-columns:1fr 1fr;display:grid}.track-selector{min-width:0}.chapter-selectors{grid-template-columns:1fr}.chapter-selector{min-height:0}}@media (min-width:1500px){main{padding-top:65px}.welcome{margin-bottom:65px}}@media (max-width:1100px){.sidebar{width:190px;padding:30px 18px}main{padding:40px 30px 25px}.topbar,.app-footer{padding-left:30px;padding-right:30px}.lesson-grid{gap:12px}.card-content{padding:20px 16px}.card-content h3{font-size:16px}.welcome{gap:20px}.hello-art{height:180px}}@media (max-width:800px){.sidebar{display:none}main{max-width:720px}.welcome{gap:25px}h1{font-size:43px}}@media (max-width:560px){.topbar{height:65px;padding:0 20px}main{padding:30px 20px 25px}h1{letter-spacing:-1.5px;font-size:38px}.welcome{margin:22px 0 35px;display:block}.welcome p{font-size:13px}.hello-art{display:none}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:21px}.lesson-count{display:none}.lesson-grid{grid-template-columns:1fr;gap:20px}.lesson-art{height:130px}.card-content{padding:24px}.card-content h3{font-size:21px}.card-content p{min-height:0;font-size:14px}.card-meta{font-size:11px}.start-button{min-height:46px;font-size:14px}.app-footer{gap:15px;padding:22px 20px}.learning-panel{margin-top:24px;padding:24px 20px}.example-grid{grid-template-columns:1fr}.panel-footer,.answer-footer{flex-direction:column;align-items:stretch;gap:14px}.primary-button,.teaching-footer .secondary-button{width:100%}.teaching-heading{font-size:28px}.exercise-top{font-size:11px}.exercise-tags{flex-direction:column;gap:8px}.question-heading{font-size:25px}.learning-panel>.german-sentence{font-size:27px}.feedback{padding:20px 16px}.results-actions{flex-direction:column}.answer-review{padding:0 18px}.answer-review article{flex-direction:column;gap:12px}.results-heading h1{font-size:34px}}.library-nav{flex-direction:column;gap:6px;display:flex}.nav-item:not(.active){background:0 0}.focus-welcome{margin:22px 0 45px}.focus-welcome p{max-width:520px;color:var(--muted);line-height:1.8}.focus-library>.section-heading .lesson-count{text-align:right;max-width:190px;line-height:1.6;display:block}.focus-level-filters{margin-bottom:30px}.focus-level-filters .track-selector{min-width:120px}.focus-category{margin-top:34px}.focus-category>.section-heading{margin-bottom:14px}.focus-source-note{color:var(--muted);background:#f0f3eb;border-left:3px solid #adbd7c;margin:-2px 0 20px;padding:12px 15px;font-size:12px;line-height:1.6}.focus-group+.focus-group{margin-top:30px}.focus-group-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.focus-group-heading h3{margin:0 0 6px;font-size:18px}.focus-group-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.focus-lesson-card .card-content{flex-direction:column;display:flex}.focus-lesson-card h4{letter-spacing:-.3px;margin:12px 0;font-size:18px;font-weight:600}@media (max-width:800px){.app-shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;width:auto;padding:12px 24px;display:flex}.sidebar-label,.sidebar-course,.sidebar-bottom{display:none}.wordmark{margin:0 auto 0 0;font-size:28px}.brand-mark{width:32px;height:32px;margin-right:7px;font-size:26px}.library-nav{flex-direction:row;gap:8px}.nav-item{width:auto;min-width:90px;min-height:44px;padding:12px}.nav-item span{margin-right:7px}main{max-width:720px}}@media (max-width:560px){.sidebar{gap:6px;padding:10px 12px}.wordmark{font-size:24px}.brand-mark{border-radius:8px;width:28px;height:28px;margin-right:5px;font-size:23px}.library-nav{gap:4px}.nav-item{min-width:0;padding:10px 9px;font-size:12px}.nav-item span{margin-right:4px;font-size:16px}.focus-level-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.focus-level-filters .track-selector{min-width:0;padding:12px}.focus-group-heading{align-items:start}.focus-library>.section-heading .lesson-count{max-width:125px;font-size:10px;display:block}}.memory-practice{max-width:790px;margin:auto}.memory-practice>.back-button{margin-bottom:18px;display:block}.memory-intro{color:var(--muted);max-width:620px;line-height:1.8}.memory-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.memory-mode{text-align:left;border:1px solid var(--line);min-height:150px;color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;display:flex}.memory-mode.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f7f9f3}.memory-mode-title{font-size:14px;font-weight:600}.memory-mode-due{color:var(--green);font-size:11px;font-weight:600;line-height:1.5}.memory-mode-description{color:var(--muted);font-size:11px;line-height:1.6}.memory-switch{background:#fff;margin:0 0 20px}.memory-switch p{margin-bottom:16px}.memory-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.memory-run-status{color:var(--muted);justify-content:space-between;gap:12px;margin:28px 0 12px;font-size:12px;display:flex}.memory-card h2{letter-spacing:-.5px;margin:0 0 22px;font-size:27px;line-height:1.4}.memory-answer{color:var(--ink);margin:22px 0 8px;font-family:Georgia,serif;font-size:32px;line-height:1.4}.memory-rating-note{color:var(--muted);margin:14px 0;font-size:12px;line-height:1.7}.memory-card>.memory-actions{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.memory-choices{border:0;gap:10px;min-width:0;margin:0 0 24px;padding:0;display:grid}.memory-choices legend{margin-bottom:12px;font-size:12px}.memory-choice{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:13px;min-height:56px;padding:11px 15px;display:flex}.memory-choice:focus-within{outline-offset:3px;outline:3px solid #bb6e33}.memory-choice input{width:17px;height:17px;accent-color:var(--green);flex:none}.memory-choice.selected{border-color:var(--green);background:#eff4e9}.memory-feedback{border-radius:8px;padding:16px;line-height:1.7}.memory-feedback.correct{background:#edf3e5}.memory-feedback.incorrect{background:linen}.memory-success{color:var(--green);font-size:12px;line-height:1.7}.memory-error{color:#9b352a;border:1px solid #d3aa8e;border-radius:8px;margin:18px 0;padding:16px}.memory-error p{margin-bottom:12px}.memory-results-heading{margin:34px 0 22px}.memory-results-heading h2{margin:8px 0 12px}.memory-results-heading p{color:var(--muted);font-size:12px;line-height:1.7}.memory-results{gap:10px;display:grid}.memory-result{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px;display:grid}.memory-result h3{margin:0 0 10px;font-size:14px;line-height:1.5}.memory-result p{margin:6px 0;font-size:12px;line-height:1.6}.memory-result small{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.6;display:block}.memory-result-label{font-size:11px;font-weight:600;line-height:1.5}.memory-result-label.miss{color:#9b352a}.memory-result-label.remembered{color:var(--green)}.memory-empty{margin-top:28px}.memory-empty h2{margin:0 0 14px}.memory-empty p{color:var(--muted);line-height:1.7}.memory-early-enrollment,.memory-source-lessons{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:24px;padding:22px}.memory-early-enrollment h2,.memory-early-enrollment h3,.memory-source-lessons h2{margin:0 0 10px;font-size:17px}.memory-early-enrollment>p,.memory-source-lessons p{color:var(--muted);font-size:12px;line-height:1.7}.memory-early-enrollment ul{margin:0;padding:0;list-style:none}.memory-early-enrollment li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.memory-early-enrollment li strong,.memory-early-enrollment li span{display:block}.memory-early-enrollment li strong{font-family:Georgia,serif;font-size:16px;font-weight:500}.memory-early-enrollment li span{color:var(--muted);margin-top:5px;font-size:11px}.memory-source-lessons .text-button{margin:6px 14px 0 0;display:inline-block}@media (max-width:800px){.memory-modes{grid-template-columns:1fr}.memory-mode{min-height:0}}@media (max-width:560px){.memory-run-status{margin-top:22px}.memory-card{padding:24px 20px}.memory-card h2{font-size:24px}.memory-answer{overflow-wrap:anywhere;font-size:28px}.memory-actions{flex-direction:column;align-items:stretch}.memory-actions>button{width:100%}.memory-result{grid-template-columns:1fr;gap:8px}.memory-early-enrollment li{flex-direction:column;align-items:flex-start}.memory-early-enrollment li button{width:100%}}