@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#17211b;--muted:#68726c;--line:#dfe5df;--paper:#f8faf7;--green:#246b49;--green-soft:#e9f3ed;--orange:#d76b35;--red:#9d4335}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{stroke-width:1.8px;width:16px;height:16px}code,.mono{font-family:var(--font-geist-mono)}.app-shell{grid-template-rows:64px minmax(0,1fr);min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:12px;padding:0 20px;display:flex}.brand-button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-right:40px;padding:0;display:flex}.brand-logo{flex:none;width:32px;height:32px}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{font-size:14px}.brand-copy span,.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}nav{align-self:stretch;gap:4px;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 16px;font-size:13px}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--green);border-bottom-color:var(--green);font-weight:650}.topbar-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.topbar-actions a{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#fff;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:650;text-decoration:none;display:flex}.topbar-actions a:hover{color:var(--green);border-color:#b2c2b6}.topbar-actions .icon-link{width:32px;padding:0}.topbar-actions svg{width:16px;height:16px}.workspace{grid-template:minmax(0,1fr)/310px minmax(420px,1fr);height:calc(100vh - 64px);min-height:0;display:grid;position:relative}.side-panel{border-right:1px solid var(--line);background:#fff;flex-direction:column;grid-area:1/1;min-height:0;padding:20px 18px;display:flex;position:relative;overflow-y:auto}.sidebar-toggle,.sidebar-close,.sidebar-backdrop{display:none}h1{letter-spacing:-.025em;margin:7px 0 6px;font-size:19px;line-height:1.25}.muted,.empty-selection p{color:var(--muted);font-size:12px;line-height:1.55}.text-input,.regex-input,.exercise-picker-trigger,.ghost-button,.primary,.secondary-square{height:32px}.text-input{border:1px solid var(--line);background:#fff;border-radius:7px;outline:none;width:100%;padding:0 9px;font-size:12px}.text-input:focus,.regex-input:focus{border-color:#6ea786;box-shadow:0 0 0 3px #e6f2ea}.ghost-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.ghost-button:hover{color:var(--ink);border-color:#b2c2b6}.canvas-wrap{background:#f8faf7;grid-area:1/2;position:relative;overflow:hidden}.editor-canvas{width:100%;height:100%;position:relative}.canvas-status{z-index:5;pointer-events:none;position:absolute;top:13px;left:14px}.canvas-status span{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 10px;font-size:10px;display:block;box-shadow:0 3px 12px #1f35270d}.canvas-status span:before{content:"";background:#4d976b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.react-flow__controls{overflow:hidden;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:0 3px 12px #1f35270f!important}.react-flow__controls button{border-color:var(--line)!important}.react-flow__attribution{display:none}.flow-state{width:68px;height:68px;font-family:var(--font-geist-mono);background:#fff;border:2px solid #33423a;border-radius:50%;place-items:center;font-size:14px;display:grid;position:relative;box-shadow:0 2px 7px #1e32250f}.flow-state.is-final:after{content:"";border:1.5px solid #33423a;border-radius:50%;position:absolute;inset:5px}.flow-state.is-selected{border-color:var(--green);box-shadow:0 0 0 4px #246b491f}.flow-state.is-selected:after{border-color:var(--green)}.flow-state .react-flow__handle{border:1px solid var(--green);opacity:0;background:#fff;width:7px;height:7px;transition:all .15s}.flow-state:hover .react-flow__handle,.flow-state.is-selected .react-flow__handle{opacity:1}.initial-marker{color:#33423a;font-size:27px;position:absolute;right:calc(100% + 6px)}.flow-state .react-flow__handle.edge-anchor{pointer-events:none;opacity:0!important}.edge-label{z-index:3;background:var(--paper);min-width:20px;color:var(--ink);text-align:center;font:12px var(--font-geist-mono);pointer-events:none;border:1px solid #0000;border-radius:4px;padding:2px 5px;position:absolute}.edge-label.is-selected{color:var(--green);background:#fff;border-color:#75a78a;font-weight:700;box-shadow:0 2px 8px #246b491f}.react-flow__edge-interaction{cursor:pointer}.empty-selection{text-align:center;margin:54px 4px 0}.empty-icon{width:36px;height:36px;color:var(--green);background:#f0f4f1;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.empty-selection strong{font-size:12px}.sidebar-properties{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.sidebar-properties .empty-selection{margin-top:10px}.properties-form{gap:10px;display:grid}.properties-form>label:not(.check-row){font-size:11px;font-weight:650}.check-row{align-items:center;gap:9px;font-size:12px;display:flex}.check-row:first-of-type{margin-top:6px}.check-row input{accent-color:var(--green)}.danger-link{color:var(--red);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:11px;display:flex}.transition-summary{border:1px solid var(--line);font:12px var(--font-geist-mono);background:#f7f9f7;border-radius:7px;justify-content:center;align-items:center;gap:10px;margin:4px 0;padding:11px;display:flex}.transition-summary svg{color:var(--green)}.secondary-square{color:var(--green);cursor:pointer;background:#dfeae2;border:0;border-radius:7px;place-items:center;display:grid}.feedback{border-radius:7px;align-items:flex-start;gap:8px;padding:11px;font-size:11px;line-height:1.4;display:flex}.feedback svg{flex:none}.success{color:#276a43;background:#eaf5ed}.failure{color:#963f34;background:#f9ece9}.export-actions{grid-template-columns:1fr 32px;gap:6px;display:grid}.sidebar-export{flex:none;margin-top:auto;padding-top:18px}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex}.primary.wide{justify-content:space-between;width:100%;padding:0 13px}.exercise-task{flex:none;gap:10px;display:grid}.exercise-task>label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}.exercise-task h2{margin:1px 0 0;font-size:15px}.exercise-task>p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.exercise-picker{position:relative}.exercise-picker-trigger{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:11px;display:flex}.exercise-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exercise-number{font-family:var(--font-geist-mono);font-variant-numeric:slashed-zero tabular-nums;font-feature-settings:"zero" 1}.exercise-picker-trigger svg{flex:none;transition:transform .15s}.exercise-picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.exercise-picker-trigger:focus-visible{border-color:#6ea786;outline:3px solid #e6f2ea}.exercise-picker-trigger.is-solved{background:#eaf6ed;border-color:#c9e4d1}.exercise-picker-menu{z-index:40;border:1px solid var(--line);background:#fff;border-radius:8px;max-height:300px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #1b342329}.exercise-picker-menu button{width:100%;min-height:30px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:5px;grid-template-columns:25px 1fr;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:grid}.exercise-picker-menu button:hover,.exercise-picker-menu button.is-current{background:#f0f4f1}.exercise-picker-menu button.is-solved{color:#235e3c;background:#e7f5eb}.exercise-picker-menu button.is-solved:hover,.exercise-picker-menu button.is-solved.is-current{background:#d9efdf}.exercise-picker-menu button>span{color:var(--muted)}.language-data{gap:7px;display:grid}.language-data>section{border:1px solid var(--line);background:#f8faf8;border-radius:7px;gap:6px;padding:8px;display:grid}.language-data>section>strong{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.math-chips{flex-wrap:wrap;gap:4px;display:flex}.math-chip{min-width:24px;color:var(--ink);text-align:center;background:#fff;border:1px solid #dce4dd;border-radius:5px;padding:3px 6px;font-size:10px}.math-chip.accepted{color:#235e3c;background:#eaf6ed;border-color:#c9e4d1}.math-chip.rejected{color:#8d4237;background:#fbf0ed;border-color:#ecd6d1}.example-row{grid-template-columns:51px 1fr;align-items:start;gap:6px;display:grid}.example-row>span{color:var(--muted);padding-top:4px;font-size:9px}.exercise-task .feedback{margin:0}.exercise-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.exercise-buttons button{white-space:nowrap}.exercise-buttons .next-exercise{grid-column:1/-1}.ghost-button:disabled{opacity:.45;cursor:not-allowed}.language-description{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.regex-answer{display:grid}.regex-input{border:1px solid var(--line);width:100%;font:13px var(--font-geist-mono);border-radius:7px;outline:none;padding:0 9px}.regex-input::placeholder{color:var(--muted);font:11px var(--font-geist-sans);opacity:1}.readonly-canvas .react-flow__node{cursor:default}.readonly-canvas .react-flow__pane{cursor:grab}.readonly-canvas .react-flow__handle{pointer-events:none;opacity:0!important}.standalone-workspace{background-color:var(--paper);background-image:radial-gradient(#d7ded8 1px,#0000 1px);background-size:20px 20px;height:calc(100vh - 64px);padding:28px 18px;overflow-y:auto}.standalone-exercise-card{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(100%,520px);margin:0 auto;padding:22px;box-shadow:0 10px 30px #1f352712}@media (max-width:1050px){.brand-button{margin-right:8px}.nav-item{padding:0 10px;font-size:11px}}@media (max-width:900px){.workspace{grid-template-columns:1fr}.canvas-wrap{grid-column:1}.side-panel{z-index:32;border-right:1px solid var(--line);width:min(320px,100vw - 44px);padding-top:50px;transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-102%);box-shadow:12px 0 32px #142a1d29}.side-panel.is-open{transform:translate(0)}.sidebar-toggle{z-index:8;border:1px solid var(--line);width:34px;height:34px;color:var(--green);cursor:pointer;background:#fff;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 3px 12px #1f352712}.sidebar-toggle span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#f1f5f2;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.sidebar-backdrop{z-index:31;opacity:0;pointer-events:none;background:#111c1540;border:0;width:100%;height:100%;padding:0;transition:opacity .2s;display:block;position:absolute;inset:0}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.canvas-status{left:56px}}@media (max-width:650px){.app-shell{grid-template-rows:58px minmax(0,1fr)}.topbar{gap:4px;padding:0 8px}.brand-copy>span{display:none}.brand-button{margin-right:0}.brand-copy strong{font-size:12px}.topbar nav{scrollbar-width:none;min-width:0;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex:none;padding:0 8px;font-size:10px}.topbar-actions{gap:3px}.topbar-actions a{min-height:30px;padding:0 7px;font-size:10px}.topbar-actions .icon-link{width:30px}.workspace,.standalone-workspace{height:calc(100vh - 58px)}.workspace{grid-template:minmax(0,1fr)/minmax(0,1fr)}.standalone-workspace{padding:14px 10px}.standalone-exercise-card{padding:16px}}.flow-state.is-transition-source{border-color:var(--green);cursor:crosshair;box-shadow:0 0 0 6px #246b4929}.flow-state.is-transition-target{cursor:crosshair}.flow-state.is-transition-target:hover{background:#f4faf6;border-color:#6ea786}.transition-preview{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.transition-preview marker path{fill:var(--green)}.transition-preview-path{fill:none;stroke:var(--green);stroke-width:2px;stroke-dasharray:6 5;opacity:.8}.transition-preview-label{fill:var(--green);stroke:var(--paper);stroke-width:6px;paint-order:stroke;text-anchor:middle;font:12px var(--font-geist-mono)}@media (pointer:coarse){.flow-state{touch-action:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}