:root{--ink:#283a4c;--muted:#526574;--blue:#dceefa;--green:#e0f0d8;--yellow:#f1f3c7;--lilac:#e9e1f6;--orange:#fbe2ce;--line:#dce4e9}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:var(--ink);font:16px/1.6 'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}header{background:white;border-bottom:1px solid var(--line);padding:23px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;text-decoration:none;font-weight:700;font-size:20px;line-height:1.25}.brand small{display:block;font-size:12px;letter-spacing:1.5px;margin-top:7px;font-weight:500}.mark{background:var(--blue);border-radius:15px;width:48px;height:48px;display:grid;place-items:center;font-size:24px}nav{display:flex;gap:7px;flex-wrap:wrap}nav a{padding:9px 14px;border-radius:10px;text-decoration:none;font-size:15px}nav a.active{background:var(--lilac);font-weight:600}main{max-width:1180px;margin:auto;padding:38px 24px 60px}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:7px 0 12px}h2{font-size:23px;line-height:1.3;margin:0 0 12px}h3{font-size:19px;line-height:1.4;margin:0 0 8px}p{margin:8px 0 16px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.tag{display:inline-block;background:white;border:1px solid var(--line);padding:5px 12px;border-radius:20px;font-size:14px}.layout{display:grid;grid-template-columns:1fr 285px;gap:24px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}.tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #29394912}.tile .stripe{height:8px;background:var(--color)}.tile .inside{padding:21px}.tile .number{width:37px;height:37px;display:grid;place-items:center;background:var(--color);border-radius:12px;margin-bottom:15px;font-weight:700}.tile p{color:var(--muted);font-size:15px;margin-bottom:14px}.tile small{color:var(--muted)}.panel{padding:24px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:18px}.soft{background:var(--blue)}.btn,button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:10px 17px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600}.primary{background:#304b65;color:white;border-color:#304b65}.btn:hover,button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stat{font-size:42px;line-height:1.2;font-weight:700}.progress{height:9px;background:#e5ebf0;border-radius:8px;overflow:hidden;margin:14px 0}.progress span{display:block;height:100%;background:#7faacb}.back{display:inline-block;margin-bottom:20px;color:var(--muted)}.lesson{display:grid;grid-template-columns:1fr 340px;gap:24px}.example{border-left:4px solid #aac7df;padding:10px 16px;background:#f5f9fc;margin:12px 0}.example strong{display:block}.question{font-size:23px;margin:22px 0}.feedback{padding:15px;border-radius:12px;margin:18px 0;background:var(--yellow)}.correct{background:var(--green)}.incorrect{background:var(--orange)}input:not([type=checkbox]),select{padding:11px;border:1px solid #bdcad4;border-radius:9px;background:white;color:var(--ink);max-width:100%}input[type=text]{width:100%}label{display:block;margin-bottom:8px;font-weight:600}.field{margin:20px 0}.boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:26px}.box{border-radius:15px;background:var(--color);padding:18px;text-align:center}.box strong{font-size:28px;display:block}.box small{display:block}.flashcard{text-align:center;max-width:720px;margin:0 auto;padding:40px}.flashcard .question{font-size:30px}.flashcard .row{justify-content:center}video{width:100%;border-radius:12px;background:#182737}table{width:100%;border-collapse:collapse;margin:15px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px}th{background:var(--blue)}.material{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.placeholder{border:2px dashed #b8c9d6;border-radius:12px;padding:25px;text-align:center;color:var(--muted);background:#f5f9fc}.checklist label{font-weight:400;padding:7px 0;display:flex;gap:10px;align-items:center}.pill{font-size:13px;border-radius:15px;padding:4px 9px;background:var(--yellow);display:inline-block}footer{max-width:1180px;margin:auto;padding:20px 24px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}:focus-visible{outline:3px solid #526eaa;outline-offset:3px}@media(max-width:950px){header{align-items:flex-start;flex-direction:column}.layout,.lesson{grid-template-columns:1fr}.boxes{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){main{padding:25px 16px}.grid{grid-template-columns:1fr}h1{font-size:28px}nav{gap:0}nav a{padding:8px 10px}.intro{align-items:flex-start;flex-direction:column}.boxes{gap:7px}.box{padding:12px 5px}.flashcard{padding:25px 18px}.panel{padding:19px}}

figure{margin:24px 0}.lesson-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:white}figcaption{margin-top:12px;font-size:15px;color:var(--muted)}

textarea{font:inherit;width:100%;padding:15px;border:1px solid #bdcad4;border-radius:12px;resize:vertical}.video-start{background:var(--blue)}.video-item{margin:20px 0}.file-label{font-weight:400}.video-picker{display:block;max-width:100%;margin-top:8px}.writing-section{border-top:7px solid #d8eabd}.writing-model{margin:20px 0}.writing-model summary{cursor:pointer;font-weight:600}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:700px){.pool-grid{grid-template-columns:1fr}}

.reward-panel{background:var(--lilac)}.reward-symbol{font-size:32px;color:#486688}.earned-badge{padding:6px 10px;background:white;border-radius:15px;font-size:14px}.reward-toast{position:fixed;bottom:25px;right:25px;z-index:30;background:#e0f0d8;border:1px solid #a3c791;border-radius:18px;padding:20px;display:flex;gap:15px;box-shadow:0 8px 30px #283a4c30;max-width:calc(100vw - 32px)}.reward-toast[hidden]{display:none}.speech-controls{margin-top:12px}.speech-controls button{font-size:14px;padding:6px 10px}@media(prefers-reduced-motion:no-preference){.reward-toast{animation:reward-in .2s ease-out}@keyframes reward-in{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}}

.area-list{display:grid;gap:20px}.image-zoom{padding:0;border:0;width:100%;background:transparent;cursor:zoom-in}.image-dialog{border:0;border-radius:18px;max-width:95vw;max-height:92vh;padding:20px;color:var(--ink)}.image-dialog::backdrop{background:#17283abb}.image-dialog img{display:block;max-width:85vw;max-height:72vh;object-fit:contain}.dialog-close{display:block;margin-left:auto;margin-bottom:12px}

.topic-icon{font-size:24px;margin-right:7px}.area-icon{font-size:27px!important;width:52px!important;height:52px!important}.magic-pot{display:inline-block;position:relative;width:64px;height:64px;vertical-align:middle}.pot-emoji{position:absolute;font-size:44px;bottom:0;left:4px;filter:drop-shadow(0 2px 3px #bda9e1)}.pot-spark{position:absolute;right:0;top:0;font-size:23px}.pot-steam{position:absolute;left:16px;top:-7px;color:#859bc6;font-size:27px}.pot-bubble{position:absolute;left:3px;bottom:9px;color:#8baa6b;font-size:30px}@media(prefers-reduced-motion:no-preference){.pot-spark{animation:twinkle 2.5s ease-in-out infinite}.pot-steam{animation:steam 3s ease-in-out infinite}@keyframes twinkle{50%{opacity:.5;transform:scale(.9)}}@keyframes steam{50%{transform:translateY(-4px);opacity:.55}}}

.pool-category{border:1px solid var(--line);border-radius:14px;margin:15px 0;background:#f8fbfd}.pool-category>summary{padding:18px;cursor:pointer;font-size:20px;font-weight:650}.pool-category>summary .tag{float:right;font-size:14px;font-weight:400}.pool-category>.pool-grid,.pool-category>p{padding:0 18px}.pool-setup>summary,.box-overview>summary{cursor:pointer;font-weight:600;padding:14px}.pool-setup,.box-overview{margin-bottom:18px}.round-launch{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#edf4fbf5}.round-launch strong{font-size:clamp(28px,5vw,48px)}.round-launch .magic-pot{transform:scale(1.7);margin:25px}.round-launch span{color:var(--muted)}#flash{scroll-margin-top:20px}@media(prefers-reduced-motion:no-preference){.round-launch{animation:round-fade 1s both}.round-launch .magic-pot{animation:pot-hop 1s both}@keyframes pot-hop{0%{transform:scale(1.3) translateY(15px)}40%{transform:scale(1.9) translateY(-10px)}80%{transform:scale(1.7)}}@keyframes round-fade{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}}@media(max-width:560px){.pool-category>summary{font-size:18px}.pool-category>summary .tag{float:none;margin-left:10px}}

.reveal-answer{font-weight:700;font-size:24px;line-height:1.8}.grammar-focus{display:inline-block;background:#f1f3c7;color:#263d52;padding:1px 7px;border-radius:7px;border-bottom:3px solid #bdab36;transform-origin:center}.grammar-tip{margin:12px 0;padding:12px 16px;border-radius:12px;background:var(--blue);font-size:16px}.grammar-tip strong{font-size:19px}.focus-enter{position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.focus-enter{animation:focus-pop 1.15s ease-in-out 1}@keyframes focus-pop{0%,100%{transform:scale(1);background:#f1f3c7}25%,65%{transform:scale(1.16);background:#e7d778}45%,85%{transform:scale(1.04);background:#fff8c8}}}

.word-group{background:var(--group-color);padding:18px;border-radius:16px;margin:15px 0}.word-tiles{display:flex;flex-wrap:wrap;gap:12px}.word-tile{background:#ffffffdf;border:1px solid #cddbe2;border-radius:12px;padding:14px;flex:1 1 150px;min-width:0}.word-tile>strong{font-size:20px}.word-translation{margin-top:12px;font-size:14px}.word-translation summary{cursor:pointer;color:var(--muted)}.word-translation span{display:block;margin-top:7px}.word-branches,.question-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.family-tree{text-align:center}.family-tree .word-group{max-width:600px;margin:0 auto}.tree-link{font-size:30px;line-height:1.3;color:#9ab0c2}.time-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spatial-field{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:". top ." "left center right" ". bottom .";gap:12px;margin:25px 0}.spatial-top{grid-area:top}.spatial-left{grid-area:left}.spatial-center{grid-area:center;background:var(--lilac);border-radius:16px;display:grid;place-items:center;text-align:center;padding:12px}.spatial-right{grid-area:right}.spatial-bottom{grid-area:bottom}.field-task{background:var(--yellow);padding:18px;border-radius:12px;margin-top:22px}.word-tile .speech-controls{display:flex;flex-direction:column;align-items:stretch}.word-tile button{font-size:14px}.speaking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.speaking-card{border-radius:14px;background:var(--blue);padding:18px}.speaking-card:nth-child(2){background:var(--green)}.speaking-card:nth-child(3){background:var(--yellow)}.speaking-card:nth-child(4){background:var(--lilac)}@media(max-width:650px){.word-branches,.question-field,.time-line,.speaking-grid{grid-template-columns:1fr}.spatial-field{gap:5px;grid-template-columns:1fr 1fr 1fr}.spatial-field .word-tile{padding:8px}.spatial-field .word-tile>strong{font-size:16px}.spatial-field button{padding:6px;font-size:12px}}

.frequency-choice{padding:0;border:0;margin:25px 0}.frequency-choice legend{font-weight:600;margin-bottom:12px}.frequency-choice label{position:relative;cursor:pointer}.frequency-choice input{position:absolute;opacity:0}.frequency-choice span{display:block;padding:13px 23px;border:2px solid var(--line);border-radius:12px;background:white}.frequency-choice input:checked+span{background:var(--blue);border-color:#608bad}.frequency-choice input:focus-visible+span{outline:3px solid #526eaa;outline-offset:3px}.day-picker summary{cursor:pointer;font-weight:600;padding:12px 0}

.accent-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.accent-toolbar button{min-width:44px;min-height:44px;padding:7px;font-size:19px;background:var(--blue)}.accent-toolbar p{width:100%;margin:5px 0;font-size:14px}

.drawing-input{display:block;max-width:100%;font-size:14px;margin-top:8px}.is-practicing .study-reference,.is-practicing .lesson>aside,.is-practicing>.intro{display:none}.is-practicing .lesson{grid-template-columns:1fr;max-width:800px;margin:auto}.exercise-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.exercise-tools span{color:var(--muted);font-size:14px}.peek-dialog{border:0;border-radius:18px;padding:28px;max-width:440px;width:calc(100vw - 32px);color:var(--ink)}.peek-dialog::backdrop{background:#17283aaa}#exercise{scroll-margin-top:25px}

.word-kind h4{font-size:14px;letter-spacing:.6px;margin:14px 0 8px;color:var(--muted)}.video-context-note{background:#ffffffa8;border-left:3px solid #8caac2;padding:12px 15px;font-size:14px;line-height:1.5}

.video-info{margin:7px 0 12px;font-size:14px;color:var(--muted)}.video-info summary{cursor:pointer;width:fit-content;padding:4px 7px;border-radius:7px}.video-info summary:hover{background:#ffffffa8}.video-info p{margin:7px 0;padding:10px 12px;background:#ffffffa8;border-radius:9px;max-width:65ch}

/* Touch screens, narrow viewports, text enlargement and safe areas. */
.layout>*,.lesson>*,.grid>*{min-width:0}button,.btn,nav a{min-height:44px}button,.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}input,select,textarea{font-size:16px!important}select{width:100%}.material{overflow-wrap:anywhere}summary{min-height:44px;align-content:center}.checklist label{min-height:44px;cursor:pointer}.checklist input{flex-shrink:0;width:20px;height:20px}.brand .mark{flex-shrink:0}.image-dialog,.peek-dialog{max-height:calc(100dvh - 32px);overflow:auto}.image-dialog img{max-height:65dvh;max-width:100%;width:auto}.reward-toast{pointer-events:none;bottom:max(18px,env(safe-area-inset-bottom))}.row>*{min-width:0}video{display:block;max-width:100%;height:auto}.question,.reveal-answer{overflow-wrap:anywhere}main{padding-bottom:max(40px,env(safe-area-inset-bottom))}
@media(hover:none){.tile:hover{transform:none;box-shadow:none}button:hover,.btn:hover{filter:none}}
@media(max-width:600px){header{padding:16px;gap:15px}.brand{font-size:18px}.brand small{letter-spacing:1px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}nav a{text-align:center;font-size:14px;padding:9px 4px;display:grid;place-items:center;line-height:1.3}main{padding-top:24px}.panel{padding:17px}.intro{gap:8px;margin-bottom:22px}.intro p{margin-bottom:5px}.tag{overflow-wrap:anywhere}.word-tile>strong{font-size:18px}.pool-category>summary{padding:14px}.pool-category>summary .tag{display:block;width:fit-content;margin:5px 0 0}.exercise-tools{align-items:flex-start}.exercise-tools button{flex-shrink:0}.peek-dialog{padding:22px}.image-dialog{padding:12px}.dialog-close{min-width:100px}.frequency-choice span{padding:12px 18px}}
@media(max-width:380px){main{padding-left:12px;padding-right:12px}.panel{padding:14px}.word-tiles{gap:9px}.spatial-field{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)}.spatial-field .word-tile{padding:6px}.spatial-field .speech-controls button{font-size:14px}.frequency-choice .row{gap:7px}.frequency-choice span{padding:10px 14px}.flashcard .question{font-size:25px}}

.header-help{flex-shrink:0;background:var(--yellow);white-space:nowrap}.help-dialog{width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;border:0;border-radius:18px;padding:18px;color:var(--ink)}.help-dialog::backdrop{background:#17283abb}.help-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.help-top>span{font-weight:600}.help-slide{padding:28px;border-radius:14px;overflow:auto;max-height:60dvh;overflow-wrap:anywhere}.help-slide h2{font-size:clamp(25px,4vw,38px);margin:0 0 20px}.help-slide h3{font-size:clamp(20px,3vw,26px);margin:0 0 20px}.help-slide p{font-size:18px;line-height:1.6;margin:12px 0}.help-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.help-download{display:block;margin-top:14px;padding:8px 0;font-size:14px}.help-controls button{min-width:100px}@media(max-width:950px){.header-help{align-self:flex-end}}@media(max-width:600px){.help-dialog{padding:12px}.help-slide{padding:20px 16px}.help-slide p{font-size:17px}.help-controls{gap:7px}.help-controls button{min-width:80px;padding:10px}.help-controls span{font-size:14px}}

.vocabulary-field{border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin:12px 0}.vocabulary-field>summary{cursor:pointer;padding:12px 0;font-weight:650}.vocabulary-field>summary .tag{margin-left:8px}.vocabulary-field .word-group{padding:14px}.test-topic{display:inline-block;background:var(--lilac);border:2px solid #b6a0d4;border-radius:12px;padding:9px 14px;font-size:20px;color:var(--ink);margin:4px 0}.round-start-button{position:relative;overflow:hidden;font-size:22px;min-height:62px;padding:16px 30px!important;box-shadow:0 0 0 4px #cbdba8,0 5px 18px #55784a55}.round-start-button:active{transform:scale(.97)}@media(prefers-reduced-motion:no-preference){.round-start-button{animation:start-glow 2.8s ease-in-out infinite}.round-start-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff65 45%,transparent 65%);transform:translateX(-120%);pointer-events:none;animation:start-shimmer 4s ease-in-out infinite}@keyframes start-glow{50%{box-shadow:0 0 0 5px #d4e3b7,0 0 25px #96b56288}}@keyframes start-shimmer{0%,55%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}}@media(max-width:600px){.round-start-button{width:100%;font-size:21px}.test-topic{font-size:18px}}

.install-banner{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:center;background:var(--yellow);border:2px solid #d8d39c;border-radius:20px;padding:24px;margin-bottom:28px}.install-banner h2{font-size:clamp(23px,3vw,30px);margin-top:0}.install-banner figure{margin:0;text-align:center}.install-banner img{max-width:100%;height:auto;image-rendering:pixelated;background:white;border:10px solid white;box-sizing:border-box;border-radius:8px}.install-banner figcaption{font-size:14px}.install-instructions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.install-instructions li{margin:14px 0}.install-instructions ol{padding-left:24px}@media(max-width:650px){.install-banner{grid-template-columns:1fr;padding:20px;gap:18px}.install-banner figure{justify-self:center}.install-instructions{grid-template-columns:1fr}.install-banner .row{align-items:stretch}.install-banner .btn{flex:1 1 180px;text-align:center}}

.topic-choice{font-size:19px;min-height:58px;border:2px solid #bdcad4;background:#fff;padding:12px 17px}.topic-choice[aria-pressed=true]{background:var(--lilac);border-color:#9b79c2;box-shadow:inset 0 0 0 1px #9b79c2}.topic-choice[aria-pressed=true]:before{content:"✓ ";color:#654185}label:has(>input[type=checkbox]){position:relative;display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:12px 17px!important;border:2px solid #bdcad4;border-radius:12px;background:white;font-weight:600;cursor:pointer;margin:5px}label:has(>input[type=checkbox]:checked){background:var(--lilac);border-color:#9b79c2}label>input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0}label:has(>input[type=checkbox]:checked):before{content:"✓";color:#654185}label:has(>input[type=checkbox]:focus-visible){outline:3px solid #526eaa;outline-offset:3px}.installation-dialog{width:min(950px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px}.installation-dialog::backdrop{background:#283a4c77}.installation-dialog .back{display:none}
.sparkle-button,.install-banner .primary,.round-start-button,a[href="#wiederholen"]{position:relative;isolation:isolate;overflow:visible}.sparkle-button:before,.install-banner .primary:before,.round-start-button:before,a[href="#wiederholen"]:before{content:"✦";position:absolute;right:-8px;top:-12px;color:#ac7bda;font-size:25px;pointer-events:none;text-shadow:0 0 9px #f5d986}.sparkle-button:after,.install-banner .primary:after,a[href="#wiederholen"]:after{content:"✧";position:absolute;left:-9px;bottom:-12px;color:#bd8e31;font-size:25px;pointer-events:none}@media(prefers-reduced-motion:no-preference){.sparkle-button:before,.install-banner .primary:before,.round-start-button:before,a[href="#wiederholen"]:before{animation:button-sparkle 2.3s ease-in-out infinite}.sparkle-button:after,.install-banner .primary:after,a[href="#wiederholen"]:after{animation:button-sparkle 2.3s 1.1s ease-in-out infinite}@keyframes button-sparkle{50%{opacity:.35;transform:scale(.7) rotate(30deg)}}}

[hidden]{display:none!important}.word-context{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.word-context summary{cursor:pointer;font-weight:600}.word-context .solution-expression{font-size:18px}

.context-choices{display:grid;gap:12px}.context-choice{text-align:left;padding:16px;font-size:19px;border:2px solid #b6cad8;min-height:60px}.context-choice:hover{background:var(--blue)}

.area-list{align-content:start;grid-auto-rows:max-content;align-self:start;gap:12px}.area-list>.tile{min-height:0!important;height:auto!important;align-self:start}.area-list>.tile .inside{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:15px 18px}.area-list>.tile .area-icon{grid-row:1/3;width:44px!important;height:44px!important;font-size:23px!important;margin:0}.area-list>.tile h2{font-size:21px;margin:0 0 5px;align-self:center}.area-list>.tile p{grid-column:2;margin:0;line-height:1.45}.area-list>.tile .stripe{height:5px}.completion-feedback{background:var(--green);border:1px solid #b5cfab;padding:22px;border-radius:16px;margin:18px 0}.completion-feedback h3{font-size:25px}.completion-symbol{font-size:35px;float:right;margin-left:12px}@media(max-width:560px){.area-list>.tile .inside{padding:14px}.area-list>.tile h2{font-size:19px}.area-list>.tile p{font-size:14px}}

.speaking-lab audio{width:100%;margin:10px 0 18px}.speaking-lab textarea{width:100%;padding:12px;font:inherit;border:1px solid #bdcad4;border-radius:10px}.speaking-lab select{width:100%;margin:8px 0}.speaking-lab section{margin-top:22px}

button.box{border:1px solid #b6c7c6;color:var(--ink);min-height:104px}button.box:hover{box-shadow:0 0 0 3px #b4cfe0}.box-contents-dialog{width:min(800px,94vw);max-height:88dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px}.box-contents-dialog::backdrop{background:#283a4c77}.box-entry{border-top:1px solid var(--line);padding:18px 0}.box-entry summary{cursor:pointer;font-weight:600}

.learning-progress-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0;padding:12px 16px;border-radius:16px;background:#e7f3d9;color:#234735}.learning-progress-strip progress{width:110px;height:12px;accent-color:#629842}.learning-progress-strip span{font-size:.9rem}

.home-mode{margin:12px 0 20px}.home-mode .row{margin:8px 0}.home-mode details{font-size:.9rem}.home-details{padding:12px 0;border-bottom:1px solid #d7e4ed}.home-details summary{font-weight:600;cursor:pointer}.area-list .install-banner{padding:14px;gap:12px}.area-list .install-banner h2{font-size:1.1rem}.area-list .install-banner figure img{width:90px;height:90px}.home-details .panel{margin-top:12px}

.answer-comparison{padding:12px;border:1px solid #ccdce5;border-radius:12px;margin:12px 0}.answer-comparison mark{display:inline-block;padding:3px 7px;border-radius:6px;margin:2px;font-weight:700}.answer-check{background:#ffe2df;color:#8b221c;text-decoration:underline;text-decoration-style:wavy}.answer-fix{background:#dff2ce;color:#294d16}.missing-label{font-size:.75em;font-weight:400;margin-left:6px}.answer-comparison p[lang]{font-size:1.2rem;line-height:1.8}

.task-help{font-size:.9rem;margin:10px 0}.task-help summary{cursor:pointer}.round-meta{font-size:.8rem;color:#526c7e;margin-left:auto}.is-practicing>.intro,.is-practicing>.back{display:none}.is-practicing .pool-setup,.is-practicing .box-overview{display:none}@media(max-width:650px){.flashcard,.is-practicing #exercise{padding:16px}.flashcard .question,#exercise .question{font-size:1.4rem;line-height:1.4;margin:16px 0}.flashcard .tag,#exercise .test-topic{font-size:.85rem;padding:5px 8px}.flashcard .eyebrow,#exercise .eyebrow{font-size:.75rem;margin:10px 0}.flashcard .row,#exercise>.row{gap:7px}.flashcard .feedback,#exercise .feedback{padding:12px}.speaking-lab{padding:12px}.speaking-lab h3{font-size:1.1rem}.speaking-lab p{font-size:.9rem}}

.task-help{border:1px solid #d4ddb0;border-radius:10px;background:#fafbdc;overflow:hidden}.task-help summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;font-weight:700}.task-help summary::-webkit-details-marker{display:none}.task-help summary::before{content:"▶";font-size:.85rem;display:inline-block;transition:transform .15s}.task-help[open] summary::before{transform:rotate(90deg)}.task-help[open] summary{border-bottom:1px solid #d4ddb0}.task-help p{padding:0 12px}.task-help summary:focus-visible{outline:3px solid #496caa;outline-offset:-3px}

.review-writing {max-width:36rem;margin:1rem auto;text-align:left}.review-writing textarea{width:100%;font:inherit;padding:.7rem;border:1px solid #aec6d8;border-radius:10px}.review-writing .accent-toolbar{margin:.5rem 0}.review-writing .accent-toolbar p{font-size:.8rem}

nav .learn-nav{background:#e3f0fb;border:1px solid #aacbe5;font-weight:700;min-height:44px}nav .learn-nav.active{background:#cfe6f8;box-shadow:0 0 0 2px #a7cde5}.study-hat{display:inline-block;margin-right:.2rem}@media(prefers-reduced-motion:no-preference){nav .learn-nav{animation:learn-breathe 5s ease-in-out infinite}nav .learn-nav:hover .study-hat{transform:rotate(-8deg)}@keyframes learn-breathe{0%,100%{box-shadow:0 0 0 0 #7db4de00}50%{box-shadow:0 0 12px 2px #7db4de55}}}

footer .copyright{display:block;text-align:right;margin-top:.7rem;font-size:.75rem;color:var(--muted)}

footer .imprint-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted);text-underline-offset:3px}footer .imprint-link:focus-visible{outline:2px solid #5d87af;outline-offset:3px}.imprint-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);background:white}.imprint-dialog::backdrop{background:#17283aaa}.imprint-dialog h3{font-size:16px;margin-top:24px}.imprint-dialog a{overflow-wrap:anywhere}

.tour-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--ink)}.tour-dialog::backdrop{background:transparent}.tour-spotlight{position:fixed;border:3px solid #f0c85b;border-radius:12px;box-shadow:0 0 0 9999px #14243acc;pointer-events:none}.tour-card{position:fixed;z-index:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 32px #0004;max-height:calc(100dvh - 24px);display:flex;flex-direction:column}.tour-copy{min-height:0;overflow:auto}.tour-copy h2{font-size:23px}.tour-copy p{font-size:16px;line-height:1.5;margin:10px 0}.tour-card .help-top{gap:8px;margin-bottom:10px}.tour-card #helpClose{font-size:12px;padding:6px 8px}.tour-card .help-controls{gap:8px;margin-top:12px}.tour-card .help-controls button{min-width:64px;padding:9px 12px}.tour-card #helpCounter{font-size:12px;white-space:nowrap}@media(max-width:600px){.tour-card{padding:14px}.tour-copy h2{font-size:21px}.tour-card .help-top>span{font-size:13px}.tour-card .help-controls button{font-size:14px}}

.welcome-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center;color:var(--ink);background:linear-gradient(150deg,#e3f0fb,#fff 65%)}.welcome-dialog::backdrop{background:#14243acc}.welcome-icon{font-size:44px;margin-bottom:10px}.welcome-dialog h2{font-size:clamp(22px,5vw,28px)}.welcome-dialog .row{justify-content:center;margin-top:20px}.welcome-dialog #welcomeLater{background:transparent;border:1px solid var(--line)}

.tour-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:12px 0}.tour-boxes span{background:var(--blue);border:1px solid #aacbe5;border-radius:8px;text-align:center;padding:6px 0;font-size:12px;line-height:1.5}.box-help{margin:8px 0 16px;padding:8px 12px;border-radius:10px;background:var(--blue)}.box-help p{font-size:14px}

#exerciseChrome,#exerciseDock{display:none}.task-mode-title{display:inline-flex;align-items:center;background:var(--blue);border:1px solid #aacbe5;border-radius:10px;padding:8px 14px;min-height:44px;font-weight:700;margin:8px 0 12px}.speaking-lab .record-settings,.speaking-lab .record-test{margin:10px 0}.solution-explanation{font-size:14px}.grammar-tip>summary{font-size:16px}.grammar-tip{padding:8px 12px}.exercise-focus .question{font-size:26px;margin:14px 0}.exercise-focus .feedback{padding:16px}.exercise-focus .flashcard{min-height:0}.exercise-focus .speaking-lab{padding:14px}.exercise-focus .speaking-lab .eyebrow{display:none}
@media(max-width:700px),(max-height:600px) and (max-width:1100px){
 body.exercise-focus header,body.exercise-focus footer{display:none}body.exercise-focus.exercise-menu-open header{display:flex;padding:12px}
 body.exercise-focus #exerciseChrome{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:#f7fafc;border-bottom:1px solid var(--line)}#exerciseChrome .task-mode-title{margin:0;padding:6px 12px}#exerciseMenu{padding:6px 12px;font-size:14px}
 body.exercise-focus #exerciseDock:not([hidden]){display:flex;position:fixed;z-index:30;bottom:var(--exercise-keyboard,0px);left:0;right:0;justify-content:flex-end;gap:8px;background:white;border-top:1px solid var(--line);padding:10px 12px max(10px,env(safe-area-inset-bottom))}#exerciseDock button{flex:1;max-width:420px;min-height:48px}
 body.exercise-focus main{padding:8px 10px calc(95px + var(--exercise-keyboard,0px))}body.exercise-focus .intro{display:none}body.exercise-focus .task-mode-title:not(#exerciseMode){display:none}
 body.exercise-focus .panel.flashcard,body.exercise-focus #exercise{padding:12px;border-radius:12px;margin:0}body.exercise-focus .question{font-size:22px;margin:12px 0}body.exercise-focus .tag{font-size:12px;padding:3px 8px}body.exercise-focus .test-topic{font-size:15px}body.exercise-focus .exercise-tools{padding-bottom:6px;margin-bottom:6px}body.exercise-focus .exercise-tools span{display:none}
 body.exercise-focus .answered .question,body.exercise-focus .answered .context-choices,body.exercise-focus .answered .task-help{display:none}body.exercise-focus .feedback{padding:12px;margin-top:10px}body.exercise-focus .reveal-answer{font-size:21px}body.exercise-focus .solution-reminder{font-size:13px;margin:4px 0}body.exercise-focus .grammar-tip p{font-size:14px}body.exercise-focus .review-writing{margin:8px auto}body.exercise-focus .accent-toolbar p{display:none}body.exercise-focus .speaking-lab{border:0;padding:0;box-shadow:none;margin-top:8px}body.exercise-focus .speaking-lab h3{font-size:17px}body.exercise-focus .speaking-lab p{font-size:14px;margin:6px 0}body.exercise-focus .speaking-lab #speakingPrompt{display:none}body.exercise-focus .speaking-lab:has(#speakingTask option:only-child) #speakingTask,body.exercise-focus .speaking-lab:has(#speakingTask option:only-child) label[for="speakingTask"]{display:none}
}

@media(max-width:700px),(max-height:600px) and (max-width:1100px){body.exercise-focus [data-docked="true"]{display:none!important}}

.task-instruction{font-size:16px;font-weight:600;margin:4px 0 10px;color:var(--ink)}