:root{font-family:"Trebuchet MS","PingFang SC",sans-serif;color:#183a35;background:#eef7ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(90deg,transparent 39px,#d8eadb 40px,transparent 41px),linear-gradient(#dcecdf55 1px,transparent 1px),#eef7ef;background-size:auto,100% 34px}button,input,textarea{font:inherit}button{cursor:pointer}main{max-width:1220px;margin:auto;padding:0 30px 70px}header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid #183a35}.logo{color:#183a35;text-decoration:none;font-weight:900;font-size:19px;display:flex;align-items:center;gap:9px}.logo span{width:36px;height:36px;border-radius:50% 50% 45% 55%;display:grid;place-items:center;background:#f4c94d;font:900 27px Georgia;transform:rotate(-7deg)}.motto{font:italic 14px Georgia,serif;color:#58736e}header button{justify-self:end;background:transparent;border:0;border-bottom:1px solid #183a35;padding:7px 0}.hero{display:grid;grid-template-columns:210px 1fr;gap:55px;align-items:center;padding:80px 30px 65px}.orbit{position:relative;width:180px;height:180px;border:2px dashed #86a69b;border-radius:50%;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.orbit span{display:grid;place-items:center;width:92px;height:92px;border-radius:44% 56% 50% 50%;background:#f4c94d;font:italic 70px Georgia;color:#183a35;transform:rotate(6deg)}.orbit i{position:absolute;width:15px;height:15px;background:#e2694d;border-radius:50%;top:8px;left:27px}.orbit i:nth-child(3){width:10px;height:10px;background:#2e8a77;top:auto;bottom:20px;left:auto;right:8px}.orbit i:nth-child(4){width:7px;height:7px;background:#183a35;top:32px;left:auto;right:4px}@keyframes float{50%{transform:translateY(-8px) rotate(2deg)}}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.2em;color:#e2694d}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(47px,6.7vw,79px);line-height:1.06;letter-spacing:-.045em;margin:17px 0}.hero h1 em{color:#e2694d;font-weight:400}.hero>div>p:last-child{max-width:650px;line-height:1.8;color:#547069}.setup{display:grid;grid-template-columns:170px 1fr;border-top:2px solid #183a35;padding-top:28px}.section-label{display:flex;gap:11px}.section-label b{font-size:10px;color:#e2694d}.section-label span{font-family:Georgia,serif;line-height:1.4}form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:#f8fcf7;border:1px solid #9ab6a8;border-radius:4px 28px 4px 28px;padding:28px;box-shadow:10px 10px 0 #c6dfca}label>span,legend{display:block;font-size:12px;font-weight:900;margin-bottom:8px}input,textarea{width:100%;border:1px solid #aac0b4;background:#fffef7;padding:12px;outline:none;border-radius:3px;line-height:1.55}textarea{resize:vertical;min-height:85px}input:focus,textarea:focus{border:2px solid #2e8a77}.wide{grid-column:1/3}label>small,fieldset>small{display:block;color:#c94835;min-height:15px;font-size:10px;margin-top:4px}fieldset{grid-column:1/3;border:0;padding:0;margin:0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.modes button{display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;align-items:center;border:1px solid #aac0b4;background:#fffef7;padding:10px;border-radius:3px}.modes button>b{font:26px Georgia;color:#e2694d}.modes button span{font-size:12px;font-weight:900}.modes button small{display:block;color:#82958e;font-size:9px;margin-top:3px}.modes button.selected{background:#dcefe4;border:2px solid #2e8a77}.start{grid-column:2;border:0;background:#183a35;color:white;padding:14px 17px;display:flex;justify-content:space-between;font-weight:900;border-radius:3px}.classroom{padding-top:45px}.topline{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #183a35;padding-bottom:20px}.topline span{font-size:10px;letter-spacing:.15em;color:#e2694d}.topline h2{font-family:Georgia,serif;font-size:clamp(25px,4vw,43px);margin:6px 0 0;max-width:790px}.topline button{background:#f4c94d;border:1px solid #183a35;padding:10px 13px}.learning-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 220px;gap:20px;margin-top:25px}.trajectory,.review,.dialog{background:#f8fcf7;border:1px solid #95b2a2}.trajectory,.review{padding:18px}.trajectory h3,.review h3{font:22px Georgia;margin:0 0 20px}.path{padding-left:9px}.node{position:relative;display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center;padding-bottom:26px}.node:after{content:"";position:absolute;width:1px;height:24px;background:#95b2a2;left:13px;top:31px}.node:last-child:after{display:none}.node b{width:28px;height:28px;border:1px solid #789688;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#f8fcf7}.node.active b{background:#f4c94d;border-color:#183a35}.node span{font-size:11px;line-height:1.35}.trajectory>p{font:italic 11px/1.6 Georgia;color:#789088;border-top:1px solid #c0d4c6;padding-top:14px}.dialog{overflow:hidden}.dialog-title{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #95b2a2;font-size:10px;letter-spacing:.12em}.dialog-title b{color:#e2694d}#messages article{padding:19px;border-bottom:1px solid #bfd2c4}#messages article span{display:block;font-size:9px;font-weight:900;color:#82958e;margin-bottom:7px}#messages article p{white-space:pre-wrap;margin:0;line-height:1.75}#messages article.assistant{background:#fffdf1;border-left:6px solid #f4c94d}#messages article.assistant span{color:#e2694d}.composer{display:grid;grid-template-columns:1fr 80px;gap:0}.composer textarea{border:0;border-radius:0;background:#edf5ee;min-height:90px;padding:14px}.composer button{border:0;background:#2e8a77;color:white;font-weight:900}.loading{padding:20px;display:flex;align-items:center;gap:10px;color:#70877f}.pencil{font-size:25px;color:#e2694d;animation:write 1s infinite}@keyframes write{50%{transform:translateX(9px) rotate(-7deg)}}.review-card{border-top:1px solid #b9cfbf;padding:14px 0}.review-card span{font-size:9px;letter-spacing:.1em;color:#e2694d}.review-card p{font:13px/1.6 Georgia;margin:6px 0}.review-card.dynamic{background:#e3f0e5;margin:12px -10px -10px;padding:14px 10px}.failure{display:flex;justify-content:space-between;gap:9px;align-items:center;background:#fae1d9;color:#a93f2c;padding:11px;font-size:12px}.failure button{border:0;background:#183a35;color:white;padding:7px;white-space:nowrap}.hidden{display:none!important}@media(max-width:940px){.learning-grid{grid-template-columns:180px 1fr}.review{display:none}.hero{grid-template-columns:150px 1fr}.orbit{width:130px;height:130px}.orbit span{width:70px;height:70px;font-size:54px}}@media(max-width:700px){main{padding:0 16px 45px}header{grid-template-columns:1fr 1fr}.motto{display:none}.hero{grid-template-columns:1fr;padding:45px 0}.orbit{display:none}.hero h1{font-size:48px}.setup{grid-template-columns:1fr}.section-label{margin-bottom:20px}form{grid-template-columns:1fr;padding:20px;box-shadow:5px 5px 0 #c6dfca}.wide,fieldset,.start{grid-column:1}.modes{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.trajectory{order:2}.topline{align-items:start;gap:12px}.topline button{white-space:nowrap}.composer{grid-template-columns:1fr}.composer button{padding:13px}}