:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#23372f;background:#f5f6f1;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d6ddd5;background:#fff;color:#294639;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:600}button:hover{background:#edf3eb}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78a982;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #cdd8cd;background:#fcfdfb;color:inherit;border-radius:8px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#537a5b;box-shadow:0 0 0 3px #719e711c}textarea{resize:vertical;line-height:1.7;font-size:14px}a{color:#416d4b;text-decoration:none}header{height:70px;border-bottom:1px solid #dde2d9;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:13px}.brand{letter-spacing:2px;font-weight:800}.badge{font-size:11px;letter-spacing:.5px;padding:4px 10px;border-radius:30px;background:#e8eee3;white-space:nowrap}main{max-width:1320px;margin:auto;padding:38px 36px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:30px}.eyebrow{font-size:12px;color:#55715c;letter-spacing:2px}h1{font-size:38px;line-height:1.4;letter-spacing:-1px;margin:12px 0}h1 span{display:block;color:#658567;font-weight:400}.hero p{color:#68766b;max-width:620px;font-size:14px}.hero-note{border-left:1px solid #cdd9c9;padding:10px 30px;display:grid;gap:12px;min-width:260px}.hero-note strong{font-size:42px;letter-spacing:-2px;font-weight:300;color:#78916c}.hero-note span{font-size:13px}.hero-note small{color:#6d7e6d}.connection{border:1px solid #d7dfd2;border-radius:12px;background:#fff;margin-bottom:25px}.connection>summary{padding:15px 20px;font-size:14px;cursor:pointer;font-weight:700}.connection summary span{font-size:12px;font-weight:400;color:#687767;margin-left:15px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px 20px}.wide{grid-column:1/-1}.hint{font-size:12px;color:#647565;line-height:1.8;overflow-wrap:anywhere}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.modes button{padding:17px 20px;text-align:left;font-size:18px;background:transparent;display:grid;grid-template-columns:26px 1fr;gap:3px 8px}.modes small{font-size:11px;padding-top:6px;color:#81947b}.modes span{grid-column:2;font-size:12px;color:#72816c;font-weight:400}.modes button[aria-current]{background:#284e3d;color:#fff;border-color:#284e3d}.modes button[aria-current] span,.modes button[aria-current] small{color:#c5d7bd}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 15px}h2{font-size:21px;margin:0}h3{font-size:16px;margin:0 0 18px}.check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400}.check input{width:16px;height:16px;accent-color:#426a47}.lesson{border-left:3px solid #8fa876;background:#ecf0e5;padding:16px 20px;margin-bottom:22px;font-size:13px}.lesson p{margin:5px 0}.lesson span{color:#67755e}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{border:1px solid #dce2d7;border-radius:14px;background:#fff;padding:24px;min-width:0}.panel .section-heading{margin:0 0 15px}.panel .section-heading h3{margin:0}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:15px}label.check{display:flex}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.primary{background:#315f44;color:#fff;border-color:#315f44}.primary:hover{background:#254b36}.status{padding:11px 13px;background:#f2f5ed;border-radius:7px;font-size:13px;overflow-wrap:anywhere}.empty{padding:60px 25px;text-align:center;color:#788573}.empty span{font-size:40px;font-weight:300;color:#9caf88}.empty h3{margin:15px 0 7px;color:#586e53}.empty p{font-size:13px}.step{margin:20px 0;border-top:1px solid #e3e8df;padding-top:15px}.step h4{font-size:14px;margin:0 0 3px}.step small{color:#7f8b78;font-size:11px}pre{font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f2;border-radius:7px;padding:13px;max-height:500px;overflow:auto}details summary{cursor:pointer;font-size:12px}.record{padding:12px 0;border-bottom:1px solid #e2e8df}.record summary{font-size:14px}.record small{display:block;color:#7b8873;font-size:11px}.completion{border-top:1px solid #e3e8df;margin:20px 0 0;padding-top:20px;color:#5c7158}footer{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:12px;color:#7b8675}footer .actions{margin:0}footer button{font-size:12px;background:transparent}.mobile-tabs{display:none}button[aria-pressed=true]{border-color:#517653;background:#e9f0e4}code{font-size:12px}@media(max-width:760px){header{padding:0 18px;height:58px}.brand{font-size:10px;letter-spacing:1px}header>.badge{display:none}main{padding:25px 16px}.hero{margin-bottom:22px}.hero-note{display:none}h1{font-size:29px}.hero p{font-size:13px}.eyebrow{font-size:10px}.modes{gap:7px}.modes button{display:block;text-align:center;font-size:13px;padding:12px 2px;border-radius:9px}.modes small{display:block;padding:0;margin-bottom:4px}.modes span{display:none}.workspace{display:block}.panel{display:none;padding:17px;border-radius:0 0 12px 12px}.panel.active{display:block}.mobile-tabs{display:flex;gap:0;margin-top:15px}.mobile-tabs button{width:50%;border-radius:8px 8px 0 0}.connection-grid{grid-template-columns:1fr;padding:0 15px 15px}.connection summary span{font-size:10px;margin-left:5px}.section-heading h2{font-size:19px}.lesson{padding:13px 15px}footer{display:block}footer .actions{margin-top:15px}input,textarea,select{font-size:16px}.empty{padding:38px 10px}}@media(prefers-color-scheme:dark){:root{color:#d6e2d4;background:#17231e}header{border-color:#354338}a{color:#acc49b}.panel,.connection{background:#1e2e25;border-color:#3a4c3b}button,input,textarea,select{background:#26392d;color:#d9e6d4;border-color:#455942}button:hover{background:#354c37}.hint,.hero p,.lesson span,.hero-note small{color:#a7b69d}.lesson,.status,pre,.badge{background:#2b3b2c;color:#c9d9be}.empty h3,.completion{color:#b4c6a8}.step,.completion,.record{border-color:#40513a}.modes button{color:#c3d6b8}.primary{background:#416e48}.eyebrow{color:#adbf9b}button[aria-pressed=true]{background:#3c573b}}.structured section{margin:14px 0;font-size:13px}.structured b{font-size:12px;color:#6b8263}.structured ul{padding-left:20px;margin:5px 0}.structured li{margin:6px 0;overflow-wrap:anywhere}.structured p{font-size:12px;margin:4px 0;color:#809078}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-grid>div{min-width:0}.compare-grid .step{margin-top:10px}@media(max-width:1000px){.compare-grid{grid-template-columns:1fr}}