:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18312b;background:#f5f8f5}*{box-sizing:border-box}body{margin:0}.app{max-width:1180px;margin:auto;padding:20px 24px 90px}header{height:58px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:850;font-size:21px;text-decoration:none;color:#173d34}.brand span{color:#7c9b7f;font-weight:500}aside{position:fixed;top:105px;left:max(20px,calc(50% - 590px));display:grid;gap:7px}aside button,.bottom button{border:0;background:transparent;color:#749087;text-align:left;padding:11px;border-radius:12px;cursor:pointer}aside button.active{background:#dff3e5;color:#13683e}aside b{font-size:18px;margin-right:10px}main{margin-left:170px;max-width:900px;padding-top:45px}h1{font-size:clamp(28px,5vw,45px);margin:.2em 0}h2{margin-top:0}.hero{padding:42px;border-radius:28px;background:linear-gradient(125deg,#d9f4e2,#eff9ec);min-height:280px}.hero button,button:not(.soft):not(.link),.featured button{background:#16784a;color:#fff;border:0;border-radius:12px;padding:13px 18px;font-weight:750;cursor:pointer}.muted{color:#6a817a}.grid{display:grid;gap:16px;margin:18px 0}.three{grid-template-columns:repeat(3,1fr)}.metric,.panel,.plans article,.modes article{background:#fff;border:1px solid #e4ece7;border-radius:18px;padding:20px}.metric strong{font-size:30px;display:block}.metric span{color:#6a817a;font-size:14px}.row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1ee;padding:13px 0}.row p{margin:4px 0;color:#769087;font-size:14px}.row .soft{margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;background:#60ba75}.soft{border:1px solid #cce0d2;background:#fff;border-radius:9px;padding:8px 11px;color:#2c6046;cursor:pointer}.study{max-width:650px;margin:auto}.study-top{display:flex;justify-content:space-between;color:#6a817a;margin-bottom:18px}.card{width:100%;min-height:310px;border-radius:25px;border:1px solid #c9ded0;background:#fff;padding:38px;text-align:left;color:#133d30;cursor:pointer;box-shadow:0 10px 25px #23421a0d}.card.flip{background:#e9f8ec}.card h1{font-size:42px}.study label{display:block;margin:22px 0 8px;font-weight:700}.study input,.create input,.auth input,textarea{display:block;width:100%;border:1px solid #cbdcd1;border-radius:12px;padding:14px;margin-top:8px;font:inherit}.grades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.grades button{border:1px solid #cde2d2;background:#fff;border-radius:12px;padding:13px;cursor:pointer;color:#275c3d}.good{color:#17804a}.hint{color:#9a7119}.create{max-width:760px}.create textarea{height:120px;resize:vertical}.create button{margin-top:16px}.create details{margin-top:14px}.notice{background:#edf8ef;border-radius:9px;padding:12px;color:#276e42}.modes,.plans,.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.plans{grid-template-columns:1fr 1fr}.plans strong{font-size:35px;display:block}.plans .featured{background:#e9f7ec;border-color:#8acc9d}.chart{height:210px;display:flex;align-items:end;gap:10px;padding:22px}.chart div{flex:1;background:#54af70;border-radius:8px 8px 2px 2px}.auth{max-width:480px;margin:auto}.auth form{display:grid;gap:12px}.auth form input{margin:0}.link{border:0;background:transparent;color:#147644;margin-top:15px;cursor:pointer}.turnstile{margin:5px 0}.bottom{display:none}.header-actions{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border:0;border-radius:50%;background:#173d34;color:#fff}.eyebrow{color:#37895b;font-weight:800;font-size:12px;letter-spacing:.12em}@media (max-width:750px){.app{padding:12px 16px 88px}aside{display:none}main{margin:0;padding-top:24px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe9e2;display:flex;justify-content:space-around;padding:7px 3px;z-index:3}.bottom button{display:grid;text-align:center;padding:5px;gap:3px}.bottom b{font-size:17px}.bottom small{font-size:10px}.bottom .active{color:#137443}.hero{padding:28px 22px;min-height:240px}.three{grid-template-columns:1fr 1fr}.three .metric:last-child{display:none}.modes,.admin-grid,.plans{grid-template-columns:1fr}.card{min-height:265px;padding:28px}.card h1{font-size:34px}.header-actions .soft{font-size:12px}.grades{gap:6px}.grades button{font-size:12px}}.auth-submit{display:block!important;width:100%;min-height:48px;font-size:16px;line-height:1.2;white-space:nowrap;color:#fff!important}.auth-submit:disabled{opacity:.72;cursor:wait}