:root{--color-bg:#fff;--color-surface:#f4f6f8;--color-surface-raised:#fff;--color-border:#dfe4ea;--color-border-strong:#c3cbd4;--color-border-input:#7b8794;--color-text:#1b2430;--color-text-muted:#586474;--color-text-disabled:#6f7a88;--color-accent:#3557d6;--color-accent-strong:#243f9e;--color-accent-surface:#e9eefc;--color-on-accent:#fff;--color-success:#1a7f45;--color-success-strong:#11592f;--color-success-surface:#e4f5ea;--color-on-success:#fff;--color-danger:#c2312f;--color-danger-strong:#8f1f1d;--color-danger-surface:#fdeceb;--color-on-danger:#fff;--color-warning:#9a5800;--color-warning-surface:#fff4e0;--color-streak:#a84800;--color-streak-surface:#fff0e3;--color-xp:#7a5c00;--color-xp-surface:#fff7d6;--color-heart:#c2312f;--color-locked:#e3e7ec;--color-on-locked:#4f5a69;--color-code-bg:#1e2430;--color-code-text:#e6ebf2;--color-code-muted:#9aa6b6;--color-code-keyword:#c4a7ff;--color-code-string:#9fe0a8;--color-code-number:#ffcf8a;--color-focus:#3557d6;--color-overlay:#0f1520;--color-code-error:#ff9f9c;--color-code-highlight:#2c3446;--font-sans:Nunito, ui-rounded, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:12px;--leading-xs:16px;--weight-xs:600;--text-sm:14px;--leading-sm:20px;--weight-sm:600;--text-base:16px;--leading-base:24px;--weight-base:500;--text-lg:19px;--leading-lg:26px;--weight-lg:700;--text-xl:24px;--leading-xl:30px;--weight-xl:800;--text-2xl:32px;--leading-2xl:38px;--weight-2xl:800;--text-display:48px;--leading-display:52px;--weight-display:800;--text-code:15px;--leading-code:22px;--weight-code:400;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--border-base:2px;--border-edge:4px;--shadow-card:0 1px 2px #0f15200f, 0 2px 6px #0f15200f;--shadow-pop:0 16px 40px #0f152033;--shadow-sheet:0 -8px 24px #0f15201a;--motion-fast:.1s;--motion-base:.2s;--motion-slow:.4s;--motion-ease:cubic-bezier(.2,.8,.2,1);--motion-bounce:cubic-bezier(.34,1.56,.64,1);--layout-content-max:600px;--layout-lesson-max:640px;--layout-header-h:56px;--layout-bottom-nav-h:64px;--layout-footer-action-h:88px;--layout-tap-min:44px;--size-control-sm:36px;--size-control-md:48px;--size-control-lg:56px;--size-option-min:56px;--size-progress-lesson:16px;--size-icon:20px;--size-icon-lg:24px;--size-badge:36px;--size-modal-max:400px;--python-timeout-s:5}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}
:root{--size-node:72px;--size-node-lg:88px;--size-node-label:168px;--path-shift:var(--space-6);--layout-sidebar-w:240px;--size-toast-max:360px;--size-progress-steps:var(--space-2);--layout-landing-max:1120px;--size-demo-max:380px;--size-cal-day:40px;--size-cal-cell:var(--layout-tap-min);--size-cal-icon:14px;--motion-ease-in:cubic-bezier(.4, 0, 1, 1);--font-pixel:"Pixelify Sans", var(--font-sans);--w-sky-top:#1a1640;--w-sky-bottom:#3b2a6b;--w-window-1:#2b3a9e;--w-window-2:#18205e;--w-edge:#e8e6ff;--w-ink:#f4f2ff;--w-ink-muted:#c4bdf0;--w-gold:#ffc83d;--w-gold-edge:#7a4b00;--w-green:#3fbf6f;--w-green-edge:#145a32;--w-stone:#4a4575;--w-stone-edge:#26224a;--w-stone-ink:#a59fdc;--w-px:4px;--color-bg:#1c1845;--color-surface:#2a2560;--color-surface-raised:#232c7a;--color-border:#4b4a8f;--color-border-strong:#8b88cf;--color-border-input:#a9a6e6;--color-text:#f4f2ff;--color-text-muted:#c4bdf0;--color-text-disabled:#8d87c0;--color-accent:#ffc83d;--color-accent-strong:#ffd973;--color-accent-surface:#3d3518;--color-on-accent:#2b1a00;--color-success:#3fbf6f;--color-success-strong:#8ff0b4;--color-success-surface:#173d2b;--color-on-success:#06210f;--color-danger:#ff5f6d;--color-danger-strong:#ffa3ab;--color-danger-surface:#4a1c2e;--color-on-danger:#2a0008;--color-warning:#ffb347;--color-warning-surface:#4a3415;--color-streak:#ffa94d;--color-streak-surface:#4a2e15;--color-xp:#ffc83d;--color-xp-surface:#4a3a12;--color-heart:#ff6b81;--color-locked:#3a3570;--color-on-locked:#a59fdc;--color-code-bg:#15123a;--color-code-highlight:#2b2766;--color-focus:#ffc83d;--color-overlay:#07051a;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:6px;--radius-pill:4px;--shadow-card:0 4px 0 #0000004d;--shadow-pop:0 6px 0 #00000059, 0 16px 40px #00000073;--shadow-sheet:0 -4px 0 #0000004d;--w-frame-color:#7d7ad0;--w-frame:0 calc(var(--w-px) * -1) 0 var(--w-frame-color), 0 var(--w-px) 0 var(--w-frame-color), calc(var(--w-px) * -1) 0 0 var(--w-frame-color), var(--w-px) 0 0 var(--w-frame-color);--size-switch-w:52px;--size-switch-h:32px;--size-switch-knob:24px}