:root{--ink:#193d3b;--muted:#69756c;--paper:#f7f7ef;--line:#dfe4d8;--green:#275c48;--lime:#e4edbd;--orange:#f1b384}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:white;border:1px solid var(--line);border-radius:12px;padding:11px 16px;min-height:46px}button:hover{border-color:var(--green);background:#f0f4e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dd9b68;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0 0 16px}h1{font:500 clamp(38px,5.5vw,66px)/1.06 Georgia,serif;letter-spacing:-.045em}h2{font:500 32px/1.15 Georgia,serif;letter-spacing:-.025em}h3{font-size:19px;line-height:1.4}small,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.muted{color:var(--muted)}.workspace{margin-left:238px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{font:bold 35px Georgia;text-decoration:none;letter-spacing:-.08em}.brand span{font:32px system-ui;color:#72945c;margin-left:6px}.header-tools{display:flex;gap:18px;align-items:center}#saved{font-size:12px;color:var(--muted)}#sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:30px 18px;background:#ebeee3;border-right:1px solid var(--line);overflow:auto}#sidebar .brand{display:block;margin:0 12px 34px}#sidebar a.unit{display:flex;gap:12px;text-decoration:none;align-items:center;padding:10px;margin:4px 0;border-radius:10px;font-size:14px}#sidebar .unit b{font-size:11px;border:1px solid #bac9b2;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}#sidebar .unit.active{background:var(--green);color:white}main{max-width:1180px;margin:auto;padding:36px 38px 100px}.eyebrow{color:#6b7f56;margin-bottom:12px}.hero{background:var(--lime);border-radius:26px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:38px;gap:24px;overflow:hidden}.hero p{max-width:510px}.hero svg{width:100%;max-height:270px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#163e30;color:white}.soft{background:var(--lime)}.section-title{margin:34px 0 18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.section-title h2{margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:20px;background:#fffef9;padding:24px}.course-card{display:flex;flex-direction:column;gap:14px;position:relative}.course-card h3{font:28px Georgia;margin:0}.course-card .art{height:106px;background:#e9eee2;border-radius:12px;overflow:hidden;display:flex;justify-content:center}.art svg{height:130px;width:200px}.course-card button{align-self:flex-start}.badge{font-size:11px;font-weight:700;padding:5px 9px;border-radius:30px;background:#edf0e5}.tabs{display:flex;gap:6px;overflow:auto;margin:24px 0;padding-bottom:4px}.tabs button{flex-shrink:0;border-radius:30px;font-size:14px}.tabs button.active{background:var(--green);color:white}.topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.topline select{max-width:260px}.topichead{display:flex;justify-content:space-between;gap:20px;align-items:center}.topichead h1{font-size:46px}.topichead svg{width:125px;height:100px}.panel{max-width:820px;margin:0 auto}.panel.wide{max-width:none}.stack>*+*{margin-top:14px}select,input,textarea{border:1px solid #bdcbb7;border-radius:12px;background:white;color:var(--ink);padding:12px;width:100%;min-height:46px}textarea{min-height:125px;resize:vertical}label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress{height:7px;background:#e4eadd;border-radius:10px;overflow:hidden;margin:20px 0}.progress i{display:block;height:100%;background:var(--green)}.passage{background:#f0f2e9;border-left:3px solid #8ca367;padding:18px;white-space:pre-line;border-radius:0 12px 12px 0}.feedback{margin-top:18px;padding:18px;border-radius:13px;background:#eaf1dc}.feedback.bad{background:#f9e5d7}.feedback p:last-child{margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:#f4e1cd;border-color:transparent}.chips button:nth-child(3n){background:#dde9f4}.chips button:nth-child(3n + 1){background:#e4ebcf}.sentence{padding:20px;border:2px dashed #b6c4a5;border-radius:16px;min-height:90px;margin:20px 0}.sentence button{margin:3px}.ruleflow{background:var(--ink);color:#f8f4dd;border-radius:15px;padding:22px;font:500 21px/1.6 Georgia}.vocab{font:500 38px Georgia;margin:20px 0}.wordcard{text-align:center;padding:35px 22px;min-height:230px}.wordlist{display:grid;gap:8px;margin-top:18px}.wordrow{display:flex;gap:12px;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.wordrow span{max-width:55%;text-align:right}.pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pairs button{min-height:90px;overflow-wrap:anywhere}.pairs .done{background:var(--lime);opacity:.55}.cross{display:grid;gap:2px;margin:20px auto;max-width:500px}.cell{aspect-ratio:1;display:grid;place-items:center;position:relative;background:#e7ecdf;border-radius:3px;font-weight:700;font-size:clamp(10px,2vw,18px)}.cell small{position:absolute;top:0;left:2px;font-size:8px;letter-spacing:0}.cell.empty{background:transparent}.cell.focus{background:#f7d6ae}.clues{display:flex;flex-wrap:wrap;gap:6px}.clues button{font-size:13px;padding:8px}.notice{font-size:13px;color:var(--muted);margin-top:20px}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:650}.covernote{margin:32px 0;padding:24px;background:#edf0e4;border-radius:16px}.rulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rulegrid button{text-align:left;min-height:90px}.rulegrid small{display:block;margin-bottom:8px;color:var(--muted)}#bottom{display:none}.score{font:68px Georgia}.minigame{min-height:170px}.trophy{font-size:45px}.checklist label{font-weight:400;display:flex;align-items:flex-start;gap:10px}.checklist input{width:20px;min-height:20px;margin-top:3px}.empty-state{padding:32px;text-align:center}@media(min-width:1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){#sidebar{width:200px}.workspace{margin-left:200px}main{padding:24px 22px 100px}.hero{padding:28px}.hero svg{max-height:210px}.rulegrid{grid-template-columns:1fr 1fr}}@media(max-width:700px){#sidebar{display:none}.workspace{margin:0}header{height:68px;padding:0 20px}main{padding:24px 16px 104px}.hero{padding:25px;grid-template-columns:1fr;gap:8px}.hero svg{height:145px;grid-row:1}.hero h1{font-size:42px}.hero p{font-size:14px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:19px}.course-card{padding:14px}.course-card h3{font-size:23px}.course-card .art{height:80px}.course-card p{font-size:13px}.course-card button{font-size:13px;padding:9px;min-height:44px}.course-card .badge{font-size:9px}.section-title h2{font-size:28px}.split{grid-template-columns:1fr}.topichead h1{font-size:37px}.topichead svg{width:80px}.topline{flex-wrap:wrap}.topline select{max-width:100%}.rulegrid{gap:8px}.rulegrid button{font-size:14px;padding:12px}.tabs{margin:18px 0}.tabs button{font-size:13px;padding:10px 13px}#bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fffef9f5;border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}#bottom button{border:0;background:none;font-size:11px;padding:5px;min-width:55px;line-height:1.4}#bottom button b{display:block;font-size:21px}#bottom button.active{color:#2c7546;background:#e9efd8}.pairs{gap:6px}.pairs button{font-size:14px;padding:8px}.wordrow{font-size:14px}.wordrow span{max-width:50%}#saved{font-size:10px;max-width:110px}.cell{font-size:14px}.ruleflow{font-size:19px}}@media(prefers-reduced-motion:no-preference){.card,.hero{animation:rise .25s ease-out}@keyframes rise{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.tabs{scrollbar-width:thin} @media(max-width:700px){.topichead p.muted{font-size:14px}.topichead h1{margin-bottom:8px}.topline{margin-bottom:16px}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}

.spelling-prompt{overflow-wrap:anywhere;letter-spacing:.06em}#spellingform{display:grid;gap:14px}#panel button:focus-visible{outline:3px solid #245dce;outline-offset:3px}

.tense-blocks{display:flex;flex-wrap:wrap;gap:10px;min-height:45px}.tense-blocks span{background:#e0eee9;border-radius:12px;padding:14px}.tense-blocks span:nth-child(2){background:#ffe0c4}.tense-blocks span:nth-child(4){background:#d9dffa}.tense-blocks small{font-size:12px}

.brand{white-space:nowrap}.brand small{font-size:.52em;letter-spacing:0}

.visual-lesson{margin:28px 0}.visual-example{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:22px;padding:20px 0;border-top:1px solid #ddd}.visual-example svg{width:100%;align-self:center}.before-example{background:#f1f0ea;padding:12px;border-radius:12px}.after-example{background:#e0eee9;padding:14px;border-radius:12px;font-size:1.15rem;font-weight:650}.example-arrow{font-size:26px;color:#23674f}@media(max-width:600px){.visual-example{grid-template-columns:1fr;gap:8px}.visual-example svg{max-width:210px;margin:auto}}