@font-face{font-family:LearningRounded;src:local('Trebuchet MS')}*{box-sizing:border-box}body{margin:0;background:#fbf8f1;color:#253c39;font-family:LearningRounded,'Trebuchet MS',system-ui,sans-serif;font-size:17px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;min-height:48px;border:0;border-radius:16px;padding:12px 20px;color:inherit;background:#eeeae0;font-weight:700}button:disabled{opacity:.55;cursor:wait}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3a7069;outline-offset:4px}a{color:#285e56}header{max-width:1200px;margin:auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e6e4d9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:27px;font-weight:800;color:#274a40;flex-wrap:wrap}.brand-icon{font-size:40px;color:#b96a34;line-height:1}.brand-small{font-size:12px;font-weight:500;color:#53665d;margin-left:14px}main{max-width:1144px;margin:0 auto;padding:30px 24px 60px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;min-height:350px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.7px;color:#587166}h1,h2,p{margin-top:0}h1{font-size:clamp(36px,5vw,62px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0 22px}h2{font-size:25px;line-height:1.3;letter-spacing:-.5px}.hero p{color:#52635c}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;font-weight:700}.island-art{height:310px;position:relative;isolation:isolate;overflow:hidden;border-radius:45% 45% 32% 35%;background:#eef2df}.sun{position:absolute;right:56px;top:5px;color:#d89b32;font-size:98px}.hill{position:absolute;width:120%;height:140px;border-radius:50%;bottom:-35px;left:-20px;background:#bbcfb6}.hill.back{bottom:-10px;left:75px;background:#d3dfbd}.book{position:absolute;left:80px;top:100px;background:#fffdf5;border:7px solid #42735e;border-radius:12px 30px 18px 12px;width:170px;height:145px;transform:rotate(-9deg);font-size:60px;line-height:1.2;padding:12px 25px;color:#b16b42;box-shadow:8px 12px 0 #92aa8b}.book span{display:block;font-size:22px;color:#537762;letter-spacing:7px}.sprout{position:absolute;bottom:20px;right:40px;font-size:80px;color:#557c54}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:25px;background:#f1eee4;padding:20px 24px;border-radius:20px;margin:22px 0 36px}label,legend{display:block;font-size:13px;font-weight:700;margin-bottom:6px}select,input{background:#fffefa;border:1px solid #bac8bd;border-radius:12px;padding:12px 14px;min-height:48px;color:#253c39;max-width:100%;min-width:0}fieldset{border:0;margin:0;padding:0;display:flex;gap:8px}fieldset button{background:transparent}fieldset button[aria-pressed=true]{background:#3d6c57;color:white}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title h2{margin:8px 0 22px}#topic-count{font-size:13px;color:#52635c}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lesson{position:relative;background:#fffefa;border:1px solid #e7e4d7;border-radius:26px;padding:28px;box-shadow:0 4px 0 #eeeade}.lesson.math{background:#edf3e8}.lesson.german{background:#fcf0e5}.lesson-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#d8e6ce;color:#355f45;font-size:25px;font-weight:800;margin-bottom:20px}.german .lesson-icon{background:#f4d9bd;color:#885731}.lesson h2{margin-bottom:8px}.lesson p{color:#53635c;min-height:52px}.lesson-meta{font-size:12px;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.lesson button{width:100%;background:#fffefa;border:1px solid #cad5c5}.lesson .status{position:absolute;right:25px;top:32px;font-size:12px;font-weight:700;max-width:50%;text-align:right}.primary{background:#36664f;color:white}.quiet{background:#eeeae0}.help-strip{display:flex;align-items:center;gap:22px;background:#f1eddb;border-radius:22px;padding:24px 30px;margin-top:30px}.help-strip>span{font-size:40px;color:#a47626}.help-strip h2{font-size:20px;margin-bottom:6px}.help-strip p{font-size:14px;margin:0}.grownups{margin-top:28px;color:#52635c;font-size:13px}.grownups summary{cursor:pointer;font-weight:700}.grownups p{margin-top:12px}.progress-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ddd;padding:8px 0}footer{max-width:1144px;margin:auto;border-top:1px solid #e6e4d9;padding:24px;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#617168}.panel{background:#fffefa;border:1px solid #e5e3d9;border-radius:28px;padding:32px}.login{max-width:600px;margin:40px auto}.login h1{font-size:42px}.login form{display:grid;gap:12px;margin-bottom:24px}.exercise-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}progress{width:100%;height:12px;accent-color:#5c8664;margin:24px 0}.exercise-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}.task h1{font-size:34px;line-height:1.4;letter-spacing:-.5px;overflow-wrap:anywhere}.task form{display:grid;gap:14px}.task input{font-size:24px;width:100%}.helper{background:#eef2e7}.helper-icon{font-size:40px;color:#66815a}.helper h2{margin:8px 0}.helper p{font-size:14px}.help-button{display:block;width:100%;text-align:left;background:#fffefa;border:1px solid #d7dfcf;margin:10px 0;font-size:15px}.helper label{margin-top:22px}.helper input{width:100%}.helper form button{margin-top:10px;width:100%}.faq{display:grid;gap:8px;margin-top:16px}.faq button{font-size:13px;text-align:left;background:transparent;border:1px solid #b7c5ae;padding:10px 12px}#help-answer,#feedback{background:#f3eed7;padding:18px;border-radius:15px;margin-top:18px;overflow-wrap:anywhere}#feedback.correct{background:#e2efdc}#choices{display:grid;gap:10px}#choices .choice{flex:1;background:#f5f2e8;border:2px solid transparent;text-align:left}.choice-row{display:flex;gap:8px;align-items:stretch}.choice-read{min-width:48px;padding:0 12px;background:#fffefa;border:1px solid #d7dfcf}.choices-read{justify-self:start;font-size:14px}#choices .choice[aria-pressed=true]{border-color:#477353;background:#e6efdf}#next{margin-top:18px}.done{text-align:center;max-width:700px;margin:40px auto}.celebrate{display:block;font-size:90px;color:#a97e32}.done h1{font-size:42px}.resume{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e3eddb;padding:20px;border-radius:18px;margin-bottom:25px}.resume p{margin:0}dialog{border:1px solid #ddd;border-radius:24px;width:min(850px,calc(100% - 28px));max-height:90dvh;padding:24px;color:#253c39;background:#fffefa}dialog::backdrop{background:#233b35aa}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0}video{width:100%;margin-top:20px;border-radius:14px;background:#eef2df}dialog p,dialog li{font-size:15px}#error{background:#fbe5db;border:1px solid #cb947c;border-radius:15px;padding:16px;overflow-wrap:anywhere}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}[hidden]{display:none!important}@media(hover:hover){button:hover{filter:brightness(.96)}}@media(max-width:700px){header{padding:20px}.brand-small{display:none}main{padding:22px 16px 40px}.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:44px}.island-art{height:180px;grid-row:2}.book{top:35px;left:calc(50% - 90px);height:125px;width:150px;font-size:48px}.sun{top:-12px;right:20px;font-size:80px}.sprout{right:30px;bottom:0;font-size:65px}.hero-tags{gap:12px}.toolbar{flex-direction:column;align-items:stretch;padding:18px;gap:16px}.toolbar select{width:100%}fieldset button{padding:10px 14px;flex:1}.cards,.exercise-layout{grid-template-columns:1fr}.lesson{padding:24px}.section-title{align-items:start}.section-title h2{font-size:23px}#topic-count{display:none}.help-strip{padding:20px}.help-strip>span{display:none}.panel{padding:24px}.task h1{font-size:27px}.exercise-top{flex-wrap:wrap}.exercise-top button{width:100%}footer{flex-direction:column}.dialog-head h2{font-size:19px}.dialog-head button{padding:8px}.resume{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}

.book span{white-space:nowrap;font-size:19px;letter-spacing:4px}@media(max-width:700px){.brand{font-size:22px;flex-wrap:nowrap;gap:8px}.brand-icon{font-size:32px}header{gap:10px}#logout{font-size:13px;padding:10px 12px}}

.brand-lupi{width:46px;height:50px;object-fit:contain}.hero-lupi{position:absolute;height:95%;bottom:0;left:calc(50% - 140px);width:280px}.helper-lupi{width:100px;height:110px;object-fit:contain;float:right}.done-lupi{width:150px;height:165px}.community-lupi{width:85px;height:95px;object-fit:contain}.hero h1{font-size:clamp(32px,3.5vw,48px)}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson.digital{background:#eaf0f7}.digital .lesson-icon{background:#d5e0f1;color:#3d5d80}.lesson .status{position:static;display:block;text-align:left;max-width:none;margin:0 0 16px}.lesson-meta{gap:8px}.lesson h2{font-size:22px}.lesson-icon{white-space:nowrap;font-size:22px}.learning-nav{margin-top:20px}.toolbar{flex-wrap:wrap}#grades{flex-wrap:wrap}#speech-status{font-size:13px;color:#52635c}.faq-row{display:flex;gap:6px}.faq-row button:first-child{flex:1}.faq-row button:last-child{flex:0 0 48px}.forum-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.forum-list{display:grid;gap:18px;margin:20px 0}.forum-post{overflow-wrap:anywhere}.forum-post p{white-space:pre-wrap}.forum-post small{display:block;color:#52635c}.forum-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.forum-actions button{font-size:14px}#forum-form textarea{font:inherit;display:block;width:100%;resize:vertical;min-height:130px;border:1px solid #bac8bd;border-radius:12px;padding:14px}#forum-form label{margin-top:16px}#forum-form p{font-size:13px}#forum-form select{width:100%}#community h1{font-size:32px}.task #read-aloud{margin-bottom:12px}.brand-small{display:none}@media(max-width:900px){.cards{grid-template-columns:1fr}.lesson p{min-height:0}.hero-lupi{width:220px;left:calc(50% - 110px)}}@media(max-width:700px){.brand{font-size:19px;gap:4px}.brand-lupi{width:32px;height:40px}.hero h1{font-size:34px}.island-art{height:220px}#grades button{flex:1 0 40%;padding:10px}.helper-lupi{float:none}#community .help-strip{align-items:flex-start}.community-lupi{width:55px;height:70px}.forum-actions{align-items:stretch;flex-direction:column}.forum-actions select{width:100%}}

#support-form{padding:16px;background:#f4f5e8;border-radius:16px;margin:12px 0}#support-form input{width:100%;box-sizing:border-box}#support-form button{margin-top:10px}

.guide-preview{margin-top:28px;padding:20px;border:1px solid #d6ded5;border-radius:20px;background:#fffefa}.guide-preview summary{cursor:pointer;font-weight:700}.guide-preview>p{font-size:14px;margin-top:16px}.guide-preview input{width:100%;accent-color:#36664f}.guide-preview-card{display:flex;align-items:center;gap:24px;margin-top:20px}.guide-preview-card img{object-fit:contain;flex:0 0 160px}.guide-preview-card h2{margin-top:12px}.guide-preview-card p{font-size:14px}.guide-availability{font-weight:700}body[data-guide="erkunden"] .sun,body[data-guide="erkunden"] .sprout{display:none}body[data-guide="erkunden"] .island-art{border-radius:28px;background:#e4ece6}body[data-guide="erkunden"] .lesson{border-radius:18px;box-shadow:none}body[data-guide="erkunden"] .hero-tags{display:none}@media(max-width:700px){.guide-preview-card{flex-direction:column;align-items:stretch;gap:12px}.guide-preview-card img{align-self:center;flex-basis:auto}.guide-preview{padding:16px}}

.workshop-card{border-top:1px solid #bccdb7;margin-top:22px;padding-top:20px}.workshop-card p{min-height:0;font-size:14px;margin:10px 0}.workshop-card .workshop-status{font-weight:700}.workshop-card .workshop-start{background:#36664f;color:white;margin-top:8px}.ten-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:300px;border:2px solid #698671;border-radius:16px;padding:12px;margin:20px 0}.ten-frame span{aspect-ratio:1;border:2px solid #698671;border-radius:50%;background:#fffefa}.ten-frame .filled{background:#36664f}#task-stage{margin-top:14px}#done-evidence{background:#eef2e7;border-radius:16px;padding:18px;font-size:16px}

.fraction-visual{margin:16px 0}.fraction-label{display:block;font-size:14px;margin-bottom:6px}.fraction-strip{display:flex;height:52px;max-width:460px;border:2px solid #46736c;border-radius:8px;overflow:hidden}.fraction-strip span{flex:1;min-width:0;border-right:1px solid #46736c;background:#fffefa}.fraction-strip span:last-child{border-right:0}.fraction-strip .filled{background:repeating-linear-gradient(135deg,#497f75 0,#497f75 7px,#38665f 7px,#38665f 10px)}body[data-guide="ausprobieren"]{background:#f3f6f6;color:#243c44}body[data-guide="ausprobieren"] .sun,body[data-guide="ausprobieren"] .sprout,body[data-guide="ausprobieren"] .hill,body[data-guide="ausprobieren"] .hero-tags{display:none}body[data-guide="ausprobieren"] .island-art{border-radius:20px;background:#dce9e8}body[data-guide="ausprobieren"] .lesson{border-radius:16px;box-shadow:none;background:#fff}body[data-guide="ausprobieren"] .helper{background:#e7efee}body[data-guide="ausprobieren"] .hero h1{letter-spacing:-1px}body[data-guide="ausprobieren"] .workshop-start{background:#315e65}@media(max-width:700px){#grades button{flex:1 0 28%}.fraction-strip{height:44px}}

.subject-tabs{flex-wrap:wrap;margin:4px 0 14px}.subject-tabs button{background:#f1eee4;border:1px solid #d9d6c8}.subject-tabs button[aria-pressed=true]{background:#3d6c57;color:#fff;border-color:#3d6c57}.scope{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin:0 0 18px}.scope input{flex:0 0 22px;width:22px;height:22px;min-height:0;accent-color:#36664f}.area-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.area-link{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;background:#edf3e8;color:#274a40;text-decoration:none;font-size:14px;font-weight:700}.area-link.german{background:#fcf0e5;color:#7a4c2a}.area-link.digital{background:#eaf0f7;color:#33506f}
.areas{display:grid;gap:26px}.area{border:1px solid #e3e0d3;border-radius:26px;padding:22px 24px;background:#fffefa;scroll-margin-top:16px}.area-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:24px;align-items:start;margin-bottom:16px}.area-head h3{font-size:25px;line-height:1.25;margin:4px 0 4px}.area-head h3:focus{outline:none}.area-head p{color:#53635c;margin:0;font-size:15px}.area-side{display:grid;gap:6px}.area-side progress{margin:0;height:10px}.area-count{font-size:13px;font-weight:700}.area-side .area-next{font-size:13px}.area-start{width:100%;margin-top:4px}
.path{list-style:none;margin:0;padding:0;display:grid;gap:10px}.path .lesson{display:grid;grid-template-columns:52px minmax(0,1fr) 210px;gap:4px 18px;align-items:center;padding:16px 18px;border-radius:18px;box-shadow:none}.path .lesson-icon{width:48px;height:48px;border-radius:50%;margin:0;font-size:20px;align-self:start}.lesson-body{min-width:0}.lesson h4{font-size:20px;line-height:1.3;margin:2px 0 2px}.path .lesson p{min-height:0;margin:0;font-size:14px}.path .lesson .lesson-prereq,.path .lesson .lesson-meta{font-size:12px;color:#5d6b64;margin-top:4px}.lesson-actions{display:grid;gap:4px;text-align:center}.lesson .lesson-read{min-height:40px;padding:6px 12px;font-size:14px;background:transparent;border:1px solid #cad5c5}.path .lesson .status{position:static;margin:0;font-size:12px;text-align:center;max-width:none}.path .lesson .status.gut-geübt{color:#2f6a46}.path .workshop-card{grid-column:2/4;margin-top:12px;padding-top:12px}
.done-next{background:#e3eddb;border-radius:18px;padding:18px;margin:0 0 20px}.done-next p{margin:0 0 12px}
@media(max-width:900px){.area-head{grid-template-columns:1fr;gap:12px}}@media(max-width:700px){.area{padding:16px;border-radius:20px}.area-head h3{font-size:22px}.subject-tabs button{flex:1 1 auto;padding:8px 12px;font-size:15px;min-height:44px}.area-link{font-size:13px;min-height:36px}.path .lesson{grid-template-columns:40px minmax(0,1fr);padding:14px}.path .lesson-icon{width:38px;height:38px;font-size:17px}.lesson-actions{grid-column:1/3;margin-top:10px}.path .workshop-card{grid-column:1/3}}
.area-grid-wrap{margin:16px 0}.area-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));width:min(100%,calc(var(--cols)*34px));border:2px solid #46736c;border-radius:6px;overflow:hidden;background:#fffefa}.area-grid span{aspect-ratio:1;border-right:1px solid #9fb8b2;border-bottom:1px solid #9fb8b2;background:#e3eeeb}
.lesson.english{background:#e8f1fb}
.english .lesson-icon{background:#cfe1f5;color:#2f5b8a}
.area-link.english{background:#e8f1fb;color:#2b5480}

.help-lang{margin:.6rem 0;padding:.8rem 1rem;border-radius:14px;background:#eef4fb;border:1px solid #cfe0f2}
.help-lang-text{font-size:1.05rem;line-height:1.5;margin:.2rem 0 .5rem}
.help-lang-choices{margin:.2rem 0 .6rem;padding-left:1.2rem}
.help-lang-choices li{margin:.15rem 0}
.help-lang-note{font-size:.82rem;color:#5b6573;margin:.4rem 0 0}
.help-lang-small{font-size:.85rem;margin-top:.3rem}
[dir=rtl].help-lang-text,[dir=rtl] .help-lang-text{text-align:right}

.words{margin:.5rem 0;padding:.6rem .8rem;border-radius:14px;background:#f6f1e6}
.word-list{list-style:none;margin:0;padding:0}
.word-list li{padding:.35rem 0;border-bottom:1px solid #e8dfcc}
.word-list li:last-child{border-bottom:0}
.word-head{display:flex;align-items:center;gap:.4rem}
.word-explanation{margin:.1rem 0;font-size:.9rem}
.word-translation{margin:.1rem 0;font-size:.95rem;color:#2f5b8a}

.legal{max-width:760px;margin:1.5rem auto;line-height:1.55}
.legal h2{margin-top:1.4rem;font-size:1.15rem}
.legal ul{padding-left:1.2rem}
footer a{color:inherit}

.language-card{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between;margin:1rem 0;padding:1rem 1.2rem;border-radius:18px;background:#eef4fb;border:1px solid #cfe0f2}
.language-card h2{margin:0 0 .2rem;font-size:1.1rem}
.language-card p{margin:0;max-width:34rem}
.language-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
.chip{border-radius:999px;padding:.35rem .8rem;font-size:.92rem;min-height:2.2rem}
.chip[aria-pressed="true"]{outline:2px solid #2f5b8a;background:#dbe8f6}
.lupi-says{margin:.3rem 0}
.lupi-says>p{margin:.2rem 0}
.lupi-tools,.follow-ups{display:flex;flex-wrap:wrap;gap:.35rem;margin:.3rem 0}
.lupi-translation{margin:.3rem 0;padding:.5rem .7rem;border-radius:12px;background:#eef4fb}
.lupi-translation .help-lang-text{margin:0 0 .3rem}
.auto-read{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;font-weight:600}
.speech-rate{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;font-weight:600}.speech-rate select{width:auto}

#prompt .term{font:inherit;color:inherit;background:none;border:0;border-bottom:3px dotted #2f5b8a;padding:0;margin:0;cursor:pointer;min-height:0;border-radius:0}
#prompt .term:focus-visible{outline:2px solid #2f5b8a;outline-offset:2px}
.term-box{margin:.4rem 0 .8rem;padding:.7rem .9rem;border-radius:14px;background:#f6f1e6}