@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap');
:root{--ink:#243c36;--muted:#7b8981;--green:#198e7b;--dark:#126e60;--bg:#f8f9f5;--line:#e4e9e0;--yellow:#ffce5b;--round:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0b93f;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green)}h1,h2,h3,h4,.brand,.heading{font-family:'Nunito',sans-serif}h1,h2,h3,h4,p{margin:0}h1{font-size:38px;line-height:1.15;font-weight:900;letter-spacing:-1.1px}h2{font-size:24px;font-weight:900;letter-spacing:-.5px}h3{font-size:18px;font-weight:900}small{font-size:12px}svg{vertical-align:middle}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:34px 22px 22px;display:flex;flex-direction:column;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;width:39px;height:43px;background:#e3f2e6;border-radius:13px;font-size:26px}.brand span span{color:var(--green)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav button{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;text-align:left;font-weight:700;color:#78867e}.nav button.active{background:#e5f2ea;color:var(--green)}.nav button:hover{background:#f0f5ee}.nav-icon{font-size:20px;display:inline-grid;place-items:center;width:22px}.nav-tag{margin-left:auto;background:#fff;padding:2px 6px;border-radius:5px;font-size:10px}.side-tip{margin-top:auto;background:#fff9e9;border:1px solid #f2e9ca;padding:17px 15px;border-radius:16px}.side-tip p{font-size:12px;line-height:1.65;color:#8c8060;margin-top:6px}.side-tip strong{font-size:13px}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.main{min-width:0}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff90;gap:10px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:500}.top-right{display:flex;align-items:center;gap:20px}.stat{display:flex;align-items:center;gap:7px;font-weight:800;font-family:Nunito}.stat span{font-size:19px}.profile-switch{background:#fff;border:1px solid var(--line);padding:5px;border-radius:30px;display:flex;gap:4px}.profile-switch button{padding:5px 11px 5px 5px;border-radius:24px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.profile-switch button.selected{background:#e4f1e8}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:#f8dfcd;font-size:18px}.avatar.stefan{background:#dfe6f8}.content{padding:30px 38px 40px;max-width:1500px;margin:auto}.welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.welcome h1{font-size:29px;letter-spacing:-.7px}.welcome p{color:var(--muted);margin-top:7px;font-size:13px}.date-pill{border:1px solid var(--line);border-radius:10px;background:white;font-size:12px;padding:9px 12px;white-space:nowrap}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px}.hero{position:relative;border-radius:var(--round);overflow:hidden;background:#e2f0e7;min-height:254px;border:1px solid #d4e7d8;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95}.hero-copy{position:relative;z-index:1;padding:28px;width:58%}.hero-copy .eyebrow{color:#54846e;letter-spacing:1.7px;font-size:9px}.hero h2{font-size:30px;line-height:1.14;letter-spacing:-.8px;margin:13px 0 10px}.hero p{font-size:12px;line-height:1.65;color:#5f7c6d;max-width:225px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--green);color:white;padding:13px 21px;border-radius:11px;font-weight:700;border-bottom:3px solid #137462;transition:transform .15s,background .15s}.btn:hover{background:var(--dark);transform:translateY(-1px)}.btn:active{transform:translateY(2px)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line);border-bottom:3px solid #dfe6db}.btn.yellow{background:var(--yellow);color:#66501c;border-color:#e7b23e}.btn.full{width:100%}.hero .btn{margin-top:19px;font-size:12px}.hero .tiny{margin-top:9px;font-size:10px;color:#648572}.hero-emoji{position:absolute;right:35px;font-size:125px;filter:drop-shadow(0 10px 4px #5b9c6120)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:27px 0 18px;gap:15px}.section-head h2{font-size:20px}.section-head p{font-size:12px;color:var(--muted);margin-top:4px}.text-btn{font-size:12px;font-weight:700;color:var(--green);padding:6px 0}.world-card{background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:14px;overflow:hidden}.world-header{display:flex;align-items:center;gap:13px;padding:16px 18px}.world-icon{width:49px;height:49px;border-radius:14px;display:grid;place-items:center;font-size:27px;flex-shrink:0}.world-label{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:700;margin-bottom:3px}.world-header h3{font-size:16px}.world-header p{font-size:11px;color:var(--muted);margin-top:3px}.world-status{margin-left:auto;font-size:10px;font-weight:700;padding:5px 8px;border-radius:6px;background:#eaf3e9;color:#50826b;white-space:nowrap}.world-status.locked{background:#f3f4ef;color:#90998d}.path{padding:5px 18px 20px;display:flex;justify-content:space-around;position:relative}.path:before{content:'';position:absolute;top:31px;left:12%;right:12%;border-top:3px dashed #dde7d9}.lesson-node{position:relative;text-align:center;z-index:1;max-width:24%;padding:0 3px}.node-circle{width:53px;height:53px;display:grid;place-items:center;margin:0 auto 9px;border-radius:50%;background:#f0f3eb;border:4px solid white;box-shadow:0 3px 0 #dbe2d3;color:#a4ae9e;font-size:20px}.lesson-node.current .node-circle{background:var(--green);box-shadow:0 4px 0 #0d6e5f,0 0 0 4px #d6f0e3;color:white;animation:breathe 3s ease-in-out infinite}.lesson-node.done .node-circle{background:#f7cc66;box-shadow:0 3px 0 #d9b154;color:#8d671d}.lesson-node span.label{font-size:10px;line-height:1.35;display:block;font-weight:600;color:#8a9589}.lesson-node.current span.label{color:var(--green);font-weight:800}.lesson-node.done span.label{color:#8f7945}.lesson-node:disabled{opacity:1}.world-card.locked-world{background:#fcfcfa}.world-card.locked-world .world-icon{filter:grayscale(.5);opacity:.7}.right-col{display:flex;flex-direction:column;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font-size:15px}.tag{font-size:9px;letter-spacing:.6px;background:#f5f3e9;color:#9c916a;padding:5px 7px;border-radius:6px;font-weight:700}.daily-ring{display:flex;gap:15px;align-items:center}.ring{--value:0deg;width:67px;height:67px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--green) var(--value),#edf1e8 0);padding:6px;display:grid;place-items:center}.ring div{width:55px;height:55px;border-radius:50%;background:white;display:grid;place-items:center;font:900 18px Nunito}.daily-ring strong{font-size:13px}.daily-ring p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.week{display:flex;justify-content:space-between;gap:4px;margin-top:20px}.day{text-align:center;font-size:9px;color:#98a193}.day i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f3eb;margin-top:6px;font-size:10px}.day.today i{box-shadow:0 0 0 2px #78b89b}.day.played i{background:#198e7b;color:white}.word-card{background:#fff8e8;border-color:#f2e6c3;position:relative}.word-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.word-emoji{font-size:43px}.audio{width:35px;height:35px;border:1px solid #eadcb8;border-radius:50%;display:grid;place-items:center;background:#fffcf4;font-size:17px}.word-card h3{font-size:23px}.word-card p{font-size:12px;color:#918367;margin-top:4px}.word-card .text-btn{color:#a18a52;margin-top:14px}.challenge{display:flex;gap:12px;align-items:center;border:1px solid #e8e9ef;border-radius:13px;padding:13px;background:#f7f7fc;margin-top:15px}.challenge span{font-size:25px}.challenge strong{font-size:11px}.challenge p{font-size:10px;color:var(--muted);margin-top:3px}.badge-row{display:flex;gap:12px;justify-content:space-around}.badge-icon{width:51px;height:51px;background:#f4f3ed;border-radius:15px;display:grid;place-items:center;font-size:27px;filter:grayscale(1);opacity:.4}.badge-icon.earned{background:#fff2c9;filter:none;opacity:1}.badge-caption{font-size:9px;text-align:center;color:#8e998e;margin-top:7px}.quiet-note{color:#98a193;font-size:10px;text-align:center;line-height:1.6;padding:0 10px}.footer{display:flex;justify-content:space-between;gap:15px;color:#97a191;font-size:10px;margin-top:25px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 13px;border:1px solid var(--line);background:white;border-radius:25px;font-size:12px}.chip.active{background:var(--green);color:white;border-color:var(--green)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:20px}.vocab-item{padding:23px 17px;border:1px solid var(--line);border-radius:18px;background:white;text-align:center;position:relative}.vocab-item .emoji{font-size:43px;margin:9px}.vocab-item strong{font:800 20px Nunito;display:block}.vocab-item p{color:var(--muted);font-size:13px;margin:5px}.vocab-item .audio{margin:12px auto 0}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:24px}.badge-big{text-align:center;padding:30px 20px;background:white;border:1px solid var(--line);border-radius:20px}.badge-big .badge-icon{width:80px;height:80px;font-size:45px;margin:0 auto 16px}.badge-big p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.game-card{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;text-align:left}.game-card .emoji{font-size:40px;margin-bottom:15px}.game-card p{color:var(--muted);line-height:1.6;font-size:13px;margin:10px 0 20px}.game-card small{color:var(--green);font-weight:700}.lesson-shell{min-height:100vh;background:var(--bg)}.lesson-top{display:flex;align-items:center;gap:22px;max-width:900px;margin:auto;padding:30px 25px}.close-btn{font-size:24px;color:#94a18e;padding:5px}.progress-track{height:13px;flex:1;border-radius:20px;background:#e3e9dd;overflow:hidden}.progress-fill{height:100%;background:#4aaa83;border-radius:20px;transition:width .4s}.lesson-main{max-width:700px;margin:20px auto 0;padding:15px 25px 140px}.lesson-main .eyebrow{margin-bottom:14px}.lesson-main h1{font-size:30px;margin-bottom:10px}.lesson-sub{color:var(--muted);font-size:14px;line-height:1.6}.learn-card{padding:28px;margin-top:25px;text-align:center;border-radius:25px;border:1px solid var(--line);background:white}.learn-card .emoji{font-size:88px;margin-bottom:12px;line-height:1.2}.learn-card h2{font-size:34px;margin:5px}.learn-card p{font-size:19px;color:var(--muted);margin:5px}.learn-card .btn{margin-top:20px}.flash-dots{display:flex;gap:7px;justify-content:center;margin:20px}.flash-dots i{width:7px;height:7px;background:#dce4d6;border-radius:50%}.flash-dots i.on{background:var(--green)}.tip-box{background:#fff6dc;border:1px solid #efdfaa;padding:17px;border-radius:13px;font-size:13px;line-height:1.7;margin-top:22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.answer{border:2px solid #e0e5d9;border-bottom:5px solid #e0e5d9;border-radius:15px;background:white;padding:20px 16px;text-align:center;font-size:17px;font-weight:700;transition:.15s}.answer .emoji{font-size:43px;display:block;margin-bottom:9px}.answer:hover{background:#f2f7ef}.answer.selected{background:#e8f5f0;border-color:#56a68c}.answer.correct{background:#dcf1de;border-color:#71b66c}.answer.wrong{background:#ffebe5;border-color:#e39a8b}.answer:disabled{opacity:1}.prompt-word{margin-top:25px;font:900 35px Nunito;text-align:center;padding:30px;background:#fff;border-radius:18px;border:1px solid var(--line)}.prompt-word .emoji{font-size:60px;display:block;margin-bottom:12px}.listen-btn{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px auto 10px;background:#e4f1e8;padding:25px 40px;border-radius:20px;border-bottom:4px solid #b9d8c4;color:var(--green)}.listen-btn span{font-size:42px}.listen-btn small{font-size:12px}.lesson-bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:21px 25px;z-index:5}.bottom-inner{max-width:850px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.feedback{max-width:530px;line-height:1.5}.feedback strong{font:900 20px Nunito}.feedback p{font-size:13px;margin-top:3px}.lesson-bottom.good{background:#e9f5e6;color:#477b3b}.lesson-bottom.bad{background:#fff0e9;color:#a86045}.lesson-bottom .btn{min-width:145px;flex-shrink:0}.sentence-space{min-height:100px;border-top:2px dashed #dce4d8;border-bottom:2px dashed #dce4d8;display:flex;align-content:center;flex-wrap:wrap;gap:8px;padding:14px 0;margin:25px 0 20px}.word-tile{background:white;border:1px solid #dce3d5;border-bottom:4px solid #dce3d5;border-radius:10px;padding:12px 16px;font-weight:700}.tile-bank{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.typing{width:100%;border:2px solid #dce5d5;background:white;border-radius:13px;padding:20px;font-size:22px;margin-top:23px}.keyboard-note{font-size:11px;color:var(--muted);margin-top:10px}.result{text-align:center;margin:25px auto;max-width:600px}.result-emoji{font-size:100px;margin:15px}.result h1{margin:20px 0 12px}.result p{color:var(--muted);line-height:1.7}.result-stats{display:flex;gap:12px;justify-content:center;margin:25px 0}.result-stats div{background:white;border:1px solid var(--line);border-radius:15px;padding:18px 23px}.result-stats strong{display:block;font:900 25px Nunito;color:var(--green)}.result-stats small{color:var(--muted)}.result .btn{margin:8px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.pair-col{display:flex;flex-direction:column;gap:10px}.pair{background:white;border:2px solid #dfe5d8;border-bottom:4px solid #dfe5d8;border-radius:12px;min-height:64px;padding:12px;font-weight:700}.pair.selected{background:#e5f3ee;border-color:#48a28a}.pair.matched{background:#eaf2e6;opacity:.4;border-color:#e0e9d9}.pair.miss{background:#ffe7de;border-color:#d39b85}.story{font-size:20px;line-height:1.8;background:white;border:1px solid var(--line);border-radius:18px;padding:25px;margin:25px 0}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;width:min(94vw,600px);color:var(--ink);background:var(--bg);max-height:85vh}dialog::backdrop{background:#1b3e3466;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font-size:23px}.modal-head button{font-size:26px}dialog p{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0}dialog .btn{margin:5px 4px 5px 0;font-size:12px}dialog label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}dialog select,dialog input{border:1px solid var(--line);background:white;border-radius:9px;padding:11px;max-width:100%}.share-output{width:100%;font-size:12px}.parent-row{background:white;border:1px solid var(--line);padding:16px;border-radius:14px;margin:12px 0}.parent-row h3{margin-bottom:10px}.parent-row small{display:block;color:var(--muted);line-height:1.6}.parent-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.parent-controls label{margin:10px 0 6px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#243c36;color:white;border-radius:13px;padding:14px 24px;transition:.3s;z-index:100;font-size:13px;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}.confetti{position:fixed;top:-20px;width:9px;height:15px;z-index:20;pointer-events:none;animation:fall 2.5s linear forwards}.onboarding{padding:8px}.choose-profiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.choose-profile{border:2px solid var(--line);background:white;padding:24px 12px;border-radius:18px}.choose-profile:hover{border-color:var(--green);background:#eaf4ec}.choose-profile .emoji{font-size:48px;display:block;margin-bottom:12px}.choose-profile strong{font:900 22px Nunito}.choose-profile small{display:block;color:var(--muted);margin-top:6px}@keyframes breathe{50%{box-shadow:0 4px 0 #0d6e5f,0 0 0 7px #d6f0e3}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:0}}@media(min-width:1500px){.hero{min-height:285px}.hero h2{font-size:35px}.hero-copy{padding:35px}.dashboard{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:1150px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:28px 15px}.brand{font-size:20px}.content{padding:25px}.topbar{padding:0 25px}.dashboard{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hero-copy{padding:23px}.hero h2{font-size:26px}.panel{padding:17px}.top-right{gap:12px}.hero-copy{width:65%}.hero-art{object-position:60% center}}@media(max-width:950px){.shell{grid-template-columns:80px 1fr}.sidebar{padding:27px 12px}.brand{justify-content:center}.brand>span:last-child,.nav button .nav-text,.nav-tag,.side-tip,.sidebar .eyebrow,.sidebar-bottom{display:none}.nav button{justify-content:center;padding:15px 5px}.dashboard{grid-template-columns:minmax(0,1fr) 230px}.hero-copy{width:70%}.hero h2{font-size:24px}.hero-art{opacity:.65}.hero-emoji{font-size:95px;right:10px}.date-pill{display:none}.hero{min-height:250px}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;height:68px;width:100%;flex-direction:row;z-index:10;padding:6px 10px;border:0;border-top:1px solid var(--line)}.sidebar .brand{display:none}.nav{width:100%;flex-direction:row;justify-content:space-around}.nav button{flex:1;display:flex;flex-direction:column;gap:3px;font-size:9px;padding:5px}.nav button .nav-text{display:block}.nav-icon{font-size:19px}.sidebar-bottom{display:none}.topbar{height:72px;padding:0 18px}.breadcrumb{font-size:12px}.top-right{gap:9px}.stat{font-size:12px}.stat span{font-size:16px}.profile-switch button{padding:4px}.profile-switch button .profile-name{display:none}.avatar{width:27px;height:27px}.content{padding:23px 18px 90px}.welcome h1{font-size:25px}.welcome p{font-size:12px}.dashboard{grid-template-columns:1fr}.hero-copy{width:62%;padding:25px}.hero-art{opacity:1;object-position:center}.hero h2{font-size:29px}.hero{min-height:270px}.right-col{display:grid;grid-template-columns:1fr 1fr}.right-col .panel{height:100%}.right-col .quiet-note{grid-column:1/-1}.world-header{padding:15px}.world-header h3{font-size:15px}.world-status{font-size:9px}.lesson-main{margin-top:10px}.lesson-main h1{font-size:26px}.lesson-bottom{padding:16px 18px}.lesson-bottom .btn{min-width:120px}.feedback strong{font-size:16px}.feedback p{font-size:12px}.result-stats div{padding:14px}.game-cards{gap:12px}.game-card{padding:19px}.footer{font-size:9px}}@media(max-width:420px){.hero-copy{width:65%;padding:21px}.hero h2{font-size:27px}.hero-art{object-position:53% center}.hero p{font-size:11px}.right-col{grid-template-columns:1fr}.topbar .breadcrumb{max-width:100px;line-height:1.5}.answers{gap:10px}.answer{padding:16px 9px;font-size:15px}.world-header p{font-size:10px}.world-icon{width:40px;height:40px;font-size:23px}.world-status{padding:4px;font-size:8px}.world-header{gap:10px}.bottom-inner{gap:12px}.lesson-bottom .btn{min-width:100px;padding:12px}.game-cards{grid-template-columns:1fr}.result-stats{gap:7px}.result-stats div{padding:12px 10px}.choose-profile{padding:22px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dcefe8e6 0%,#dcefe8cc 38%,#dcefe800 80%);pointer-events:none}.hero-copy{width:68%}.hero-copy p{color:#3d6555}.hero-copy .tiny{color:#3d6555}.hero-copy .eyebrow{color:#477160}}
.test-banner{background:#fff0c7;border-bottom:1px solid #ecd992;padding:13px 38px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#755b22;font-size:12px}.test-banner strong{font-size:14px;display:block}.test-banner span{display:block;margin-top:3px;font-size:11px}.test-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.test-actions button{padding:9px 12px;border:1px solid #dbc88e;border-radius:9px;background:#fff9e8;font-size:11px;font-weight:700}.lesson-shell>.test-banner{max-width:850px;margin:auto;border:1px solid #ecd992;border-radius:13px;padding:12px 17px}.lesson-node.available .node-circle{background:#dcefe6;color:#198e7b;box-shadow:0 3px 0 #bfd9ca}.lesson-node.available span.label{color:#527765}@media(max-width:760px){.test-banner{padding:12px 18px;align-items:flex-start}.test-actions{gap:6px;max-width:145px}.test-actions button{font-size:10px;padding:7px 9px}.lesson-shell>.test-banner{margin:0 18px}}
.grammar-intro{background:#e6eee8;border:1px solid #d3e4d8;border-radius:24px;padding:30px;display:flex;align-items:center;gap:25px;justify-content:space-between}.grammar-intro h2{font-size:31px;line-height:1.2;margin:12px 0}.grammar-intro p{color:#678274;font-size:13px;line-height:1.7;max-width:580px}.grammar-intro .btn{margin-top:20px}.grammar-intro-art{font-size:85px;display:flex;flex-direction:column;align-items:center;min-width:150px}.grammar-intro-art i{font:800 16px Nunito;background:white;border-radius:12px;padding:10px 15px;transform:rotate(-5deg);margin-top:10px;color:#638273}.grammar-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.grammar-tool{display:flex;gap:14px;align-items:center;text-align:left;background:white;border:1px solid var(--line);padding:20px;border-radius:17px;color:var(--ink);text-decoration:none}.grammar-tool>span{font-size:30px}.grammar-tool strong{font:900 16px Nunito}.grammar-tool p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.grammar-tool>b{margin-left:auto;color:var(--green)}.grammar-modules{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grammar-module{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.grammar-module .world-header{min-height:105px}.grammar-module .world-header>.tag{margin-left:auto;flex-shrink:0}.grammar-lessons{padding:0 17px 10px}.grammar-lesson-row{display:flex;align-items:center;border-top:1px solid #eef0e9;gap:8px}.grammar-lesson{display:flex;align-items:center;gap:10px;text-align:left;flex:1;padding:16px 0;min-width:0}.grammar-lesson-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2e9;color:#91a18c;flex-shrink:0;font-size:13px}.grammar-lesson.open .grammar-lesson-icon{background:#e0f0e6;color:var(--green)}.grammar-lesson.done .grammar-lesson-icon{background:#ffecc1;color:#9a7b26}.grammar-lesson strong{font:800 14px Nunito;display:block}.grammar-lesson small{font-size:10px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}.grammar-lesson>b{font-size:11px;color:var(--green);margin-left:auto;padding-right:6px}.grammar-guide-link{font-size:10px;color:#83927f;padding:8px 0;flex-shrink:0}.grammar-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;margin:23px 0 10px}.grammar-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;background:white;min-width:430px;line-height:1.6}.grammar-table thead{background:#e6f0e8}.grammar-table th,.grammar-table td{padding:12px 15px;border-bottom:1px solid #e9ede4}.grammar-table tbody th{font-weight:700;color:var(--green)}.grammar-table tr:last-child td,.grammar-table tr:last-child th{border-bottom:0}.grammar-rule{font-size:15px;line-height:1.9;margin-top:22px;color:#597364}.grammar-examples{margin-top:20px}.grammar-example{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.grammar-example .audio{flex-shrink:0}.grammar-example strong{font:800 17px Nunito;line-height:1.5}.grammar-prompt{font-size:25px;line-height:1.5;white-space:pre-wrap}.grammar-answers{grid-template-columns:1fr}.grammar-answers .answer{text-align:left;font-size:17px;padding:16px 20px}.conjugator{margin-top:26px;padding:27px;scroll-margin-top:20px}.conjugator-controls{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px}.conjugator-controls label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.conjugator-controls select{border:1px solid var(--line);padding:11px 13px;border-radius:10px;background:#f8faf5;color:var(--ink);max-width:100%;font-size:13px}.conjugator .grammar-table{min-width:800px}.grammar-sources{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px;max-width:900px}@media(max-width:1100px){.grammar-modules{grid-template-columns:1fr}.grammar-tools{gap:12px}.grammar-tool{padding:16px}.grammar-intro-art{min-width:100px;font-size:65px}}@media(max-width:760px){.grammar-intro{padding:23px;gap:10px}.grammar-intro h2{font-size:26px}.grammar-intro-art{display:none}.grammar-tools{grid-template-columns:1fr}.grammar-module .world-header{min-height:95px}.grammar-table th,.grammar-table td{padding:10px}.grammar-rule{font-size:14px}.grammar-prompt{font-size:21px;padding:23px 17px}.conjugator{padding:18px}.conjugator-controls{gap:12px}.conjugator-controls>div{width:100%}.conjugator-controls select{width:100%}.nav button{font-size:8px}.grammar-lesson strong{font-size:13px}.grammar-lesson-row{gap:5px}.grammar-guide-link{font-size:9px}.grammar-lessons{padding:0 13px 8px}}