@import url('/static/fonts.css');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24372d;background:#f6f5ef;font-synthesis:none;--green:#244e3e;--muted:#69776e;--line:#e0e3d9}
*{box-sizing:border-box}body{margin:0}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 5vw;background:#fcfcf8}.brand{color:var(--green);display:flex;align-items:center;gap:14px;font:italic 42px Georgia,serif;text-decoration:none}.brand span{font:600 20px system-ui;letter-spacing:-.6px}.course{font-size:11px;letter-spacing:1.7px;color:var(--muted);margin-left:auto}h1,h2,p{margin-top:0}h1{font:400 clamp(34px,4vw,52px)/1.12 Georgia,serif;letter-spacing:-1.6px;margin-bottom:12px}h2{font:400 25px/1.3 Georgia,serif;letter-spacing:-.4px}p{line-height:1.7}main{max-width:1320px;margin:0 auto;padding:46px 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin-bottom:16px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.heading h1{font-size:40px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px}aside{display:flex;flex-direction:column;gap:18px}.card{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:26px}.problem{background:#eaf0e6;border-color:#d8e1d2}.problem p{font-size:14px}.formula{font-size:33px;padding:24px 0;margin:12px 0 22px;border-top:1px solid #d1dccb;border-bottom:1px solid #d1dccb}.tag{display:inline-block;font-size:11px;border:1px solid #c8d5c1;padding:6px 10px;border-radius:20px}.small{font-size:12px;color:var(--muted);line-height:1.6}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;padding:12px 17px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);color:#fff;display:inline-flex;gap:28px;justify-content:space-between;align-items:center}.primary:hover{background:#173d2d}.secondary{background:#eaf0e6;color:var(--green)}.quiet{background:transparent;color:var(--muted);padding:10px}.danger{background:#faeee7;color:#8b3529;margin-top:12px}.mode{font-size:12px;padding:11px 16px;border:1px solid #dedbc5;border-radius:8px;background:#f4f0dc;margin-bottom:24px}.journey ol{list-style:none;padding:0;margin:0 0 20px}.journey li{font-size:13px;padding:11px 0;display:flex;gap:12px;align-items:center;color:#819084}.step-number{width:24px;height:24px;border:1px solid #d8dfd1;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;flex-shrink:0}.journey li.active{color:var(--green);font-weight:650}.active .step-number{background:var(--green);color:#fff;border-color:var(--green)}.journey li.completed{color:#354d3c}.conversation{min-height:680px;padding:32px}.stage-line{display:flex;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.stage-line .eyebrow{margin:0}.current{display:flex;gap:15px;align-items:flex-start;margin:28px 0}.current h2{margin:0;font-size:25px}.tutor-icon{font:italic 24px Georgia;color:var(--green);background:#eaf0e6;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%}label{display:block;font-size:13px;font-weight:600;margin:16px 0 9px}label .small{display:block;font-weight:400;margin-top:5px}input,textarea,select{width:100%;background:#fff;border:1px solid #ccd5c8;border-radius:8px;padding:12px;color:#24372d}input:focus,textarea:focus,select:focus{outline:2px solid #648c6c;outline-offset:2px}input{font-family:ui-monospace,monospace}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields>div:only-child{grid-column:1/-1}.preview{font:20px Georgia,serif;min-height:30px;display:block;padding:10px 3px;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 8px}.notation{margin:14px 0}code{background:#edf0e7;border-radius:3px;padding:2px 4px}#history{max-height:350px;overflow-y:auto;padding-top:15px}.bubble{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:12px 0;padding:14px 18px;border-radius:10px;background:#f0f3ec}.bubble.student{margin-left:40px;background:#f5f3eb}.bubble b{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;color:var(--muted)}details{font-size:12px;color:var(--muted);margin-top:18px}summary{cursor:pointer}.summary{padding:18px;background:#eaf0e6;border-radius:10px}.error{background:#fff0e7;border:1px solid #e5bca6;color:#8a3720;padding:16px 20px;border-radius:10px;margin-top:20px;white-space:pre-wrap}.login{max-width:600px;margin:30px auto;padding:48px}.login h1{font-size:52px}.intro{color:var(--muted);margin:24px 0}.login .primary{width:100%;margin:20px 0}.login .small{margin-bottom:0}footer{text-align:center;padding:25px;font-size:11px;color:var(--muted)}#empty{padding:100px 20px;text-align:center}#empty p{color:var(--muted)}[hidden]{display:none!important}
@media(max-width:850px){header{height:70px;padding:0 22px}.course{display:none}#signout{margin-left:auto}main{padding:26px 18px}.workspace{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:36px}.journey{display:none}.conversation{padding:22px;min-height:500px}.problem{padding:22px}.formula{padding:14px;margin-bottom:14px}.fields{grid-template-columns:1fr}.login{padding:28px}.login h1{font-size:42px}.current h2{font-size:22px}}
.lesson-complete .journey{display:block}