:root{--green:#175b48;--ink:#1d332c;--muted:#5f7069;--paper:#f7f4ed;--line:#d9ddd4;--card:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-header{min-height:70px;padding:0 max(20px,calc((100vw - 960px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fffdf9}.brand,.nav button,.quiet{border:0;background:transparent;cursor:pointer;font:inherit;color:var(--ink)}.brand{font-size:1.1rem;font-weight:800;white-space:nowrap}.nav{display:flex;gap:4px}.nav button{font-weight:700;color:var(--muted);padding:8px 9px;border-radius:8px}.nav button:hover,.quiet:hover{background:#e9f0e9;color:var(--green)}main{max-width:860px;margin:auto;padding:46px 22px 80px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;color:var(--green);font-weight:800;margin:0}h1{font-size:clamp(2.2rem,7vw,4rem);line-height:1.04;letter-spacing:-.045em;margin:.35rem 0 1rem}h2{line-height:1.2;letter-spacing:-.025em}.lead{max-width:680px;color:var(--muted);font-size:1.12rem}.primary{border:0;border-radius:10px;background:var(--green);color:#fff;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer}.primary:hover{background:#0e4637}.quiet{padding:12px 14px;font-weight:750;color:var(--green)}.home-actions{display:flex;gap:10px;margin:18px 0}.panel,.today,.lesson-content,.question-card,.mistakes article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:28px;box-shadow:0 7px 24px #2244310c}.today{background:#e9f4df;border-color:#b7d2ab}.today h2{margin:.35rem 0}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.lesson-choice{border:1px solid var(--line);background:var(--card);padding:14px;text-align:left;border-radius:11px;cursor:pointer;color:var(--ink)}.lesson-choice:hover,.lesson-choice.selected{border-color:var(--green);background:#edf5e9}.lesson-choice span{color:var(--green);margin-right:8px}.lesson-choice small{display:block;color:var(--muted);margin-left:23px}.lesson-content{margin-top:20px}.lesson-content li{margin:10px 0}.worked{margin:22px 0;padding:17px;background:#edf5e9;border-left:4px solid var(--green);border-radius:0 10px 10px 0}.worked div{font-size:1.15rem;font-weight:750}.tip{background:#fff2dd;padding:15px;border-radius:10px;margin:20px 0}.practice-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chip{border:1px solid var(--line);background:#fffdf8;border-radius:99px;padding:7px 11px;cursor:pointer;font:inherit;color:var(--ink)}.chip.chosen{background:#dcebcf;border-color:var(--green)}.question-card h2{font-size:clamp(1.55rem,5vw,2.3rem);margin:14px 0 25px}.counter,.note{color:var(--muted);font-size:.9rem}form label{display:block;font-weight:750;margin-bottom:6px}form div{display:flex;gap:9px}input{width:145px;padding:11px;border:1px solid #98aaa1;border-radius:9px;font:700 1.1rem inherit}#feedback{min-height:68px;margin-top:18px;padding:14px;border-radius:10px}.correct{background:#e4f2df;color:#155237}.wrong{background:#fff0e9;color:#983b25}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px}.stats b{display:block;font-size:1.9rem}.stats span{font-size:.85rem;color:var(--muted)}.skill-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:18px 0}.skill-row i{grid-column:1/3;height:8px;background:#e1e7df;border-radius:8px;overflow:hidden}.skill-row em{display:block;height:100%;background:var(--green)}.mistakes article{margin-top:14px;padding:18px}.mistakes small{color:var(--green);font-weight:800}.mistakes h3{margin:6px 0}.mistakes p{margin-bottom:0}@media(max-width:620px){.app-header{padding:8px 14px;align-items:flex-start;gap:7px;flex-direction:column}.nav{width:100%;justify-content:space-between}.nav button{font-size:.86rem;padding:5px 6px}.lesson-list,.stats{grid-template-columns:1fr}main{padding:32px 16px 60px}.home-actions{align-items:flex-start;flex-direction:column}form div{flex-wrap:wrap}}
