@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--canvas:#f8f8f8;--panel:#fff;--panel-alt:#f3f3f3;--canvas-sunken:#eee;--ink:#15131f;--ink-80:#322e40;--ink-60:#565266;--ink-40:#6c6879;--line-soft:#f0eff3;--line:#e6e5ec;--line-strong:#d5d3de;--input-border:#888691;--purple-50:#f6f4ff;--purple-100:#ede9ff;--purple-200:#dbd3ff;--purple-300:#b9a8fb;--purple:#6c4cf1;--purple-600:#5a37e4;--purple-700:#4a32c8;--cyan-50:#eafcfa;--cyan-100:#d3f8f4;--cyan-200:#a8f0e9;--cyan:#22e5d6;--cyan-600:#11b1cf;--cyan-text:#0b6d80;--rose-50:#fdf1f3;--rose-100:#fbe1e6;--rose-200:#f4c3cc;--rose:#b23a50;--rose-600:#9a2f44;--amber-50:#fdf8e9;--amber-100:#f9eecb;--amber:#8a6608;--radius-xs:6px;--radius-sm:9px;--radius-md:13px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-3xl:32px;--elev-1:0 1px 2px #15131f0d, 0 1px 1px #15131f08;--elev-2:0 1px 2px #15131f0d, 0 4px 12px -2px #15131f12;--elev-3:0 2px 4px #15131f0d, 0 12px 28px -6px #15131f1c;--elev-4:0 4px 8px #15131f0f, 0 28px 56px -12px #15131f2e;--elev-purple:0 2px 6px #6c4cf12e, 0 14px 32px -8px #6c4cf157;--elev-cyan:0 2px 6px #11b1cf2e, 0 14px 32px -8px #11b1cf4d;--elev-inset-top:inset 0 1px 0 #ffffffe6;--gradient-purple:linear-gradient(148deg, #7d5ff5 0%, #6c4cf1 44%, #4a32c8 100%);--gradient-cyan:linear-gradient(148deg, #4ff0e3 0%, #22e5d6 45%, #11b1cf 100%);--gradient-ink:linear-gradient(148deg, #2a2638 0%, #15131f 100%);--ease-out-soft:cubic-bezier(.2, .8, .3, 1);--ease-spring:cubic-bezier(.2, 1.1, .3, 1);--paper:var(--canvas);--warm:var(--canvas-sunken);--ink60:var(--ink-60);--ink40:var(--ink-40);--purple-soft:var(--purple-50);--purple-deep:var(--purple-700);--purple-light:var(--purple-300);--cyan-soft:var(--cyan-50);--cyan-deep:var(--cyan-600);--wrong:var(--rose);--wrong-soft:var(--rose-50);--amber-soft:var(--amber-50);--gold:#ffc93c}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}:where(a,button,input,select,textarea,summary,[role=button],[role=radio],[tabindex]):focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-track{background:0 0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.9)}55%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.rise{animation:.45s cubic-bezier(.2,.7,.3,1) both rise}.pop{animation:.4s cubic-bezier(.2,.8,.2,1) both pop}.shake{animation:.4s shake}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--elev-1)}.rail{background:var(--line);height:1px}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.btn{cursor:pointer;border:none;border-radius:13px;font-family:Space Grotesk;font-weight:600;transition:all .18s}.btn-primary{background:var(--ink);color:#fff;padding:13px 22px;font-size:14px}.btn-primary:disabled{background:var(--line);color:var(--ink40);cursor:not-allowed}.btn-ghost{color:var(--ink60);background:0 0;padding:13px 18px;font-size:14px}.pill{border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.tab{cursor:pointer;color:var(--ink40);background:0 0;border:none;border-radius:99px;padding:8px 16px;font-family:Space Grotesk;font-size:13px;font-weight:600;transition:all .2s}.tab.on{background:var(--ink);color:#fff}.tab:not(.on):hover{color:var(--ink)}.nav-group{letter-spacing:.06em;text-transform:uppercase;color:var(--ink40);padding:4px 12px 6px;font-size:10px;font-weight:600}.nav{cursor:pointer;color:var(--ink60);border-radius:11px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.nav:hover{background:var(--warm);color:var(--ink)}.nav.on{background:var(--ink);color:#fff}.nav.on svg{stroke:var(--cyan)}@media (width<=768px){.admin-sidebar{display:none!important}}.course-editor{max-width:720px;padding:28px 40px}@media (width<=768px){.course-editor{padding:20px 16px}.course-editor input:not([type=checkbox]):not([type=radio]):not([type=file]),.course-editor select,.course-editor textarea{min-height:44px;font-size:16px!important}}@keyframes sheetUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}dialog.sheet{background:var(--panel);width:100%;max-width:460px;max-height:82vh;color:var(--ink);border:none;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0;overflow:hidden}dialog.sheet[open]{animation:.28s cubic-bezier(.2,.8,.2,1) both sheetUp}dialog.sheet::backdrop{background:#15131f73}.editor-add-mobile{display:none}@media (width<=768px){.editor-add-desktop{display:none}.editor-add-mobile{display:inline-flex}.nodes-header{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 0;position:sticky;top:0}}.card-actionable{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--elev-1);min-height:44px;transition:transform .24s var(--ease-out-soft), box-shadow .24s var(--ease-out-soft), border-color .18s var(--ease-out-soft)}.card-actionable:hover:not(:disabled){box-shadow:var(--elev-3);border-color:var(--line-strong);transform:translateY(-2px)}.card-actionable:active:not(:disabled){box-shadow:var(--elev-1);transform:translateY(0)scale(.995)}.card-actionable:disabled{box-shadow:none;background:var(--canvas-sunken);cursor:default}