*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#303c33;font:16px Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}a{color:#416b52}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fffdf7;padding:30px 22px;border-right:1px solid #e3e7da}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:bold;font-size:22px}.brand img{width:66px}.brand small{display:block;font-size:11px;letter-spacing:1px;margin-top:7px;color:#7e897a}nav{display:grid;gap:9px;margin-top:48px}nav a{padding:14px 17px;text-decoration:none;color:#6b776c;border-radius:12px;font-size:15px}nav a.active{background:#e8efe1;color:#31573d;font-weight:bold}.aside-note{position:absolute;bottom:35px;color:#94a08f;font-size:13px;line-height:1.7}main{margin-left:238px;padding:0 48px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;height:106px;border-bottom:1px solid #e2e6d9}header small{display:block;color:#8c9687;font-size:10px;letter-spacing:2px;margin-bottom:9px}header span{font-size:19px;font-weight:bold}select{background:#fff;border:1px solid #dbe1d3;border-radius:10px;padding:9px 16px;margin-left:8px;color:#416b52}#app{padding:32px 0}.hero{position:relative;display:flex;align-items:center;background:#e9efdf;border-radius:24px;padding:36px 40px;min-height:285px;overflow:hidden}.hero>div{max-width:60%;z-index:1}.hero img{width:300px;margin-left:auto}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#678060}h1{font-size:38px;line-height:1.16;margin:14px 0;color:#34543c;letter-spacing:-1px}h2{font-size:23px;margin:0 0 20px}h3{margin:12px 0;font-size:19px}p{line-height:1.7;color:#72806d}.hero p{max-width:460px;font-size:15px}.btn,button.primary{border:0;background:#416b52;color:white;padding:13px 23px;border-radius:10px;font-weight:bold;cursor:pointer;display:inline-block;text-decoration:none}button.secondary{background:#edf1e7;color:#416b52;border:1px solid #dbe1d3;border-radius:10px;padding:11px 18px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 34px}.stat,.card{background:#fffdf8;border:1px solid #e4e8dc;border-radius:16px;padding:23px}.stat{display:flex;align-items:center;gap:17px}.stat b{font-size:27px;display:block}.stat small{color:#899481;font-size:12px}.icon{width:45px;height:45px;border-radius:12px;background:#eef2e7;display:grid;place-items:center;font-size:24px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading small{color:#8c9785}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skill{display:flex;gap:19px;text-decoration:none;color:inherit;transition:transform .15s}.skill:hover{transform:translateY(-3px)}.skill p{font-size:14px;margin:0}.skill .arrow{margin-left:auto;align-self:center;color:#65805c}.tag{display:inline-block;background:#edf1e7;padding:6px 10px;border-radius:20px;font-size:11px;color:#68805f}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.lesson{max-width:850px;margin:auto}.passage{background:#edf2e7;padding:22px;border-radius:12px;line-height:1.9;margin:20px 0;color:#465743}.question{border-top:1px solid #e5e8df;padding:20px 0}.options{display:grid;gap:9px}.option{display:flex;gap:10px;padding:13px;background:#f5f6ef;border:1px solid transparent;border-radius:9px;cursor:pointer}.option:has(input:checked){border-color:#416b52;background:#e8efe1}.feedback{padding:14px;border-radius:10px;background:#edf2e7;line-height:1.6;margin-top:12px}.wrong{background:#fff0e9;color:#8e4e35}textarea{width:100%;min-height:260px;border:1px solid #d6ddcf;background:#fffef9;border-radius:12px;padding:20px;line-height:1.7;color:#303c33}button:disabled{opacity:.5;cursor:default}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.word-card{text-align:center;padding:55px 25px}.word-card h1{font-size:42px}.progress{height:8px;border-radius:8px;background:#e6ecdf;margin:16px 0;overflow:hidden}.progress span{display:block;height:100%;background:#7da574}.muted{font-size:13px;color:#84917d}.checklist{display:grid;gap:15px;line-height:1.6}.checklist label{display:flex;gap:10px}.history{padding:16px 0;border-top:1px solid #e5e8df;display:flex;justify-content:space-between;gap:15px}footer{padding:15px 0 28px;color:#8b9484;font-size:11px;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#34543c;color:white;padding:14px 24px;border-radius:12px;display:none;z-index:4}.recording{color:#b74634}audio{width:100%;margin:15px 0}:focus-visible{outline:3px solid #d8ad51;outline-offset:3px}@media(max-width:1050px){main{padding:0 25px;margin-left:195px}aside{width:195px;padding:25px 12px}.hero{padding:28px}.hero img{width:210px}h1{font-size:31px}.two{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;padding:12px 16px;border:0}.brand img{width:47px}.brand{font-size:19px}.brand small{margin-top:3px}nav{display:flex;overflow:auto;margin-top:12px;gap:4px}nav a{white-space:nowrap;padding:10px;font-size:12px}.aside-note{display:none}main{margin:0;padding:0 18px}header{height:80px}header span{font-size:17px}.hero{padding:25px;min-height:245px}.hero>div{max-width:75%}.hero img{position:absolute;right:-45px;bottom:0;width:180px;opacity:.5}.hero h1{font-size:29px}.hero p{font-size:13px}.stats{gap:8px}.stat{padding:14px 8px;display:block}.stat .icon{display:none}.stat b{font-size:23px}.stat small{font-size:10px}.grid{grid-template-columns:1fr}.card{padding:19px}h2{font-size:20px}.section-heading small{font-size:11px}}
body{background:linear-gradient(135deg,#f5f3ff,#f5fcff 55%,#fff6fa);color:#24235b}aside{background:#fffaff;border-color:#e7e1ff}.brand{color:#6553fb;font-size:25px}.brand .go{color:#00bba8;margin-left:3px}.brand img{width:58px}.brand small{color:#9790b2}nav a{color:#77708e}nav a.active{background:#eeebff;color:#6553fb}nav a span{display:inline-block;min-width:24px}header{border-color:#e6e1f5}header small{color:#9990b3}select{color:#6553fb;border-color:#e0daf9}.hero{background:linear-gradient(110deg,#e1fbf8,#eeebff 60%,#ffedf6);border:2px solid white;box-shadow:0 8px 25px #b6b0de19;padding:36px;min-height:315px}.hero img{width:330px}.hero h1{color:#302277;font-size:39px}.hero p{color:#686488}.eyebrow{color:#009f98}.btn,button.primary{background:linear-gradient(135deg,#7865ff,#5c59fa);box-shadow:0 4px 9px #7467ed22}.stat,.card{background:#ffffffdb;border-color:#e9e5f7;box-shadow:0 4px 16px #c0b7e51a}.stat:nth-child(1){background:#fff5e7}.stat:nth-child(2){background:#f1eeff}.stat:nth-child(3){background:#e9fbfa}.stat b{color:#383270}.icon{background:#e7f8f7}.skill:nth-child(2) .icon{background:#fff2df}.skill:nth-child(3) .icon{background:#e8edff}.skill:nth-child(4) .icon{background:#ffeafa}.skill:nth-child(5) .icon{background:#ede7ff}.skill:nth-child(6) .icon{background:#ffeaf2}h1{color:#3a2d79}p{color:#77738d}.tag{background:#eeeaff;color:#6b5ac9}.passage{background:linear-gradient(120deg,#f3f0ff,#eafafa);color:#393661}.option{background:#f7f6ff}.option:has(input:checked){background:#e1f9f5;border-color:#08bdaa}button.secondary{background:#f0edff;border-color:#e0dbff;color:#6758d4}.feedback{background:#e8faf3;color:#287563}.wrong{background:#fff0f3;color:#a14c6c}.progress{background:#eeebff}.progress span{background:linear-gradient(90deg,#9b87ff,#615cff)}.garden-hero{background:linear-gradient(120deg,#effce5,#dcf8ed,#fff1fa)}.flower-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flower-pot{text-align:center}.flower-art{font-size:72px;height:115px;display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#f0e6d7,transparent 65%);transition:all .3s}.record-panel{text-align:center;background:linear-gradient(140deg,#fff0f5,#f6f1ff);border-radius:18px;padding:25px;margin:20px 0}.record-panel img{display:block;width:160px;margin:0 auto 15px}#toast{background:#6553dc}.section-heading small,.muted{color:#9690aa}footer{color:#9890ab}a{color:#6553dc}.aside-note{color:#a39bb8}textarea{border-color:#ded8f5;background:#fefcff}summary{cursor:pointer;color:#6758d4;padding:12px 0}@media(max-width:1050px){.hero img{width:230px}.hero h1{font-size:32px}.flower-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hero{min-height:300px;padding:23px}.hero img{width:205px;right:-30px;opacity:.65}.hero h1{font-size:29px}.hero>div{max-width:83%}.flower-grid{grid-template-columns:repeat(2,1fr)}.brand img{width:50px}.brand{font-size:23px}nav::-webkit-scrollbar{height:3px}}
.companion{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:10px 20px;border:1px solid #e8def8;border-radius:20px;background:linear-gradient(110deg,#fff0f7,#e8faf9);max-width:850px;margin-left:auto;margin-right:auto}.companion img{width:80px;height:80px;object-fit:contain}.companion b{color:#4c3a9a;display:block;margin-bottom:7px}.companion small{color:#87809b;font-size:12px;line-height:1.5}.companion .tag{margin-left:auto}@media(max-width:700px){.companion{padding:8px 12px;gap:10px}.companion img{width:60px;height:60px}.companion b{font-size:14px}.companion small{font-size:11px}}
body{background:linear-gradient(135deg,#fffdff,#f3ffff 45%,#fff9fc);color:#2e295a}aside{background:#fffefe}.hero{background:linear-gradient(115deg,#ecfffc,#f8f6ff 58%,#fff2f8);border:2px solid #fff}.card{background:#ffffffed}.companion{background:linear-gradient(110deg,#fff6fa,#effefc)}.garden-hero{background:linear-gradient(120deg,#f5fff0,#edfffa,#fff8fb)}#account{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0 0;padding:16px 20px;background:#fff;border:1px solid #ece8f8;border-radius:16px}#account div{flex:1;min-width:200px}#account b{display:block;font-size:14px}#account small{display:block;margin-top:7px;line-height:1.5;color:#8c83a5;font-size:12px}#account a{font-size:13px}.account-loading main{pointer-events:none;opacity:.65}.search-field{padding:11px 14px;border:1px solid #e2dafa;border-radius:10px;min-width:180px;max-width:100%;background:white}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.unit-card button{margin-top:12px}.word-example{font-size:17px;color:#626482;font-style:italic}.source-note{background:#f0fffc;border:1px solid #d8f4ee;border-radius:12px;padding:15px;font-size:13px;line-height:1.7}.source-note a{display:inline-block;margin-right:15px}.exam-frame{width:100%;height:680px;border:1px solid #e6dff7;border-radius:16px;background:white}.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.answer-grid label{font-size:12px}.answer-grid select{width:100%;margin:5px 0 0;padding:8px}.exam-timer{position:sticky;top:0;background:#fff8fc;z-index:2;padding:14px;display:flex;gap:12px;align-items:center;border-radius:12px;flex-wrap:wrap}.timer-digits{font-size:25px;font-weight:bold;color:#6153cd}.answer-grid .marked{background:#e3faf4}.topic-label{color:#01a59a}#companionRoot{margin-top:25px}.word-list{max-height:430px;overflow:auto}.word-row{padding:12px 0;border-top:1px solid #ece7f7;display:flex;justify-content:space-between;gap:12px}.word-row small{display:block;margin-top:7px;color:#958dab}.word-row button{flex-shrink:0}@media(max-width:700px){.unit-grid{grid-template-columns:1fr}.answer-grid{grid-template-columns:repeat(4,1fr)}.exam-frame{height:500px}.row{gap:8px}.search-field{min-width:120px;width:100%}#account{padding:13px;gap:10px}.hero img{opacity:.9;right:-40px;bottom:-15px}.hero>div{max-width:80%}.hero p{max-width:77%}}