.learn-page{--learn-surface:var(--color-conversation-surface);--learn-panel:var(--color-settings-surface);--learn-text-primary:var(--color-text-primary);--learn-text-secondary:var(--color-text-secondary);--learn-text-muted:var(--color-text-muted);--learn-border:var(--color-border);--learn-border-strong:var(--color-border-hover);--learn-accent:var(--color-brand-accent);--learn-error:var(--color-error);--learn-hover:var(--color-surface-hover);--learn-selected:var(--color-surface-selected);--learn-chip:var(--color-surface-hover);--learn-editor-bg:var(--oddenova-editor-dark-background);--learn-editor-fg:var(--oddenova-editor-dark-foreground);--learn-editor-caret:var(--oddenova-editor-dark-caret);--learn-editor-selection:var(--oddenova-editor-dark-selection);--learn-editor-line:var(--oddenova-editor-dark-line);--learn-editor-gutter-fg:var(--oddenova-editor-dark-gutter-foreground);--learn-editor-gutter-border:var(--oddenova-editor-dark-gutter-border);--learn-viz-bg:#0d0d0d;--syntax-atom:var(--oddenova-syntax-dark-atom);--syntax-label:var(--oddenova-syntax-dark-label);--syntax-keyword:var(--oddenova-syntax-dark-keyword);--syntax-operator:var(--oddenova-syntax-dark-operator);--syntax-special-variable:var(--oddenova-syntax-dark-special-variable);--syntax-type:var(--oddenova-syntax-dark-type);--syntax-number:var(--oddenova-syntax-dark-number);--syntax-definition:var(--oddenova-syntax-dark-definition);--syntax-string:var(--oddenova-syntax-dark-string);--syntax-comment:var(--oddenova-syntax-dark-comment);--syntax-variable:var(--oddenova-syntax-dark-variable);--syntax-tag:var(--oddenova-syntax-dark-tag);--syntax-bracket:var(--oddenova-syntax-dark-bracket);--syntax-meta:var(--oddenova-syntax-dark-meta);--syntax-attribute:var(--oddenova-syntax-dark-attribute);--syntax-property:var(--oddenova-syntax-dark-property);--syntax-invalid:var(--oddenova-syntax-dark-invalid);--syntax-punctuation:var(--oddenova-syntax-dark-punctuation);--hap-highlight:var(--oddenova-syntax-dark-hap-highlight);background:var(--learn-surface);color:var(--learn-text-secondary)}html[data-theme=light] .learn-page{--learn-editor-bg:var(--oddenova-editor-light-background);--learn-editor-fg:var(--oddenova-editor-light-foreground);--learn-editor-caret:var(--oddenova-editor-light-caret);--learn-editor-selection:var(--oddenova-editor-light-selection);--learn-editor-line:var(--oddenova-editor-light-line);--learn-editor-gutter-fg:var(--oddenova-editor-light-gutter-foreground);--learn-editor-gutter-border:var(--oddenova-editor-light-gutter-border);--learn-viz-bg:var(--oddenova-editor-light-background);--syntax-atom:var(--oddenova-syntax-light-atom);--syntax-label:var(--oddenova-syntax-light-label);--syntax-keyword:var(--oddenova-syntax-light-keyword);--syntax-operator:var(--oddenova-syntax-light-operator);--syntax-special-variable:var(--oddenova-syntax-light-special-variable);--syntax-type:var(--oddenova-syntax-light-type);--syntax-number:var(--oddenova-syntax-light-number);--syntax-definition:var(--oddenova-syntax-light-definition);--syntax-string:var(--oddenova-syntax-light-string);--syntax-comment:var(--oddenova-syntax-light-comment);--syntax-variable:var(--oddenova-syntax-light-variable);--syntax-tag:var(--oddenova-syntax-light-tag);--syntax-bracket:var(--oddenova-syntax-light-bracket);--syntax-meta:var(--oddenova-syntax-light-meta);--syntax-attribute:var(--oddenova-syntax-light-attribute);--syntax-property:var(--oddenova-syntax-light-property);--syntax-invalid:var(--oddenova-syntax-light-invalid);--syntax-punctuation:var(--oddenova-syntax-light-punctuation);--hap-highlight:var(--oddenova-syntax-light-hap-highlight)}.learn-page a:focus-visible,.learn-page button:focus-visible,.learn-page summary:focus-visible,.learn-page input:focus-visible{outline:2px solid var(--learn-accent);outline-offset:1px}.learn-prose{color:var(--learn-text-secondary);font-size:14px;line-height:1.8}.learn-prose h2{color:var(--learn-text-primary);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:1rem;font-size:18px;font-weight:700}.learn-prose h3{color:var(--learn-text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:16px;font-weight:700}.learn-prose p{margin-bottom:1rem}.learn-prose ul{margin-bottom:1rem;padding-left:1.625em;list-style:outside}.learn-prose ol{margin-bottom:1rem;padding-left:1.625em;list-style:decimal}.learn-prose li{margin-bottom:.25rem;padding-left:.375em}.learn-prose li ul,.learn-prose li ol{margin-top:.75em;margin-bottom:.75em}.learn-prose pre{background:var(--learn-editor-bg);border:1px solid var(--learn-border);border-radius:6px;margin-bottom:1rem;padding:.75rem;overflow-x:auto}.learn-prose code{background:var(--learn-chip);border-radius:4px;padding:.125rem .25rem;font-size:13px}.learn-prose pre>code{font-size:inherit;background:0 0;border-radius:0;padding:0}.learn-prose a{color:var(--learn-accent);text-decoration:underline}.learn-prose figcaption,.learn-prose .learn-figure-source{color:var(--learn-text-muted)}.learn-prose .learn-figure-source:hover{color:var(--learn-text-secondary)}.learn-page .mini-repl-code{--background:var(--learn-editor-bg)!important;background-color:var(--learn-editor-bg)!important}.learn-page .mini-repl-code .cm-editor{color:var(--learn-editor-fg)!important;--background:var(--learn-editor-bg)!important;--foreground:var(--learn-editor-fg)!important;--caret:var(--learn-editor-caret)!important;--selection:var(--learn-editor-selection)!important;--lineHighlight:var(--learn-editor-line)!important;--gutterBackground:transparent!important;--gutterForeground:var(--learn-editor-gutter-fg)!important;--gutterBorder:var(--learn-editor-gutter-border)!important;background-color:#0000!important}.learn-page .mini-repl-code .cm-editor .cm-content{caret-color:#0000!important}.learn-page .mini-repl-code .cm-editor .cm-cursor{border-left-color:var(--learn-editor-caret)!important}.learn-page .mini-repl-code .cm-editor .cm-selectionBackground,.learn-page .mini-repl-code .cm-editor.cm-focused .cm-selectionBackground{background-color:var(--learn-editor-selection)!important}.learn-page .mini-repl-code .cm-editor .cm-activeLine{background-color:var(--learn-editor-line)!important}.learn-page .mini-repl-code .cm-editor .cm-gutters{border-right-color:var(--learn-editor-gutter-border)!important;background-color:#0000!important}.learn-page .mini-repl-code .cm-editor .cm-lineNumbers .cm-gutterElement{color:var(--learn-editor-gutter-fg)!important}.learn-page .mini-repl-code.learn-global-visualization{isolation:isolate;position:relative;overflow:hidden;background:var(--learn-editor-bg)!important}.learn-page .learn-global-visualization-canvas{z-index:0;pointer-events:none;background:var(--learn-viz-bg);width:100%;height:100%;position:absolute;inset:0}.learn-page .mini-repl-code.learn-global-visualization .cm-editor{z-index:1;position:relative}.learn-page .mini-repl-code .cm-editor:before,.learn-page .mini-repl-code .cm-editor:after{content:none}.learn-page canvas[id*=_widget__scope_],.learn-page canvas[id*=_widget__pianoroll_],.learn-page canvas[id*=_widget__spiral_],.learn-page canvas[id*=_widget__punchcard_],.learn-page canvas[id*=_widget__pitchwheel_],.learn-page canvas[id*=_widget__spectrum_]{background:var(--learn-viz-bg);border:1px solid var(--learn-editor-gutter-border)}.learn-page canvas.mini-punchcard{background:var(--learn-viz-bg)}