:root{--green:#285b46;--light:#edf3eb;--ink:#26382f;--muted:#89918a;--border:#e4e7df;--bg:#f8f9f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #92b89d;outline-offset:3px}button{transition:.15s}button:hover{filter:brightness(.97);transform:translateY(-1px)}aside{width:232px;background:#fff;height:100vh;position:fixed;border-right:1px solid var(--border);padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:700;letter-spacing:2px}.brand-icon{display:grid;place-items:center;background:var(--green);color:white;width:39px;height:42px;border-radius:12px;font-size:23px}.brand-en{font-size:10px;letter-spacing:1px;color:var(--green);align-self:center;border:1px solid #d9e4dc;padding:3px 5px;border-radius:4px}.side-caption{font-size:11px;letter-spacing:2px;color:var(--muted);padding:15px 3px 28px}nav button{border:0;width:100%;background:none;padding:13px 14px;text-align:left;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:18px;margin:3px 0}nav button span{font-size:13px}nav button.active{background:var(--light);color:var(--green);font-weight:600}nav b{font-size:10px;margin-left:auto;background:#dce8d9;padding:2px 7px;border-radius:4px}.nav-label{font-size:10px;color:#a0a59f;padding:24px 14px 8px;letter-spacing:2px}.side-bottom{margin-top:auto;background:#f6f7f1;border-radius:10px;padding:18px 15px}.leaf{color:#718a66;font-size:26px;margin-bottom:6px}.side-bottom strong{font-size:13px;line-height:1.9;font-weight:500}.side-bottom p{font-size:10px;color:var(--muted)}.prototype{border-top:1px solid var(--border);padding-top:13px;margin-top:17px;color:#9a9f93;font-size:10px}.app{margin-left:232px}header{height:79px;padding:0 44px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fff9;font-size:11px;color:#8b938c}header>div{display:flex;align-items:center;gap:8px}.local-dot{width:5px;height:5px;border-radius:50%;background:#7b9b6b}.avatar{margin-left:17px;background:#ecebdf;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#787b60}main{max-width:1260px;margin:auto;padding:37px 44px 20px}.eyebrow{font-size:10px;color:#81917d;letter-spacing:2px;font-weight:600}h1{font-size:28px;font-weight:600;letter-spacing:-1px;margin:9px 0 10px}p{color:#859087;line-height:1.8}h2{font-size:17px;font-weight:600;margin:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.page-heading p{font-size:12px;margin:0}.date{color:#92998d;font-size:11px}.hero{background:#eaf0e3;border:1px solid #dfe7d9;border-radius:13px;padding:30px 34px;position:relative;overflow:hidden;min-height:218px;display:flex;justify-content:space-between}.hero h2{font-size:27px;line-height:1.5;margin:11px 0}.hero p{font-size:12px;margin:0 0 20px;max-width:460px}.primary{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:6px;padding:11px 20px;font-size:12px}.primary span{margin-left:24px}.secondary{border:1px solid var(--border);background:white;padding:10px 17px;border-radius:6px;font-size:12px}.hero-art{width:250px;position:relative;flex-shrink:0}.orbit{border:1px solid #cad7c2;border-radius:50%;width:180px;height:180px;position:absolute;right:20px;top:-9px}.orbit:before{content:'';position:absolute;inset:20px;border:1px dashed #c5d2bc;border-radius:50%}.float-card{background:#fffdf6;box-shadow:0 9px 20px #53664212;border:1px solid #e1e5d7;border-radius:9px;padding:15px 24px;position:absolute;top:18px;left:0;transform:rotate(-9deg);font-family:Georgia,serif;font-size:17px;color:#67775b}.float-card.back{top:89px;left:72px;transform:rotate(8deg);font-size:23px;color:#31573d}.float-card small{font:9px system-ui;display:block;color:#919981;margin-top:7px}.star{position:absolute;right:17px;top:21px;font-size:37px;color:#97ac7e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:21px 0 29px}.stat{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--border);border-radius:9px;padding:18px 22px}.stat label{font-size:11px;color:#899287}.stat strong{display:block;font-size:26px;font-weight:500;margin-top:5px}.stat small{font-size:11px;color:#a0a69b;font-weight:400;margin-left:6px}.stat-icon{background:#f2f5ed;color:#819271;padding:10px 13px;border-radius:9px;font-size:19px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading small{color:#98a08f;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--border);border-radius:11px;background:#fff;padding:23px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{font-size:23px;border-radius:9px;background:#edf3eb;width:44px;height:44px;display:grid;place-items:center;color:#62836a}.card:nth-child(2) .icon{background:#f3efe5;color:#ab9561}.card:nth-child(3) .icon{background:#eeedf4;color:#8f82a5}.pill{border:1px solid #e5e8df;border-radius:4px;font-size:9px;padding:4px 7px;color:#929a8b}.card h3{font-size:17px;margin:20px 0 7px}.card p{font-size:11px;line-height:1.9;margin:0 0 16px}.sample{background:#f8f9f6;padding:13px 11px;border-radius:5px;font-family:Georgia,serif;font-size:16px;display:flex;align-items:center;justify-content:space-around;color:#60725a;min-height:58px}.sample small{font-family:system-ui;font-size:11px;color:#aab09f}.card-actions{display:flex;gap:8px;margin-top:20px}.card-actions button{flex:1;font-size:11px;padding:9px 3px}.card-actions .secondary{background:#f7f9f4;border-color:#e5e9df}.bottom-note{display:flex;align-items:center;gap:17px;margin-top:25px;background:#f2f3ec;padding:15px 20px;border-radius:8px}.bottom-note .bulb{font-size:22px;color:#9ca67e}.bottom-note p{margin:0;font-size:11px;color:#858d79}.bottom-note strong{display:block;color:#58634e;font-size:12px;margin-bottom:4px}.bottom-note button{margin-left:auto;white-space:nowrap;border:0;background:transparent;font-size:11px;color:#6f7e60}footer{display:flex;gap:20px;font-size:9px;color:#a2a99d;padding:25px 44px 22px;max-width:1260px;margin:auto;letter-spacing:1px}footer span:last-child{margin-left:auto}.tabs{display:flex;background:#ecefe7;padding:4px;border-radius:7px;width:fit-content;gap:3px;margin-bottom:24px}.tabs button{background:none;border:0;border-radius:5px;padding:9px 18px;font-size:12px}.tabs .selected{background:#fff;box-shadow:0 2px 5px #00000006;color:var(--green)}.workspace{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;max-width:850px;margin:auto}.exercise-meta{display:flex;justify-content:space-between;font-size:11px;color:#94a08f}.progress{height:4px;background:#edf0e8;margin:16px 0 32px;border-radius:5px;overflow:hidden}.progress i{height:100%;display:block;background:#9cb18b}.exercise{text-align:center;padding:0 8px 20px}.exercise h2{font-size:30px;font-family:Georgia,serif;margin:20px 0 10px}.exercise p{font-size:12px}.audio{border:0;border-radius:50%;background:#edf3e7;color:var(--green);width:90px;height:90px;font-size:33px;margin:12px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.answers button{background:#fff;border:1px solid var(--border);border-radius:8px;padding:17px 10px;font-size:12px}.answers button:hover{border-color:#8fa282;background:#f3f7ee}.reveal{border-radius:7px;background:#f5f7f1;padding:20px;margin:22px 0;color:#5e7157;text-align:left;font-size:13px;line-height:1.9}.reveal strong{color:var(--green)}.exercise input{width:min(100%,440px);border:1px solid #d9dfd2;padding:15px;border-radius:6px;outline-color:#8caa8a;background:#fcfdfb;margin:15px 0;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.chips button{border:1px solid var(--border);background:white;border-radius:5px;padding:9px 12px;font-size:12px}.chips button.picked{border-color:#6b906d;background:#eaf2e6;color:var(--green)}textarea{display:block;width:100%;border:1px solid var(--border);border-radius:6px;padding:12px;resize:vertical;margin:10px 0 17px;min-height:65px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:13px 23px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:.2s}.review-row{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--border)}.review-row strong{font-family:Georgia,serif;font-size:19px;display:block}.review-row p{font-size:11px;margin:5px 0}.review-row button{margin-left:auto}.empty{text-align:center;padding:60px 10px}.empty h2{margin:16px}.notice{font-size:11px;color:#989e91;margin-top:20px;line-height:1.8}.text-btn{border:0;background:none;color:#6c8063;font-size:12px;padding:10px}.inline-select{border:1px solid var(--border);background:white;border-radius:6px;padding:9px;font-size:12px;color:#64735b}.result{font-size:13px;color:var(--green);line-height:1.9}.back-link{margin-bottom:20px}.source-label{font-size:10px;color:#9aa18f;margin-top:20px}.keyboard{margin-top:21px;color:#a0a696;font-size:10px}
@media(min-width:1500px){main{padding-top:50px}.hero{padding:38px}.cards .card{padding:29px}.hero h2{font-size:31px}.card p{font-size:12px}}
@media(max-width:1050px){aside{width:190px;padding:30px 16px}.app{margin-left:190px}main{padding:28px 25px}.hero-art{width:180px}.hero-art .orbit{right:-25px}.float-card.back{left:30px}.card{padding:17px}.card-actions{flex-direction:column}.card h3{font-size:15px}header{padding:0 25px}}
@media(max-width:730px){aside{position:static;width:100%;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:22px}.brand-icon{width:32px;height:34px;font-size:20px}.side-caption,.side-bottom,.nav-label{display:none}nav{display:flex;overflow-x:auto;margin-top:16px;gap:5px}nav button{width:auto;white-space:nowrap;font-size:15px;padding:10px;gap:6px}nav button span{font-size:11px}nav b{display:none}.app{margin:0}header{height:49px;padding:0 20px;font-size:9px}.avatar{display:none}main{padding:25px 20px}.page-heading{margin-bottom:23px}h1{font-size:25px}.date{display:none}.hero{padding:23px;min-height:230px}.hero h2{font-size:23px}.hero p{max-width:240px}.hero-art{display:none}.stats{gap:7px}.stat{padding:13px 11px}.stat-icon{display:none}.stat label{font-size:10px}.stat strong{font-size:23px}.cards{grid-template-columns:1fr}.card{padding:22px}.card h3{margin-top:16px}.card-actions{flex-direction:row}.sample{justify-content:center;gap:32px}.bottom-note{align-items:flex-start;padding:16px;gap:10px}.bottom-note button{display:none}.section-heading small{font-size:9px}.workspace{padding:20px 16px}.tabs{max-width:100%}.tabs button{padding:9px 12px;font-size:11px}.answers{gap:7px}.answers button{padding:15px 4px;font-size:11px}.exercise h2{font-size:27px}footer{padding:20px;font-size:8px;gap:10px}footer span:last-child{display:none}.review-row{flex-wrap:wrap}}

.rewrite-original{font:25px/1.6 Georgia,serif;background:#f4f7ee;padding:24px;border-radius:9px;margin:20px 0}.rewrite-original p{font:12px system-ui;margin-bottom:0}.rewrite-task{font-size:12px;margin:22px 0}.rewrite-actions{display:flex;gap:10px;flex-wrap:wrap}#rewrite-answer{min-height:130px;font:17px/1.8 Georgia,serif}.rewrite-feedback{border:1px solid #dfe7d9;padding:22px;border-radius:10px;margin-top:24px}.rewrite-score{font-size:25px;color:var(--green)}.rewrite-score small{font-size:10px;color:#879580}.rewrite-checks{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.rewrite-check{display:flex;gap:8px;font-size:12px}.rewrite-check>span{color:#61845f}.rewrite-check small{display:block;font-size:10px;color:#939c8b;margin-top:6px}.rewrite-feedback h3{font-size:13px}.rewrite-feedback ul{padding-left:20px;font-size:12px;color:#64765e;line-height:2}.tabs{flex-wrap:wrap}
.syn-controls{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}.auto-toggle{display:flex;align-items:center;gap:7px;font-size:11px;padding-top:12px;color:#7c8b73}.auto-toggle input{accent-color:var(--green)}.syn-options{display:grid;gap:12px;margin:25px auto;max-width:550px}.syn-options button{position:relative;min-height:51px;font-size:14px}.syn-options button span{position:absolute;left:14px;font-size:11px;color:#9ca694}.syn-options .syn-unknown{color:#879480;background:#f9faf7}.syn-options .syn-correct{border-color:#7b9e72;background:#eff6e9;color:#315c39}.syn-options .syn-wrong{border-color:#dcb8a9;background:#fdf4ed}.syn-options button:disabled{cursor:default;transform:none;opacity:1}.syn-pair{font:26px/1.6 Georgia,serif;color:var(--green);margin-top:13px}.syn-result-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.syn-result-actions .notice{margin:0}
.rewrite-version{border-bottom:1px solid #e0e6d9;padding:10px 0}.rewrite-english{font:21px/1.7 Georgia,serif!important;color:var(--green)!important;overflow-wrap:anywhere}.rewrite-user{margin:15px 0;padding:15px 18px;background:#f6f8f2;border-left:3px solid #a4b592;font:19px/1.7 Georgia,serif;overflow-wrap:anywhere}.rewrite-analysis{font-size:13px;line-height:1.9}.rewrite-analysis dt{font-weight:600;color:#385c43;margin-top:15px}.rewrite-analysis dd{margin:3px 0;color:#75836c}.rewrite-examples{margin-top:20px;font-size:12px;color:#6f8065}.rewrite-examples summary{cursor:pointer}.rewrite-examples .chips button{text-align:left;font-family:Georgia,serif;line-height:1.6}