:root{--bg: #0b1020;--bg-2: #111a2e;--panel: #151f36;--panel-2: #1c2942;--border: #263352;--text: #e6ebf5;--muted: #94a3b8;--accent: #f59e0b;--accent-2: #38bdf8;--good: #22c55e;--bad: #ef4444;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55}a{color:var(--accent-2);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25}p{margin:0 0 .9em}code{font-family:var(--mono);background:var(--panel-2);padding:.1em .35em;border-radius:5px;font-size:.92em}pre{background:var(--panel-2);padding:12px;border-radius:8px;overflow-x:auto}.shell-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:12px 24px;background:#0b1020d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:-.01em;color:var(--text);display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.shell-header .spacer{flex:1}.shell-main{padding:28px 24px 60px;max-width:1400px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;transition:background .15s,border-color .15s,transform .05s;white-space:nowrap}.btn:hover{background:#23334f;border-color:#34456a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1200;font-weight:600}.btn.primary:hover{background:#fbbf24}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:.88em}.btn.danger:hover{border-color:var(--bad);color:var(--bad)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.muted{color:var(--muted)}.small{font-size:.88em}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.78em;font-weight:600;letter-spacing:.02em;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.tag.accent{color:var(--accent);border-color:#f59e0b66}.tag.good{color:var(--good);border-color:#22c55e66}.tag.bad{color:var(--bad);border-color:#ef444466}.tag.info{color:var(--accent-2);border-color:#38bdf866}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.88em;color:var(--muted);font-weight:600}input[type=text],input[type=url],select,textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;outline:none}input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--accent-2)}textarea{min-height:70px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer;font-size:.9em}.chip.on{background:#38bdf826;border-color:var(--accent-2);color:var(--accent-2)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#f59e0b0d}.dropzone h3{margin-bottom:4px}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.course-card{display:block;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s,transform .1s}.course-card:hover{border-color:var(--accent-2);transform:translateY(-1px)}.course-card h3{font-size:1.05em;margin-bottom:6px}.progress-bar{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .4s ease}.progress-bar.indeterminate>div{width:35%;animation:slide 1.4s infinite ease-in-out}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.stages{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.stage{flex:1;min-width:110px;padding:10px 12px;border-radius:9px;background:var(--bg-2);border:1px solid var(--border);font-size:.88em}.stage.done{border-color:#22c55e80;color:var(--good)}.stage.active{border-color:var(--accent);color:var(--accent)}.course-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}@media(max-width:1000px){.course-layout{grid-template-columns:1fr}}.module-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:6px}.module-link{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:9px;border:1px solid transparent;cursor:pointer;background:transparent;text-align:left;width:100%}.module-link:hover{background:var(--panel)}.module-link.active{background:var(--panel);border-color:var(--border)}.module-link .idx{width:24px;height:24px;flex:none;border-radius:999px;display:grid;place-items:center;font-size:.8em;font-weight:700;background:var(--panel-2);color:var(--muted)}.module-link.active .idx{background:var(--accent);color:#1a1200}.module-link .t{font-weight:600;font-size:.95em}.module-link .k{font-size:.78em;color:var(--muted)}.module-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}.widget-frame{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.rationale{border-left:3px solid var(--accent-2);padding:8px 14px;background:#38bdf80f;border-radius:0 8px 8px 0;font-size:.92em;margin-bottom:18px}.md h1,.md h2,.md h3{margin-top:1.1em}.md h1:first-child,.md h2:first-child,.md h3:first-child{margin-top:0}.md ul,.md ol{padding-left:1.3em}.md blockquote{border-left:3px solid var(--border);margin:0;padding-left:12px;color:var(--muted)}.callout{border-radius:9px;padding:12px 14px;margin:12px 0 4px;border:1px solid var(--border);background:var(--bg-2);font-size:.94em}.callout.tip{border-color:#22c55e66}.callout.warning{border-color:#ef444466}.callout.example{border-color:#38bdf866}.callout b{text-transform:uppercase;font-size:.78em;letter-spacing:.06em;display:block;margin-bottom:4px;color:var(--muted)}.explainer-section{padding:18px 0;border-bottom:1px solid var(--border)}.explainer-section:last-child{border-bottom:0}.step-visual{background:#0f172a;border-radius:10px;border:1px solid var(--border);overflow:hidden}.step-visual svg{width:100%;height:auto;display:block}.slider{width:100%;accent-color:var(--accent)}.step-dots{display:flex;gap:6px;flex-wrap:wrap}.step-dots button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer;font-size:.85em}.step-dots button.on{background:var(--accent);color:#1a1200;border-color:var(--accent);font-weight:700}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.gauge{background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px}.gauge .lbl{font-size:.82em;color:var(--muted);display:flex;justify-content:space-between}.gauge .bar{height:6px;background:var(--panel-2);border-radius:999px;margin-top:6px;overflow:hidden}.gauge .bar>div{height:100%;background:var(--accent-2);transition:width .5s ease}.choice{display:block;width:100%;text-align:left;padding:12px 14px;margin:8px 0;border-radius:9px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer}.choice:hover{border-color:var(--accent)}.consequence{background:#f59e0b12;border:1px solid rgba(245,158,11,.35);border-radius:9px;padding:14px;margin:14px 0}.delta{font-family:var(--mono);font-size:.85em}.delta.pos{color:var(--good)}.delta.neg{color:var(--bad)}.quiz-option{display:block;width:100%;text-align:left;padding:10px 14px;margin:6px 0;border-radius:9px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer}.quiz-option:hover:not(:disabled){border-color:var(--accent-2)}.quiz-option.correct{border-color:var(--good);background:#22c55e1a}.quiz-option.wrong{border-color:var(--bad);background:#ef44441a}.card-stage{perspective:1200px;min-height:240px}.flashcard{position:relative;min-height:240px;cursor:pointer;transform-style:preserve-3d;transition:transform .5s}.flashcard.flipped{transform:rotateY(180deg)}.flashcard .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);padding:24px;display:grid;place-items:center;text-align:center;overflow:auto}.flashcard .face.back{transform:rotateY(180deg);background:var(--panel-2);text-align:left;place-items:start center}.cmap{display:grid;grid-template-columns:1fr 300px;gap:16px}@media(max-width:900px){.cmap{grid-template-columns:1fr}}.cmap svg{width:100%;height:auto;aspect-ratio:900 / 520;background:#0f172a;border-radius:10px;border:1px solid var(--border);cursor:grab}.cmap-detail{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px;max-height:520px;overflow:auto}.sandbox{width:100%;border:1px solid var(--border);border-radius:10px;background:#0f172a;display:block}.tasks{margin:12px 0 0;padding-left:1.2em}.tasks li{margin:4px 0}.kmap-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.concept{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.concept h4{margin-bottom:4px}.stars{color:var(--accent);letter-spacing:2px;font-size:.8em}.error-box{border:1px solid rgba(239,68,68,.5);background:#ef444414;border-radius:9px;padding:12px 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:min(560px,92vw);max-height:90vh;overflow:auto}.modal .settings-section{margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--border);font-size:15px}.modal details>summary{cursor:pointer;list-style:none}.modal details>summary:before{content:"▸ "}.modal details[open]>summary:before{content:"▾ "}input[type=password]{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;outline:none;font-family:var(--mono)}input[type=password]:focus{border-color:var(--accent-2)}.btn .tag{margin-left:2px}.course-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;flex-wrap:wrap}.course-title{font-size:1.7em;margin:4px 0;letter-spacing:-.01em}.course-meter{min-width:240px}.course-meter .progress-bar{margin-top:6px}.course-layout{grid-template-columns:280px minmax(0,1fr)}.module-link.done .idx{background:#22c55e33;color:var(--good)}.mini-bar{height:3px;background:var(--panel-2);border-radius:999px;margin-top:6px;overflow:hidden}.mini-bar>div{height:100%;background:var(--accent-2)}.player{max-width:980px}.player-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.crumbs{font-size:.92em}.crumbs .sep{margin:0 8px;color:var(--muted)}.slide-strip{display:flex;gap:5px;flex-wrap:wrap}.strip-dot{width:22px;height:8px;border-radius:999px;border:0;background:var(--panel-2);cursor:pointer;opacity:.6;transition:transform .1s,opacity .1s}.strip-dot.done{opacity:.9}.strip-dot.on{opacity:1;transform:scaleY(1.4)}.strip-dot.bridge{background:#a78bfa}.strip-dot.teach{background:#38bdf8}.strip-dot.interactive{background:#f59e0b}.strip-dot.check{background:#22c55e}.strip-dot.recap{background:#f472b6}.strip-dot.reference{background:#94a3b8}.slide{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:34px 40px 36px;min-height:420px;animation:slide-in .25s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.slide{padding:22px 20px}}.slide-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.slide-type{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);color:var(--muted)}.slide-type.bridge{color:#a78bfa;background:#a78bfa1f}.slide-type.teach{color:#38bdf8;background:#38bdf81f}.slide-type.interactive{color:#f59e0b;background:#f59e0b1f}.slide-type.check{color:#22c55e;background:#22c55e1f}.slide-type.recap{color:#f472b6;background:#f472b61f}.slide-type.reference{color:#94a3b8;background:#94a3b81f}.slide-title{font-size:1.9em;line-height:1.2;margin:0 0 18px;letter-spacing:-.015em}.lead{font-size:1.08em;line-height:1.65;max-width:72ch}.lead p{margin-bottom:.8em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}@media(max-width:800px){.two-col{grid-template-columns:1fr}}.box{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.box ul,.box ol{margin:0;padding-left:1.2em}.box p{margin:0}.box-label{display:block;font-size:.74em;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.box.analogy{border-color:#a78bfa66;background:#a78bfa0f}.box.notice{border-color:#f59e0b66;background:#f59e0b0d}.box.next-up{border-color:#f472b666;margin-top:18px}.box.next-up .btn{margin-top:10px}.two-col.instr{margin:0 0 18px}.teach-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:900px){.teach-grid{grid-template-columns:1fr}}.figure{background:#0f172a;border:1px solid var(--border);border-radius:12px;overflow:hidden}.figure svg{width:100%;height:auto;display:block}.takeaway{border-left:4px solid var(--accent);background:#f59e0b14;padding:12px 16px;border-radius:0 10px 10px 0;font-weight:600;font-size:1.05em;margin-bottom:12px}.simpler{margin-top:14px;border:1px solid rgba(56,189,248,.35);background:#38bdf80d;border-radius:12px;padding:14px 16px}.recap-list{font-size:1.08em;line-height:1.7;padding-left:1.3em}.recap-list li{margin-bottom:6px}.reference-list{padding-left:1.4em}.reference-list li{margin-bottom:10px;padding-left:4px}.reference-list .md p{margin:0}.slide-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.nav-hint{flex:1;text-align:center}.module-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px;padding-top:16px;border-top:1px solid var(--border);max-width:980px}.overview{max-width:980px}.btn.big{font-size:1.05em;padding:12px 22px;margin-top:22px}.section-h{margin:30px 0 12px;font-size:1.2em}.outline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.outline-item{display:grid;grid-template-columns:36px 1fr;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.outline-item.done{border-color:#22c55e66}.outline-num{width:32px;height:32px;border-radius:999px;background:var(--panel-2);display:grid;place-items:center;font-weight:700;color:var(--muted)}.outline-item.done .outline-num{background:#22c55e33;color:var(--good)}.outline-title{font-weight:600;font-size:1.05em}.point-list{margin-top:10px;padding-left:1.2em}.point-list li{margin:4px 0}.point-list li.verbatim{opacity:.85}.point-list li.verbatim:after{content:" (verbatim)";color:var(--muted)}.token-usage{margin-top:6px;text-align:right}.token-table{text-align:left;margin-top:8px;padding:12px;min-width:420px}.token-table table{border-collapse:collapse;width:100%}.token-table th,.token-table td{padding:4px 8px;border-bottom:1px solid var(--border);text-align:right}.token-table th:first-child,.token-table td:first-child{text-align:left}.token-table th{color:var(--muted);font-weight:600}