:root{--bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#69758a;--line:#dce3ee;--nav:#0b1020;--mint:#7cf7cf;--blue:#526df6;--orange:#ffb45f;--red:#e1536d;--shadow:0 16px 45px #18233a12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}button,input,textarea{font:inherit}.skip{position:fixed;top:-6rem;left:1rem;background:var(--mint);padding:.7rem;z-index:99}.skip:focus{top:1rem}header{height:70px;position:sticky;top:0;z-index:20;background:var(--nav);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:.75rem;line-height:1.05}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--nav);font-weight:900}.brand small{display:block;color:#9eaac2;font-weight:500}.header-actions{display:flex;gap:.5rem}.header-actions button,header>.mobile{background:#ffffff10;color:white;border:1px solid #ffffff25;border-radius:9px;padding:.5rem .8rem}.shell{display:grid;grid-template-columns:275px minmax(0,920px);max-width:1280px;margin:auto}aside{height:calc(100vh - 70px);position:sticky;top:70px;overflow:auto;padding:1rem;background:#edf1f7;border-right:1px solid var(--line)}main{min-height:calc(100vh - 70px);padding:2.5rem 3rem 6rem}.profile{background:var(--nav);color:white;border-radius:16px;padding:1rem}.profile>div{display:flex;justify-content:space-between}.profile span,.profile small{color:#acb6ca}.profile progress{width:100%;accent-color:var(--mint)}nav,#navLessons{display:grid;gap:.25rem;margin:1rem 0}nav a,#navLessons a{color:var(--ink);text-decoration:none;border-radius:9px;padding:.55rem .65rem;font-size:.88rem}nav a:hover,nav a.active,#navLessons a:hover,#navLessons a.active{background:white;box-shadow:var(--shadow)}#navLessons a{display:flex;gap:.6rem;align-items:center}.n{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:.72rem;flex:none}.done .n{background:var(--mint);border-color:var(--mint)}.label{font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:800}.data{display:grid;gap:.4rem;border-top:1px solid var(--line);padding-top:.8rem}.data label,.data button{background:none;border:0;padding:0;color:var(--muted);font-size:.78rem;text-align:left;cursor:pointer}.data input{display:none}.mobile{display:none}.hero{background:radial-gradient(circle at 90% 10%,#526df655,transparent 34%),var(--nav);color:white;padding:2.4rem;border-radius:24px}.hero h1,.lesson-head h1{font-size:clamp(2.5rem,6vw,5.3rem);line-height:.98;letter-spacing:-.05em;margin:.5rem 0 1rem}.hero p{color:#bdc7da;max-width:65ch;font-size:1.12rem}.eyebrow{font:800 .7rem ui-monospace;letter-spacing:.13em;color:var(--blue)}.hero .eyebrow{color:var(--mint)}.btn{display:inline-block;background:var(--mint);color:var(--nav);border:0;border-radius:10px;padding:.7rem 1rem;text-decoration:none;font-weight:800;cursor:pointer}.btn.dark{background:var(--nav);color:white}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.tile,.object,.explain,.stage-card,.cap-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}.tile b,.tile span{display:block}.tile b{font-size:1.6rem}.tile span{color:var(--muted)}.path{display:grid;gap:.65rem}.stage-card{display:grid;grid-template-columns:42px 1fr auto;gap:1rem;align-items:center;color:var(--ink);text-decoration:none}.stage-card small{color:var(--muted);display:block}.lesson-head .summary{font-size:1.15rem;color:var(--muted);max-width:70ch}.vibe-cycle{display:flex;gap:.35rem;overflow:auto;margin:1.5rem 0}.vibe-cycle span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;color:var(--muted);font-size:.72rem}.vibe-cycle .on{background:var(--nav);color:white}.explain{font-size:1.06rem}.tip{border-left:4px solid var(--mint);padding:.8rem 1rem;background:#e9fff8;border-radius:0 12px 12px 0}.misconception{border-left-color:var(--orange);background:#fff6e9}.object{margin:1rem 0}.object h2{margin:.25rem 0 .6rem}.object textarea,.object input[type=text],.cap-card textarea,.cap-card input{width:100%;border:1px solid var(--line);border-radius:9px;padding:.75rem;background:white;margin:.5rem 0;color:var(--ink)}.object textarea{min-height:105px;resize:vertical}.object-head{display:flex;justify-content:space-between}.object-head span:last-child{font-size:.75rem;color:var(--muted)}.choices{display:grid;gap:.5rem}.choice{border:1px solid var(--line);background:white;border-radius:10px;padding:.75rem;text-align:left;color:var(--ink)}.choice.selected{border-color:var(--blue);background:#eef0ff}.feedback{margin-top:.7rem;padding:.7rem;background:#ebfff8;color:#146c57;border-radius:9px}.sequence{display:grid;gap:.45rem}.sequence-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.6rem;background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:.6rem}.sequence-item button{border:1px solid var(--line);background:white;border-radius:6px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.match-term,.match-def{border:1px solid var(--line);background:white;border-radius:10px;padding:.7rem;text-align:left;color:var(--ink)}.match-term.selected,.match-def.selected{border-color:var(--blue);background:#eef0ff}.match-term.matched,.match-def.matched{border-color:var(--mint);background:#effff9}.cards{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.flip{min-height:150px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#111a31,#263454);color:white;padding:1rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.flip em{display:none;font-style:normal;color:#cbd6e9}.flip.revealed em{display:block}.flip.revealed strong{display:none}.prompt-box{background:var(--nav);color:#e8efff;border-radius:12px;padding:1rem;white-space:pre-wrap;position:relative}.prompt-box button{position:absolute;right:.5rem;top:.5rem}.mastery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mastery label{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:.7rem}.mastery input{accent-color:var(--blue)}.lesson-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem}.lesson-footer a{color:var(--ink);text-decoration:none}.review-list{display:grid;gap:.6rem}.review-list a{background:white;border:1px solid var(--line);border-radius:12px;padding:1rem;color:var(--ink);text-decoration:none}.review-list small{display:block;color:var(--muted)}.prompt-list{display:grid;gap:1rem}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cap-card.wide{grid-column:1/-1}dialog{border:0;border-radius:18px;padding:0;width:min(650px,90vw);box-shadow:0 30px 80px #0005}dialog::backdrop{background:#071020aa}dialog form{padding:1.4rem}dialog input{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:9px}.close{float:right;border:0;background:none;font-size:1.8rem}.result{display:block;padding:.8rem;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}#toast{position:fixed;right:1rem;bottom:1rem;background:var(--nav);color:white;padding:.7rem 1rem;border-radius:9px;transform:translateY(150%);transition:.25s;z-index:50}#toast.show{transform:none}@media(max-width:760px){.mobile{display:block}.shell{display:block}aside{position:fixed;z-index:30;top:70px;left:0;width:285px;transform:translateX(-110%);transition:.25s}aside.open{transform:none}main{padding:1.2rem 1rem 5rem}.header-actions #searchBtn{display:none}.overview,.match-grid,.cards,.mastery,.cap-grid{grid-template-columns:1fr}.cap-card.wide{grid-column:auto}.hero{padding:1.5rem}.stage-card{grid-template-columns:38px 1fr}.stage-card>span:last-child{display:none}}