:root{--ink:#17233b;--muted:#63708a;--paper:#f6f2e9;--card:#fffdf8;--line:#d8d2c6;--nav:#14223a;--gold:#ffcb66;--blue:#3c73e8;--teal:#19a68c;--red:#d84c63;--shadow:0 14px 40px #18223818}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}button,input,textarea{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;background:var(--gold);padding:.7rem;z-index:99}.skip:focus{top:1rem}.top{height:72px;background:var(--nav);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;position:sticky;top:0;z-index:20}.logo{display:flex;gap:.7rem;align-items:center;color:white;text-decoration:none;line-height:1.05}.logo>span{display:grid;place-items:center;width:42px;height:42px;background:var(--gold);color:var(--nav);border-radius:50%;font-weight:900}.logo small{font-weight:500;color:#c3cde0}.head-stats{display:flex;align-items:center;gap:1rem}.head-stats div{text-align:center}.head-stats b,.head-stats small{display:block}.head-stats small{font-size:.68rem;color:#bac6d9}.head-stats button,.top button{background:#ffffff12;border:1px solid #ffffff32;color:white;border-radius:9px;padding:.55rem .8rem}.layout{display:grid;grid-template-columns:280px minmax(0,900px);max-width:1260px;margin:auto}aside{height:calc(100vh - 72px);position:sticky;top:72px;overflow:auto;padding:1.2rem;background:#ede8dc;border-right:1px solid var(--line)}main{padding:2.5rem 3rem 6rem;min-height:calc(100vh - 72px)}.course-progress{background:var(--card);padding:1rem;border:1px solid var(--line);border-radius:14px}.course-progress div{display:flex;justify-content:space-between}.course-progress progress{width:100%;accent-color:var(--teal)}.course-progress small{color:var(--muted)}nav{display:grid;gap:.35rem;margin:1rem 0}nav a,#lessonList a{display:flex;gap:.65rem;align-items:center;padding:.65rem .7rem;border-radius:9px;text-decoration:none;color:var(--ink);font-size:.9rem}nav a:hover,nav a.active,#lessonList a:hover,#lessonList a.active{background:var(--card);box-shadow:0 2px 10px #0000000b}.nav-label{font-size:.7rem;letter-spacing:.13em;color:var(--muted);font-weight:800}#lessonList{display:grid;gap:.25rem}.num{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:.75rem;flex:none}.complete .num{background:var(--teal);color:white;border-color:var(--teal)}.data-tools{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;display:grid;gap:.5rem}.data-tools label,.data-tools button{font-size:.8rem;color:var(--muted);background:none;border:0;text-align:left;cursor:pointer}.data-tools input{display:none}.mobile{display:none}.hero{padding:2.2rem;border-radius:24px;background:var(--nav);color:white;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:230px;height:230px;border:45px solid #ffcb6630;border-radius:50%;right:-70px;top:-90px}.hero h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.95;letter-spacing:-.05em;margin:.5rem 0 1rem;max-width:700px}.hero p{color:#c8d3e5;max-width:60ch;font-size:1.12rem}.tag{font:800 .72rem ui-monospace;letter-spacing:.13em;color:var(--gold)}.phase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.phase-card,.panel,.activity,.map-step,.project-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow)}.phase-card span{font-size:1.8rem}.phase-card h3{margin:.2rem 0}.phase-card p{margin:0;color:var(--muted)}.lesson-head h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;letter-spacing:-.045em;margin:.5rem 0}.lesson-head .goal{font-size:1.15rem;color:var(--muted);border-left:4px solid var(--gold);padding-left:1rem}.concept{font-size:1.08rem}.concept p{max-width:70ch}.cycle{display:flex;gap:.35rem;overflow:auto;margin:2rem 0 1rem}.cycle span{white-space:nowrap;padding:.4rem .7rem;background:#e5dfd3;border-radius:999px;color:var(--muted);font-size:.75rem}.cycle span.active{background:var(--nav);color:white}.activity{margin:1rem 0}.activity h2{margin:.35rem 0}.activity textarea,.project-card textarea,.project-card input,.composer input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.8rem;background:white;color:var(--ink);margin:.5rem 0;resize:vertical}.activity textarea{min-height:110px}.activity-top{display:flex;justify-content:space-between;gap:1rem}.activity-type{font:800 .7rem ui-monospace;color:var(--blue);letter-spacing:.1em}.save-note{color:var(--muted);font-size:.75rem}.choice-grid{display:grid;gap:.6rem}.choice{background:white;border:1px solid var(--line);border-radius:10px;padding:.8rem;text-align:left;color:var(--ink)}.choice.selected{border-color:var(--blue);background:#edf3ff}.feedback{padding:.7rem;border-radius:9px;background:#eef8f5;color:#176b5c;display:none}.feedback.show{display:block}.sort-zone{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.sort-item{background:white;border:1px solid var(--line);border-radius:10px;padding:.8rem}.sort-item p{margin:0 0 .6rem}.sort-actions{display:flex;gap:.4rem;flex-wrap:wrap}.sort-actions button{background:#edf0f5;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem;font-size:.75rem}.sort-actions button.picked{background:var(--nav);color:white}.button,button.primary{background:var(--nav);color:white;border:0;border-radius:9px;padding:.7rem 1rem;font-weight:750;cursor:pointer}.secondary{background:white;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:.65rem .9rem;cursor:pointer}.lesson-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.learning-map{display:grid;gap:.7rem;margin-top:1.5rem}.map-step{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;text-decoration:none;color:var(--ink)}.map-step strong,.map-step small{display:block}.map-step small{color:var(--muted)}.map-step .num{width:42px;height:42px}.review-card{border-left:4px solid var(--blue)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-card.wide{grid-column:1/-1}.composer{background:#f0f5ff;border:1px solid #c9d9fb;border-radius:14px;padding:1rem}.prompt-output{background:var(--nav);color:#e9f2ff;padding:1rem;border-radius:10px;white-space:pre-wrap}.toast,#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}.head-stats div{display:none}.layout{display:block}aside{position:fixed;z-index:30;left:0;top:72px;width:290px;background:#ede8dc;transform:translateX(-110%);transition:.25s}aside.open{transform:none}main{padding:1.2rem 1rem 5rem}.phase-grid,.project-grid,.sort-zone{grid-template-columns:1fr}.project-card.wide{grid-column:auto}.hero{padding:1.5rem}.hero h1{font-size:3rem}.activity-top{display:block}.map-step{grid-template-columns:42px 1fr}.map-step>span:last-child{display:none}}