:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243d34;background:#f7f8f2}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:24px 20px calc(30px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:22px;font-weight:800}.brand small{display:block;font-size:12px;color:#718178;font-weight:400;margin-top:5px}.badge,.eyebrow{font-size:12px;color:#38705b}.badge{background:#e7eee1;padding:9px;border-radius:20px;white-space:nowrap}.hero{margin-top:26px;background:#e7efdf;border-radius:28px;padding:28px;background-image:radial-gradient(circle at 100% 0,#c9dfc2 0,transparent 55%)}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}p{line-height:1.8;color:#627367}.stats{display:flex;gap:35px;margin-top:22px;font-size:12px;color:#58715f}.stats b{display:block;font-size:24px;color:#284f3d;margin-bottom:4px}nav{display:flex;gap:4px;border-bottom:1px solid #dde4d8;margin:25px 0 20px;overflow:auto}button{font:inherit;cursor:pointer;border:1px solid #d6dfd3;border-radius:12px;background:#fff;color:#345646;padding:12px 17px;min-height:44px}nav button{border:0;background:none;white-space:nowrap;font-size:14px;border-radius:0;padding:13px 10px;color:#7a877e}nav .active{color:#22634b;border-bottom:3px solid #22634b;font-weight:700}.card{padding:24px;background:white;border:1px solid #e1e7dc;border-radius:20px;margin:12px 0}h2{font-size:21px;margin:0 0 18px}label{display:block;font-size:14px;margin:15px 0 7px}select,input,textarea{font:inherit;width:100%;border:1px solid #cfd9cb;border-radius:12px;padding:13px;background:#fff;color:#294536;font-size:16px}textarea{min-height:150px;line-height:1.8}.primary{background:#246c55;color:white;border-color:#246c55}.wide{width:100%;margin-top:20px}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.row>*{flex:1}.hint{font-size:13px;line-height:1.8;color:#7c877d}.word{font-size:46px;text-align:center;padding:35px 8px;min-height:150px;display:flex;align-items:center;justify-content:center}.counter{text-align:center;font-size:13px;color:#7b887d}.progress{height:5px;background:#eef2ea;border-radius:9px;margin:15px 0}.progress i{display:block;height:100%;background:#73a98d;border-radius:9px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border-radius:10px;background:#f0f4eb;padding:9px 12px;font-size:16px}.chip button{padding:0 4px;min-height:24px;background:none;border:0;color:#a87262}.good{background:#e9f4e9}.bad{background:#fff2eb;color:#a05c39}.lesson{margin:20px 0}.lesson h3{font-size:15px}footer{font-size:11px;line-height:1.9;color:#8a9489;text-align:center;margin-top:28px}a{color:#246c55}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#254d3b;color:white;padding:12px 20px;border-radius:16px;display:none;max-width:90%;z-index:10}@media(max-width:500px){main{padding:20px 16px}.hero{padding:24px}h1{font-size:29px}.card{padding:19px}.stats{gap:25px}.badge{font-size:10px}.brand{font-size:20px}}@media print{header,nav,.hero,footer,button{display:none}.card{border:0}.chips{display:block}.chip{display:inline-block;width:45%;margin:10px;background:none}}
.sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px;font-size:15px}.sheet-grid div{white-space:nowrap}strong{color:#21694c}@media(max-width:390px){.sheet-grid{font-size:12px}}@media print{body *{visibility:hidden}#sheetResult,#sheetResult *{visibility:visible}#sheetResult{position:absolute;left:0;top:0;width:100%;margin:0}#sheetResult button{display:none}.sheet-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px;font-size:14px}}