:root{font-family:Arial,PingFang SC,sans-serif;color:#10233d;background:#eaf0f4;--blue:#123b70;--red:#ed5d4a;--sky:#80c8e8;--paper:#f8faf8;--line:#9cb1c2}*{box-sizing:border-box}body{margin:0;background-color:#eaf0f4;background-image:linear-gradient(rgba(18,59,112,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,59,112,.07) 1px,transparent 1px);background-size:28px 28px}.page{width:min(1180px,calc(100% - 36px));margin:auto}button,textarea,input{font:inherit}button{cursor:pointer}nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--blue);font-size:10px;letter-spacing:.16em}nav a{text-decoration:none;color:var(--blue);font-weight:700;font-size:18px}nav a b{background:var(--red);color:#fff;border-radius:50%;display:inline-grid;place-items:center;width:39px;height:39px;margin-right:7px}nav i{font-style:normal;color:var(--red)}.hero{min-height:450px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--red);margin:0 0 15px}.hero h1{font-size:clamp(58px,8vw,102px);line-height:.88;letter-spacing:-.08em;margin:0;color:var(--blue)}.hero h1 span{color:var(--red);position:relative}.hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:8px;background:var(--sky);z-index:-1}.hero>div:first-child>p:last-child{font-size:17px;line-height:1.8;max-width:650px}.clock{width:230px;aspect-ratio:1;border:12px solid var(--blue);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--paper);box-shadow:13px 13px 0 var(--sky)}.clock i{position:absolute;width:4px;height:84px;background:var(--red);top:24px;transform-origin:bottom}.clock b{font-size:75px;line-height:.8;color:var(--blue);margin-top:35px}.clock span{letter-spacing:.25em;font-weight:700;margin-left:8px}.board{background:var(--paper);border:2px solid var(--blue);box-shadow:10px 10px 0 var(--blue)}.board>header{height:58px;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.board>header span{font-size:10px;letter-spacing:.17em}.form-grid{display:grid;grid-template-columns:1.35fr .65fr}.form-grid label{display:flex;flex-direction:column;position:relative}.form-grid label>span{font-size:12px;font-weight:700;margin-bottom:10px}.form-grid em{color:var(--red);font-style:normal;margin-left:5px}.lecture{padding:26px;border-right:1px solid var(--line)}textarea,input{border:1px solid var(--line);background:#fff;outline:0;padding:15px;color:#10233d;line-height:1.7}.lecture textarea{height:410px;resize:vertical}.lecture small{position:absolute;right:39px;bottom:37px;font-size:10px;color:#6e8293}.context{padding:26px;display:flex;flex-direction:column;gap:20px}.context textarea{height:130px;resize:vertical}.minutes{display:flex}.minutes input{width:100%;font-size:28px;font-weight:700}.minutes b{background:var(--sky);display:grid;place-items:center;padding:0 17px;white-space:nowrap}.context aside{border:1px dashed var(--blue);padding:17px}.context aside span{color:var(--red);font-weight:700;font-size:12px}.context ol{padding-left:20px;margin:10px 0 0;font-size:12px;line-height:1.8}.board>footer{border-top:1px solid var(--line);padding:17px 25px;display:flex;justify-content:space-between;align-items:center}.board>footer p{color:#c93c2c;font-size:12px}.board>footer button{background:var(--red);border:0;color:#fff;padding:15px 19px;min-width:230px;display:flex;justify-content:space-between;font-weight:700}.board>footer button:disabled{opacity:.55;cursor:wait}.loading,.failure{background:var(--paper);border:2px solid var(--blue);margin:38px 0;padding:27px}.progress{height:7px;background:#d3e0e9;margin-bottom:22px;overflow:hidden}.progress i{display:block;height:100%;width:35%;background:var(--red);animation:progress 1.4s infinite}.loading>div:nth-child(2){display:flex;justify-content:space-between}.loading span{font-size:11px;color:#667d8d}.lesson-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.lesson-skeleton i{height:80px;background:linear-gradient(110deg,#dce7ed,#f8faf8,#dce7ed);background-size:200%;animation:shine 1.2s infinite}.failure{border-color:var(--red)}.failure>span{color:var(--red);font-size:10px;letter-spacing:.18em}.failure h2{font-size:23px}.failure button,.result-head button{border:1px solid var(--blue);background:transparent;padding:10px 15px}.result{padding-top:65px}.result-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.result-head h2{font-size:clamp(38px,5vw,62px);line-height:1;margin:0;color:var(--blue)}.result-head div>p:last-child{max-width:680px;line-height:1.7}.source{display:grid;grid-template-columns:110px 1fr;background:#dce5ea;border:1px solid var(--line);padding:18px}.source span{font-size:10px;letter-spacing:.14em;color:var(--red);font-weight:700}.source p{white-space:pre-wrap;max-height:140px;overflow:auto;margin:0;color:#5d7180;line-height:1.65}.lesson{display:grid;grid-template-columns:250px 1fr;gap:35px;margin-top:40px}.lesson>aside{background:var(--blue);color:#fff;padding:28px;height:max-content;position:sticky;top:20px}.lesson>aside>b{font-size:80px;line-height:.9}.lesson>aside>span{display:inline-block;margin-left:7px;font-size:12px}.prereq{border-top:1px solid #53749e;margin-top:25px;padding-top:20px}.prereq strong{display:block;color:var(--sky);font-size:11px;margin-bottom:10px}.prereq i{display:block;font-style:normal;font-size:12px;line-height:1.5;padding:7px 0;border-bottom:1px solid #315787}.timeline article{display:grid;grid-template-columns:125px 1fr;gap:18px;position:relative}.time{text-align:right;padding-top:15px;position:relative}.time b{font-size:11px;color:var(--red)}.time i{position:absolute;right:-26px;top:18px;width:13px;height:13px;background:var(--paper);border:3px solid var(--red);border-radius:50%;z-index:2}.timeline article:after{content:"";position:absolute;left:132px;top:25px;bottom:-20px;width:2px;background:var(--sky)}.timeline article:last-child:after{display:none}.beat{background:var(--paper);border:1px solid var(--line);margin-bottom:20px;padding:22px}.beat>header{display:flex;justify-content:space-between}.beat>header span{background:var(--sky);padding:5px 8px;font-size:10px;font-weight:700}.beat>header b{color:#93a3ae}.beat h3{font-size:22px;color:var(--blue);margin:15px 0 10px}.beat p{white-space:pre-wrap;line-height:1.75}.beat footer{border-top:1px dashed var(--line);padding-top:12px;color:#697c88;font-size:11px}.rationale{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:45px 0}.rationale article{background:var(--paper);border:1px solid var(--line);padding:25px}.rationale h3{color:var(--blue)}.rationale p{display:grid;grid-template-columns:25px 1fr;gap:8px;line-height:1.6;font-size:13px}.rationale i{font-style:normal;color:var(--red)}.page-footer{border-top:2px solid var(--blue);padding:30px 0 50px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:var(--blue)}@keyframes progress{0%{transform:translate(-120%)}to{transform:translate(340%)}}@keyframes shine{to{background-position:-200%}}@media(max-width:750px){.page{width:min(100% - 22px,1180px)}nav span{display:none}.hero{grid-template-columns:1fr;min-height:570px;padding-top:45px}.hero h1{font-size:58px}.clock{width:140px;border-width:8px;justify-self:end;margin-top:-15px}.clock i{height:48px}.clock b{font-size:45px}.form-grid,.lesson{grid-template-columns:1fr}.lecture{border-right:0;border-bottom:1px solid var(--line);padding:20px}.lecture textarea{height:300px}.context{padding:20px}.board>footer{align-items:stretch;flex-direction:column;gap:10px}.board>footer button{width:100%}.loading>div:nth-child(2),.result-head{align-items:flex-start;flex-direction:column;gap:8px}.lesson-skeleton{grid-template-columns:1fr 1fr}.source{grid-template-columns:1fr;gap:8px}.lesson>aside{position:static}.timeline article{grid-template-columns:80px 1fr;gap:12px}.timeline article:after{left:86px}.time i{right:-19px}.beat{padding:17px}.rationale{grid-template-columns:1fr}}