:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rp-base:#faf4ed;--rp-surface:#fffaf3;--rp-overlay:#f2e9e1;--rp-muted:#9893a5;--rp-subtle:#797593;--rp-text:#575279;--rp-love:#b4637a;--rp-gold:#ea9d34;--rp-rose:#d7827e;--rp-pine:#286983;--rp-foam:#56949f;--rp-iris:#907aa9;--rp-highlight-low:#f4ede8;--rp-highlight-med:#dfdad9;--rp-highlight-high:#cecacd;--color-bg:var(--rp-base);--color-surface:var(--rp-surface);--color-overlay:var(--rp-overlay);--color-text:var(--rp-text);--color-text-muted:#6f6b87;--color-border:var(--rp-highlight-high);--color-border-strong:var(--rp-muted);--color-accent:var(--rp-pine);--color-accent-text:var(--rp-surface);--color-secondary:var(--rp-text);--color-secondary-text:var(--rp-surface);--color-focus:var(--rp-iris);--color-hover:var(--rp-highlight-low);--color-disabled-bg:var(--color-border);--color-disabled-text:var(--rp-subtle);--color-code-bg:var(--rp-overlay);--color-output-error-bg:color-mix(in srgb, var(--rp-love) 18%, var(--color-surface));--color-code-passed-bg:#e1eee3;--color-syntax-keyword:#713b62;--color-syntax-string:var(--rp-pine);--color-syntax-number:#874c16;--color-syntax-function:#655080;--color-syntax-comment:#666279;--color-selected-bg:#eeeceb;--color-selected-code-bg:var(--color-surface);--color-understood-bg:#ccebd4;--color-understood-text:#204d34;--color-question-bg:#286140;--color-question-text:#f5fbf6;--color-progress-dark-text:#202020;--color-progress-light-text:#fff;--color-backdrop:#19172459;--color-dialog-backdrop:#19172480;--color-block-ink:#000;--color-block-light:#fffaf3;--color-block-variable:var(--rp-iris);--color-block-expression:var(--rp-foam);--color-block-statement:var(--rp-text);--color-block-control:var(--rp-pine);--color-block-branching:var(--rp-love);--color-block-iteration:var(--rp-gold);--color-block-collection:var(--rp-rose);--color-block-function:var(--rp-subtle);--color-block-variable-text:var(--color-block-ink);--color-block-expression-text:var(--color-block-ink);--color-block-statement-text:var(--color-block-light);--color-block-control-text:var(--color-block-light);--color-block-branching-text:var(--color-block-ink);--color-block-iteration-text:var(--color-block-ink);--color-block-collection-text:var(--color-block-ink);--color-block-function-text:var(--color-block-ink);--font-sans:"Open Sans", system-ui, sans-serif;--font-serif:"PT Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-code:.9375rem;--font-weight-code:400;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-prose-h1:2rem;--font-size-prose-h2:1.625rem;--font-size-prose-h3:1.375rem;--line-height:1.6;--line-height-prose:1.7;--line-height-heading:1.3;--line-height-prose-heading:1.4;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-18:4.5rem;--radius-sm:.4rem;--radius-md:.7rem;--radius-pill:999px;--border-width:1px;--border:var(--border-width) solid var(--color-border);--outline-width:3px;--outline-offset:2px;--focus-ring:var(--outline-width) solid var(--color-focus);--selection-ring:var(--outline-width) solid var(--color-accent);--shadow-toggle:0 2px 8px #1917241f;--shadow-sticky-heading:0 6px 24px 2px #1917241a;--shadow-sidebar:2px 0 12px #19172426;--shadow-dialog:0 12px 40px #19172433;--prose-width:65ch;--screen-md:80rem;--scrollbar-size:6px}:root[data-theme=dark],:root[data-theme=moon]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rp-base:#191724;--rp-surface:#1f1d2e;--rp-overlay:#26233a;--rp-muted:#6e6a86;--rp-subtle:#908caa;--rp-text:#e0def4;--rp-love:#eb6f92;--rp-gold:#f6c177;--rp-rose:#ebbcba;--rp-pine:#31748f;--rp-foam:#9ccfd8;--rp-iris:#c4a7e7;--rp-highlight-low:#21202e;--rp-highlight-med:#403d52;--rp-highlight-high:#524f67;--color-text-muted:var(--rp-subtle);--color-block-statement-text:var(--color-block-ink);--color-code-passed-bg:#1f3128;--color-syntax-keyword:var(--rp-love);--color-syntax-string:var(--rp-foam);--color-syntax-number:var(--rp-gold);--color-syntax-function:var(--rp-iris);--color-syntax-comment:#aaa6bf;--color-accent:var(--rp-foam);--color-accent-text:var(--rp-base);--color-selected-bg:#302f36;--color-understood-bg:#a9d5b6;--color-understood-text:#193b27;--color-question-bg:#28563c;--color-question-text:#e0f5e6;--color-backdrop:#00000073;--color-dialog-backdrop:#000000a6}:root[data-theme=moon]{--rp-base:#232136;--rp-surface:#2a273f;--rp-overlay:#393552;--rp-rose:#ea9a97;--rp-pine:#3e8fb0;--color-block-control-text:var(--color-block-ink);--rp-highlight-low:#2a283e;--rp-highlight-med:#44415a;--rp-highlight-high:#56526e;--color-syntax-keyword:#f58cab;--color-selected-bg:#34323e}:root{font-family:var(--font-sans);font-size:var(--font-size-base);font-synthesis:none;color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif)}h1,h2,h3{line-height:var(--line-height-heading);margin:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-base)}p{line-height:var(--line-height)}a{color:var(--color-accent);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);accent-color:var(--color-accent)}button{cursor:pointer}button:hover{background:var(--color-hover)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}button.secondary{background:var(--color-secondary);color:var(--color-secondary-text);border-color:var(--color-secondary)}:where(button,input,select,textarea,a,summary):focus-visible{outline:var(--focus-ring);outline-offset:var(--outline-offset)}label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);display:block}textarea,.join-panel input{width:100%;margin-bottom:var(--space-3);display:block}textarea::placeholder,input::placeholder{color:var(--color-text-muted);opacity:1}pre,code,.code-editor{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}small,.hint,.sync-status{color:var(--color-text-muted);font-size:var(--font-size-sm)}pre{font-size:var(--font-size-code);font-weight:var(--font-weight-code)}pre code{font-size:inherit;font-weight:inherit}kbd{font-size:var(--font-size-xs);opacity:.8;margin-left:var(--space-1);font-family:inherit}.worksheet-join{max-width:440px;padding:var(--space-6);margin:10vh auto}.worksheet-join h1{margin-bottom:var(--space-5)}main.classroom-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(170px,.5fr) minmax(330px,1fr) minmax(240px,.8fr);gap:0;width:100%;height:100dvh;margin:0;padding:0;display:grid;overflow:hidden}main.classroom-layout.checkpoints-hidden{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr) minmax(240px,.8fr)}main.classroom-layout.output-hidden{grid-template-columns:minmax(0,1.3fr) minmax(170px,.5fr) minmax(330px,1fr)}main.classroom-layout.checkpoints-hidden.output-hidden{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}.worksheet-column{padding:var(--space-4)}.checkpoint-column{padding:var(--space-3);background:var(--color-surface)}.class-column{padding:var(--space-2);background:var(--color-surface);border-left:var(--border);--scrollbar-gutter:stable both-edges;display:block}.output-column{padding:var(--space-3);background:var(--color-surface);border-left:var(--border)}.workspace{width:100%;margin:0;padding:0;display:block}.class-column .workspace>*{margin:0 0 var(--space-3)}.class-column .workspace>:last-child{margin-bottom:0}.join-panel{margin:0;padding:0}.worksheet-heading,.section-heading{margin-bottom:var(--space-4)}.section-heading{--row-gap:var(--space-4)}.section-heading span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.section-navigation{margin-top:var(--space-6)}main.questions-layout{gap:var(--space-6);max-width:1200px;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-18);grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);margin:auto;display:grid}.questions-summary{top:var(--space-4);align-self:start;position:sticky}.questions-summary .section-heading{display:block}.question-index{gap:var(--space-2);display:grid}.question-groups{gap:var(--space-4);display:grid}@media (width<=850px){main.classroom-layout,main.classroom-layout.checkpoints-hidden,main.classroom-layout.output-hidden,main.classroom-layout.checkpoints-hidden.output-hidden{grid-template-columns:1fr}main.classroom-layout{grid-template-rows:repeat(4,minmax(0,1fr))}main.classroom-layout.checkpoints-hidden,main.classroom-layout.output-hidden{grid-template-rows:repeat(3,minmax(0,1fr))}main.classroom-layout.checkpoints-hidden.output-hidden{grid-template-rows:repeat(2,minmax(0,1fr))}main.questions-layout{padding-block:var(--space-4);padding-right:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}.questions-summary{position:static}.checkpoint-column ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.worksheet-content{line-height:var(--line-height-prose);overflow-wrap:anywhere}.worksheet-content :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-serif);line-height:var(--line-height-prose-heading)}.worksheet-content h1{font-size:var(--font-size-prose-h1)}.worksheet-content h2{font-size:var(--font-size-prose-h2)}.worksheet-content>h2{top:calc(-1 * var(--space-4));z-index:1;padding-block:var(--space-2);background:var(--color-bg);position:sticky}.worksheet-content h3{font-size:var(--font-size-prose-h3)}.worksheet-content :is(h1,h2,h3){margin:var(--space-6) 0 var(--space-3)}.worksheet-content>h2{margin:0 calc(-1 * var(--space-2)) var(--space-3);border-inline:var(--space-2) solid var(--color-bg);border-bottom:var(--border);box-shadow:var(--shadow-sticky-heading);clip-path:inset(0 0 -40px)}.worksheet-content pre{background:var(--color-code-bg);padding:var(--space-4);border-radius:var(--radius-sm);overflow-x:auto}.worksheet-content img{max-width:100%}.code-example{scroll-margin-top:var(--space-4);margin:var(--space-4) 0 var(--space-6);position:relative}.code-example pre{margin-bottom:var(--space-2)}.code-example.active{padding:var(--space-3);background:var(--color-selected-bg);border-radius:var(--radius-sm);outline:var(--selection-ring);outline-offset:var(--outline-offset)}.code-example.active pre{background:var(--color-selected-code-bg)}.code-example.reflected pre{box-shadow:inset 4px 0 var(--color-accent)}.example-opportunity{font-size:var(--font-size-sm);padding:var(--space-1) 0;color:var(--color-accent);background:0 0;border:0;margin-left:auto;display:block}.checkpoint-column ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.checkpoint-link{text-align:left;gap:var(--space-2);width:100%;padding:var(--space-3);font-size:var(--font-size-sm);display:grid}.checkpoint-link[aria-current=step]{outline:var(--selection-ring);outline-offset:var(--outline-offset);font-weight:600}.checkpoint-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.checkpoint-group{margin-bottom:var(--space-3)}.checkpoint-group summary{font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) 0}.checkpoint-group ol{margin-top:var(--space-2)}.exercise-heading{--row-gap:var(--space-2)}.exercise-heading p{margin:0}.practice-prompt{font-size:var(--font-size-base);font-weight:700}.expected-output{margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.expected-output summary{cursor:pointer}.expected-output pre{white-space:pre-wrap;overflow-wrap:anywhere}.python-editor{margin-bottom:var(--space-3);background:var(--color-code-bg);border-radius:var(--radius-sm);position:relative}.python-editor.passed{background:var(--color-code-passed-bg)}.python-editor :is(.code-editor,.code-highlight){padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;min-height:230px;font-family:var(--font-mono);font-size:var(--font-size-code);font-weight:var(--font-weight-code);line-height:var(--line-height);color:var(--color-text);tab-size:4;white-space:pre-wrap;overflow-wrap:break-word}.python-editor .code-editor{border:var(--border);-webkit-text-fill-color:transparent;caret-color:var(--color-text);resize:vertical;background:0 0;margin:0;position:relative}.code-highlight{pointer-events:none;border-radius:var(--radius-sm);margin:0;position:absolute;inset:0;overflow:hidden}.code-highlight code{font:inherit}@media (forced-colors:active){.python-editor .code-editor{-webkit-text-fill-color:CanvasText}.code-highlight{visibility:hidden}}.actions{margin-bottom:var(--space-4)}.next-exercise.success{background:var(--color-understood-bg);color:var(--color-understood-text)}.completion-button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-border);opacity:1;cursor:not-allowed}.exercise-picker{display:inline-flex}.exercise-picker button{border-radius:0}.exercise-picker button+button{margin-left:calc(-1 * var(--border-width))}.exercise-picker button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.exercise-picker button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.exercise-picker button[aria-pressed=true]{background:var(--color-overlay);border-color:var(--color-border-strong);font-weight:600;position:relative}.exercise-picker button:focus-visible{z-index:1;position:relative}.text-link{color:var(--color-accent);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.text-link:hover{background:0 0}.output{margin:var(--space-4) 0 0;font-size:var(--font-size-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:0}.output-error-line{background:var(--color-output-error-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone}.check-result{margin:var(--space-2) 0;font-size:var(--font-size-sm)}.execution-status:not(:empty){padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-understood-bg);color:var(--color-understood-text);font-size:var(--font-size-sm)}.execution-status:empty{display:none}.visualization-actions{margin-top:var(--space-3)}.visualization-dialog{width:min(var(--screen-md), calc(100vw - 2 * var(--space-4)));max-height:90dvh;padding:var(--space-4);border:var(--border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-dialog);overflow:auto}.visualization-dialog::backdrop{background:var(--color-dialog-backdrop)}.visualization-heading{margin-bottom:var(--space-3)}.visualization-dialog iframe{background:var(--color-surface);border:0;width:100%;height:min(500px,70dvh);display:block}.reflection-dialog{border:var(--border);border-radius:var(--radius-md);padding:var(--space-6);width:min(500px, calc(100vw - 2 * var(--space-4)));max-height:90dvh;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-dialog);overflow:auto}.reflection-dialog::backdrop{background:var(--color-dialog-backdrop)}.reflection-choice{margin:var(--space-4) 0;--row-gap:var(--space-2);border:0;padding:0}.reflection-choice legend{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.reflection-choice label{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;--row-gap:var(--space-2)}.reflection-choice input{margin:0}.exercise-problem-reasons{margin:var(--space-4) 0;border:0;padding:0}.exercise-problem-reasons label{padding:var(--space-2) 0;cursor:pointer;--row-gap:var(--space-2)}.reflection-box{margin-top:var(--space-3);padding:var(--space-3);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface)}.reflection-summary{font-size:var(--font-size-sm);-webkit-line-clamp:3;line-clamp:3;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.reflection-actions{margin:var(--space-2) 0 0;font-size:var(--font-size-sm)}.checkpoint-presence{--row-gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border)}.checkpoint-navigation{margin-top:var(--space-3)}.reflection-box+.checkpoint-presence,.reflection-box+.checkpoint-navigation+.checkpoint-presence{border-top:0}.presence-icon{width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);flex-shrink:0}.checkpoint-people+.checkpoint-people{margin-top:var(--space-2)}.participant-name{font-size:var(--font-size-xs);background:var(--color-overlay);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.question-index a{--row-gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);text-decoration:none}.question-group{background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);padding:var(--space-5);scroll-margin-top:var(--space-4)}.question-group ul{margin:0;padding:0;list-style:none}.question-group li{padding:var(--space-3) 0;border-top:var(--border)}.question-group p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.sidebar-toggle{top:var(--space-3);left:var(--space-3);z-index:102;width:40px;height:40px;font-size:var(--font-size-xl);box-shadow:var(--shadow-toggle);padding:0;position:fixed}.sidebar-toggle.inline{flex-shrink:0;position:relative;top:auto;left:auto}.sidebar-backdrop{z-index:100;background:var(--color-backdrop);border:0;border-radius:0;position:fixed;inset:0}.sidebar-backdrop:hover{background:var(--color-backdrop)}.site-sidebar{z-index:101;width:min(280px,85vw);padding:var(--space-18) var(--space-5) var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-sidebar);position:fixed;inset:0 auto 0 0}.site-sidebar strong{font-size:var(--font-size-xl)}.site-sidebar nav{gap:var(--space-4);display:grid}.theme-selector{margin-top:var(--space-6)}.theme-selector select{width:100%;margin-top:var(--space-2);display:block}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:var(--color-syntax-keyword)}.hljs-string,.hljs-regexp,.hljs-doctag{color:var(--color-syntax-string)}.hljs-number,.hljs-symbol,.hljs-attr,.hljs-variable{color:var(--color-syntax-number)}.hljs-title,.hljs-built_in,.hljs-type,.hljs-meta{color:var(--color-syntax-function)}.hljs-comment{color:var(--color-syntax-comment);font-style:italic}.teacher-report{max-width:1400px;padding:var(--space-6);margin:auto}.teacher-report header{--row-gap:var(--space-4)}.teacher-report header h1{margin-top:var(--space-3)}.teacher-report header p{margin-bottom:0}.teacher-report nav{--row-gap:var(--space-4)}.teacher-totals{gap:var(--space-3);margin-block:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.teacher-totals>div{background:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.teacher-totals dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.teacher-totals dd{margin:var(--space-2) 0 0;font-size:var(--font-size-xl);font-weight:600}.teacher-filters{--row-gap:var(--space-4);margin-bottom:var(--space-6)}.teacher-filters label{flex:250px;max-width:500px}.teacher-filters select{width:100%;margin-top:var(--space-2);display:block}.teacher-table{width:100%;max-height:28rem;margin-bottom:var(--space-6);border:var(--border);border-radius:var(--radius-sm)}.teacher-table table{border-collapse:collapse;background:var(--color-surface);width:100%}.teacher-table th,.teacher-table td{text-align:left;padding:var(--space-3);border-bottom:var(--border)}.teacher-table thead th{background:var(--color-overlay);white-space:nowrap;position:sticky;top:0}.teacher-table tbody th{min-width:20rem;font-weight:400}.teacher-table .text-link{text-align:left}.teacher-student{margin-top:var(--space-3);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-4)}.teacher-report summary{cursor:pointer;line-height:var(--line-height)}.teacher-checkpoint{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border)}.teacher-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-overlay)}.teacher-status-understood{background:var(--color-understood-bg);color:var(--color-understood-text)}.teacher-status-question{background:var(--color-question-bg);color:var(--color-question-text)}.teacher-reflections p{white-space:pre-wrap;margin-top:var(--space-1);overflow-wrap:anywhere}.teacher-report h4{margin-block:var(--space-3) var(--space-2)}.teacher-report pre{background:var(--color-code-bg);padding:var(--space-3);border-radius:var(--radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem}.teacher-attempt,.teacher-events{margin-top:var(--space-3)}.teacher-login{max-width:440px;padding:var(--space-6);margin:10vh auto}.teacher-login h1{margin-top:var(--space-6)}.teacher-login input{width:100%;margin-block:var(--space-2) var(--space-4);display:block}@media (width<=700px){.teacher-report{padding:var(--space-4)}.teacher-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.save-recovery{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border);font-size:var(--font-size-sm);overflow-wrap:anywhere}.save-recovery p{margin:0 0 var(--space-2)}.save-recovery summary{cursor:pointer;color:var(--color-accent)}.save-recovery details>p:first-of-type{margin-top:var(--space-2)}.save-recovery .u-row{--row-gap:var(--space-2);margin-bottom:var(--space-2)}.save-recovery button{font-size:var(--font-size-sm);padding:var(--space-2)}.rejected-activity{max-height:14rem;padding:0;list-style:none;overflow:auto}.rejected-activity li{border-top:var(--border);padding:var(--space-2) 0}.rejected-activity small{color:var(--color-text-muted)}.blocks-dialog{width:min(1200px, calc(100vw - 2 * var(--space-4)));max-width:none;max-height:94dvh;padding:var(--space-4);border:var(--border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-dialog);overflow:auto}.blocks-dialog::backdrop{background:var(--color-dialog-backdrop)}.blocks-heading{margin-bottom:var(--space-3)}.blocks-labels{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);grid-template-columns:240px 1fr;display:grid}.blocks-canvas{border:var(--border);width:100%;height:min(580px,65dvh);position:relative}.blocks-error{color:var(--color-syntax-keyword)}.blocks-dialog .variable_blocks{--block-text:var(--color-block-variable-text)}.blocks-dialog :is(.expression_blocks,.math_blocks,.text_blocks){--block-text:var(--color-block-expression-text)}.blocks-dialog .statement_blocks{--block-text:var(--color-block-statement-text)}.blocks-dialog .control_blocks{--block-text:var(--color-block-control-text)}.blocks-dialog .branching_blocks{--block-text:var(--color-block-branching-text)}.blocks-dialog .iteration_blocks{--block-text:var(--color-block-iteration-text)}.blocks-dialog .list_blocks{--block-text:var(--color-block-collection-text)}.blocks-dialog .function_blocks{--block-text:var(--color-block-function-text)}.blocks-dialog .blocks-canvas .blocklyBlock .blocklyText{fill:var(--block-text);font-family:var(--font-sans)}.blocks-dialog .blocks-canvas .blocklyBlock :is(.blocklyField,.blocklyEditableField,.blocklyNonEditableField)>rect{fill:var(--color-surface);fill-opacity:1}.blocks-dialog .blocks-canvas .blocklyBlock :is(.blocklyEditableField,.blocklyNonEditableField) .blocklyText{fill:var(--color-text)}.blocks-dialog .blocklyHtmlInput{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}@media (width<=650px){.blocks-dialog{width:calc(100vw - 2 * var(--space-2));padding:var(--space-2)}.blocks-labels{grid-template-columns:1fr 1fr}}.u-row{align-items:center;gap:var(--row-gap,var(--space-3));display:flex}.u-wrap{flex-wrap:wrap}.u-between{justify-content:space-between}.u-button-xs{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.u-icon-button{align-items:center;gap:var(--space-2);display:inline-flex}.u-icon{flex-shrink:0;width:1em;height:1em}.u-prose{width:100%;max-width:var(--prose-width);margin-inline:auto}.u-scroll{scrollbar-width:thin;scrollbar-gutter:var(--scrollbar-gutter,stable);scrollbar-color:transparent transparent;min-width:0;height:100%;min-height:0;overflow-y:auto}.u-scroll:is(:hover,:focus-within){scrollbar-color:var(--color-border-strong) transparent}.u-scroll::-webkit-scrollbar{width:var(--scrollbar-size)}.u-scroll::-webkit-scrollbar-track{background:0 0}.u-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:0 0}.u-scroll:is(:hover,:focus-within)::-webkit-scrollbar-thumb{background:var(--color-border-strong)}