@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.static{position:static}.isolate{isolation:isolate}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color:#eceee8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b0c0f;--panel:#111317;--panel-raised:#15171c;--panel-hover:#1b1e23;--line:#26292e;--line-light:#33363c;--text:#eceee8;--muted:#8d9297;--subtle:#5e646b;--lime:#c4f45a;--lime-dark:#9dc83d;--mono:"DM Mono", monospace;--display:"Space Grotesk", sans-serif;background:#0b0c0f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:85px}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-size:14px}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}a{color:inherit;text-decoration:none}::selection{color:#171a0d;background:var(--lime)}.app-shell{overflow:hidden}.fatal-error{color:#e6e9df;background:#0c0d0f;align-content:center;justify-items:start;gap:12px;min-height:100vh;padding:32px;display:grid}.fatal-error h1{max-width:600px;margin:0;font-size:clamp(24px,5vw,40px)}.fatal-error p{color:#a4aaa2;max-width:560px;margin:0;line-height:1.7}.fatal-error button{background:var(--lime);color:#111;cursor:pointer;border:0;border-radius:5px;margin-top:8px;padding:11px 16px;font-weight:650}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0feb;border-bottom:1px solid #1d1f24;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,6.5vw,104px);display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-1.1px;white-space:nowrap;align-items:center;gap:9px;font-size:19px;font-weight:700;display:inline-flex}.brand-mark{background:var(--lime);color:#171a0d;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.brand-light{color:#a4a8a0;font-weight:500}.brand-dot{color:var(--lime)}.brand-badge{color:#777d82;font:9px var(--mono);letter-spacing:.8px;border:1px solid #31343a;border-radius:4px;margin-left:4px;padding:4px 6px}.top-nav{color:#a7aaa7;align-items:center;gap:clamp(14px,2vw,27px);font-size:11px;font-weight:500;display:flex}.top-nav a{transition:color .18s}.top-nav a:hover,.button-text:hover,.back-top:hover{color:var(--lime)}.nav-more{position:relative}.nav-more summary{cursor:pointer;align-items:center;gap:4px;list-style:none;display:flex}.nav-more summary::-webkit-details-marker{display:none}.nav-dropdown{z-index:25;border:1px solid var(--line-light);background:#17191d;border-radius:6px;width:185px;padding:6px;display:grid;position:absolute;top:28px;right:0;box-shadow:0 12px 30px #0008}.nav-dropdown a{color:#bec2bb;border-radius:4px;padding:10px 9px;font-size:10px}.nav-dropdown a:hover{color:var(--lime);background:#252a1f}.mobile-menu{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px;display:none}main{width:min(1120px,100% - 48px);margin:0 auto}.hero{grid-template-columns:1fr .9fr;align-items:center;min-height:580px;padding:72px 15px 86px;display:grid;position:relative}.hero-content{z-index:2;padding-bottom:15px;position:relative}.eyebrow,.section-kicker{color:#a5aa9b;font:10px var(--mono);letter-spacing:1.65px}.eyebrow{align-items:center;gap:9px;margin-bottom:21px;display:flex}.live-dot,.ready-badge span{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c4f45a82}h1,h2,h3,p{margin:0}.hero h1{font:600 clamp(54px, 6.4vw, 82px)/.99 var(--display);letter-spacing:-5.3px}.highlight{color:var(--lime)}.hero-content>p{color:#969b9e;max-width:460px;margin-top:24px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:26px;margin-top:30px;display:flex}.button-primary{border:1px solid var(--lime);background:var(--lime);color:#16190f;border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:45px;padding:0 16px;font-size:12px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.button-primary:hover{background:#d3ff70;transform:translateY(-2px)}.button-text{color:#afb3af;align-items:center;gap:9px;font-size:12px;transition:color .18s;display:inline-flex}.hero-note{color:#777d80;align-items:center;gap:8px;margin-top:34px;font-size:10px;display:flex}.hero-note svg{color:var(--lime)}.hero-path-link{color:#c9d6ad;align-items:center;gap:8px;width:fit-content;margin-top:17px;font-size:11px;display:flex}.hero-path-link:hover{color:var(--lime)}.hero-art{background:linear-gradient(140deg,#12151a,#101215 65%,#151812);border:1px solid #24272b;border-radius:12px;height:355px;margin:-5px -5px 0 5px;position:relative;overflow:hidden;box-shadow:0 36px 100px #0007}.art-glow{filter:blur(45px);background:#c4f45a0c;border-radius:50%;width:250px;height:240px;position:absolute;top:10%;right:3%}.art-grid{opacity:.3;background-image:linear-gradient(#373b4026 1px,#0000 1px),linear-gradient(90deg,#373b4026 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000,#000);mask-image:linear-gradient(110deg,#0000,#000)}.art-code{z-index:1;color:#e8ebdd;font:14px/2.1 var(--mono);margin:75px 0 0 53px;position:relative}.art-code+.art-code{margin-top:0}.art-code.indent{color:#a9c66c;margin-left:53px;padding-left:27px}.art-code b{color:#d9a1f2;font-weight:500}.code-dim{color:#555b5e;width:25px;font-size:11px;display:inline-block}.code-pink{color:#d9a1f2}.art-bars{opacity:.9;align-items:end;gap:5px;height:92px;display:flex;position:absolute;bottom:76px;right:55px}.art-bars span{background:#c4f45a;border-radius:3px 3px 0 0;width:8px;animation:.7s both grow}.art-bars span:nth-child(3n){background:#7c9843}.art-bars span:nth-child(3n+1){background:#4b5c35}@keyframes grow{0%{height:0}}.floating-bubble{color:#d7dad0;font:10px var(--mono);background:#191c20ef;border:1px solid #393d40;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:absolute;box-shadow:0 12px 30px #0005}.bubble-one{top:32px;right:27px}.bubble-two{bottom:31px;left:36px}.bubble-one .bubble-dot{background:var(--lime);border-radius:50%;width:6px;height:6px}.bubble-two svg{color:#c4f45a}.art-caption{color:#6e746d;font:9px var(--mono);position:absolute;bottom:14px;right:18px}.hero-bottom{border-top:1px solid #25282c;align-items:center;gap:33px;padding-top:19px;display:flex;position:absolute;bottom:4px;left:15px;right:0}.hero-bottom>div{align-items:baseline;gap:9px;display:flex}.hero-bottom strong{color:var(--lime);font:19px var(--display)}.hero-bottom span{color:#777e81;font-size:10px}.hero-bottom>i{border-left:1px solid #2e3135;height:18px}.explorer-section{padding-top:89px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-kicker{color:var(--lime-dark);letter-spacing:1.8px;margin-bottom:10px;font-size:9px;display:block}.section-heading h2,.bottom-cta h2{font:500 31px/1.2 var(--display);letter-spacing:-1.15px}.section-heading>p{color:#7f8588;padding-bottom:4px;font-size:11px}.explorer-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:19px;scroll-margin-top:95px;display:grid}.sidebar,.playground{border:1px solid var(--line);background:var(--panel);border-radius:8px}.sidebar{padding:16px 13px 13px}.sidebar-heading{color:#7e8488;font:9px var(--mono);letter-spacing:1.3px;justify-content:space-between;align-items:center;padding:1px 5px 12px;display:flex}.count-pill{color:#a9ada6;letter-spacing:0;border:1px solid #303338;border-radius:4px;padding:3px 6px}.search-field{color:#72787c;border:1px solid #2a2d32;border-radius:5px;align-items:center;gap:8px;height:34px;padding:0 9px;display:flex}.search-field:focus-within{border-color:#687b43}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.search-field input::placeholder{color:#61676c}.search-field kbd{color:#73797d;min-width:17px;height:18px;font:9px var(--mono);border:1px solid #35383c;border-radius:3px;place-items:center;display:grid}.category-list{gap:3px;margin-top:10px;display:grid}.category-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:55px;padding:7px 8px;transition:background .16s,border-color .16s;display:flex}.category-button:hover{background:#191b20}.category-selected{background:#1d2416;border-color:#3d4d24}.category-icon{color:#a7ae9a;background:#191b1f;border:1px solid #33373b;border-radius:6px;flex:none;place-items:center;width:29px;height:29px;display:grid}.category-selected .category-icon{color:var(--lime);background:#29331c;border-color:#677e36}.category-icon.large{width:38px;height:38px;color:var(--lime);background:#20271a;border-color:#536935}.category-copy{gap:3px;min-width:0;display:grid}.category-copy strong{color:#d5d8d1;font-size:11px;font-weight:600}.category-selected .category-copy strong{color:#e5f5c2}.category-copy small{color:#777e81;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.category-number{color:#52575b;font:9px var(--mono);align-self:flex-start;margin:2px 0 0 auto}.sidebar-tip{color:#777e7a;border:1px solid #2c3028;border-radius:5px;align-items:center;gap:10px;margin-top:13px;padding:11px 9px;font-size:9px;line-height:1.7;display:flex}.sidebar-tip b{color:#c4c9bd;font-size:10px;font-weight:600}.tip-icon{width:24px;height:24px;color:var(--lime);background:#29311d;border-radius:5px;flex:none;place-items:center;display:grid}.empty-search{color:#858b8e;align-items:center;gap:8px;padding:14px 6px;font-size:10px;display:flex}.playground{padding:20px}.playground-head{justify-content:space-between;align-items:center;display:flex}.playground-title{align-items:center;gap:11px;display:flex}.breadline{color:#72797c;font:9px var(--mono);letter-spacing:1px;margin-bottom:4px}.breadline span{color:var(--lime-dark);padding:0 5px}.playground-title h3{font:600 19px var(--display);letter-spacing:-.3px}.ready-badge{color:#7d8580;font:8px var(--mono);letter-spacing:.7px;align-items:center;gap:7px;display:flex}.ready-badge span{width:5px;height:5px}.playground-description{color:#858b8f;margin:8px 0 17px 49px;font-size:10px}.control-panel{background:#0d0f12;border:1px solid #282b30;border-radius:6px;align-items:end;gap:8px;padding:12px;display:flex}.control-label{color:#7a8183;min-width:0;font:8px var(--mono);letter-spacing:.8px;gap:6px;display:grid}.algorithm-control{flex:1.2;min-width:138px}.data-control{flex:1.8;min-width:115px}.short-control{flex:0 0 68px;width:68px}.control-label input,.control-label select{color:#d9dcd4;width:100%;height:33px;font:10px var(--mono);letter-spacing:0;background:#17191d;border:1px solid #303338;border-radius:4px;outline:none;padding:0 8px}.control-label input:focus,.control-label select:focus{border-color:#748d42}.control-label input[type=number]{appearance:textfield}.control-label input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.control-label input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.select-wrap{position:relative}.select-wrap select{appearance:none;cursor:pointer;padding-right:25px}.select-wrap svg{pointer-events:none;color:#828880;position:absolute;top:9px;right:7px}.random-button{color:#b6bbb2;cursor:pointer;white-space:nowrap;background:#191b1f;border:1px solid #34383b;border-radius:4px;align-items:center;gap:6px;height:33px;padding:0 8px;font-size:9px;display:flex}.random-button:hover{color:var(--lime);border-color:#708943}.error-message{color:#f2a49d;background:#281918;border:1px solid #683836;border-radius:5px;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;font-size:10px;display:flex}.visualizer-card{background:#0d0f12;border:1px solid #282b30;border-radius:6px;margin-top:13px;padding:12px 14px 10px}.visualizer-topline{justify-content:space-between;align-items:center;height:22px;display:flex}.legend{align-items:center;gap:14px;display:flex}.legend>span{color:#848a8b;align-items:center;gap:5px;font-size:8px;display:flex}.legend i{background:#515a4b;border-radius:2px;width:6px;height:6px}.legend .legend-current{background:var(--lime)}.legend .legend-done{background:#748d42}.step-count{color:#767d80;font:8px var(--mono);letter-spacing:.8px}.step-count b{color:#dce0d4;padding-left:4px;font-weight:500}.step-count em{color:#51575a;padding:0 3px;font-style:normal}.visualization-stage{justify-content:center;align-items:end;min-height:235px;padding:12px 6px 5px;display:flex}.visualization-stage.svg-stage{align-items:center;min-height:266px}.bars{justify-content:center;align-items:end;gap:clamp(5px,2vw,16px);width:100%;height:207px;padding:12px 2px 0;display:flex}.bar-column{flex-direction:column;justify-content:end;align-items:center;width:min(42px,9%);height:100%;display:flex}.bar-value{color:#a4aaa2;font:9px var(--mono);margin-bottom:5px;transition:color .15s}.bar-value.value-active{color:var(--lime)}.bar{background:linear-gradient(#819c50,#39442b);border:1px solid #596348;border-bottom:0;border-radius:4px 4px 0 0;width:100%;min-height:10px;transition:height .25s,background .18s,border .18s}.bar-active{background:linear-gradient(#d2ff69,#8ba93f);border-color:#dcff8c;box-shadow:0 0 16px #b5eb4c26}.bar-done{background:linear-gradient(#839e4c,#485a2b);border-color:#819e4b}.bar-index{color:#62686a;font:8px var(--mono);margin-top:6px}.status-line{color:#a0a59e;border-top:1px solid #24272b;align-items:center;gap:8px;min-height:33px;padding:7px 1px 5px;font-size:9px;display:flex}.status-indicator{color:var(--lime);place-items:center;display:grid}.timeline{background:#282b2d;height:2px;position:relative;overflow:visible}.timeline>span{background:var(--lime);height:100%;transition:width .22s;display:block}.timeline input{opacity:0;cursor:pointer;width:100%;height:18px;margin:0;position:absolute;top:-8px;left:0}.timeline:focus-within{outline-offset:3px;outline:2px solid #9dc83d}.player-controls{justify-content:space-between;align-items:center;gap:8px;min-height:47px;display:flex}.transport{align-items:center;gap:2px;display:flex}.icon-button,.play-button{color:#929894;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.icon-button:hover:not(:disabled){color:#e4e8df;background:#202328}.icon-button:disabled{color:#44494d;cursor:not-allowed}.play-button{background:var(--lime);color:#171a0d;width:33px;height:33px;margin:0 4px}.play-button:hover{background:#d7ff7c}.reset-control{border-left:1px solid #303337;border-radius:0;margin-left:4px}.speed-control{color:#72797b;font:8px var(--mono);align-items:center;gap:3px;display:flex}.speed-control>span{letter-spacing:.6px;margin-right:5px}.speed-control button{color:#777e80;height:24px;font:8px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 6px}.speed-control button:hover{color:#fff}.speed-control button.speed-selected{color:var(--lime);background:#262c1d}.run-button{color:#d8efac;cursor:pointer;white-space:nowrap;background:#29321d;border:1px solid #647c39;border-radius:4px;align-items:center;gap:7px;height:31px;padding:0 9px;font-size:9px;font-weight:600;display:flex}.run-button:hover{background:#354225}.metrics-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px;display:grid}.metric-card{background:#101215;border:1px solid #282b30;border-radius:5px;gap:4px;min-width:0;padding:11px 10px 9px;display:grid}.metric-card>span{color:#777e7f;font:7px var(--mono);letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-card strong{color:#e3e7d9;font:500 16px var(--display)}.metric-card small{color:#686e71;font-size:8px}.sequence{justify-content:center;align-items:center;gap:8px;width:100%;min-height:190px;display:flex}.sequence-item{background:#252b1f;border:1px solid #454c3d;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;height:55px;transition:all .2s;display:flex;position:relative}.sequence-value{color:#e5eadf;font:12px var(--mono)}.sequence-index{color:#848b7c;font:8px var(--mono)}.sequence-item.item-active{background:#3a4928;border-color:#dcff8c;box-shadow:0 0 15px #b5eb4c21}.sequence-item.item-done{background:#303e24;border-color:#7e9c49}.sequence-list{justify-content:flex-start;gap:19px;padding:0 10px;overflow-x:auto}.list-pointer{color:var(--lime);position:absolute;top:18px;left:calc(100% + 2px)}.sequence-stack{flex-direction:column;gap:6px;min-height:190px}.sequence-stack .sequence-item{flex-direction:row;gap:8px;width:72px;height:34px}.structure-end{color:#a9c96b;font:8px var(--mono);align-items:center;gap:5px;display:flex}.queue-end{flex-direction:row-reverse}.sequence-queue{gap:11px}.stack-empty{color:#737a7a;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.stack-empty svg{color:#626a5c}.call-stack{flex-direction:column;justify-content:end;gap:5px;width:min(400px,100%);min-height:207px;padding:12px 0;display:flex}.call-frame{background:#1c2117;border:1px solid #30342b;border-radius:4px;align-items:center;gap:12px;min-height:31px;padding:6px 10px;display:flex}.call-frame code{color:#d1e5ab;font:10px var(--mono)}.call-frame.is-active{background:#29351d;border-color:#a4ca53}.call-index{color:#78826d;font:8px var(--mono)}.call-tag{color:var(--lime);font:8px var(--mono);text-transform:uppercase;margin-left:auto}.structure-svg{width:100%;max-height:256px;overflow:visible}.tree-edge{stroke:#41483b;stroke-width:1.5px}.tree-node{fill:#252b1f;stroke:#70864b;stroke-width:1.5px;transition:all .18s}.tree-label{fill:#d7e3c9;font:10px var(--mono)}.node-active .tree-node{fill:#536e2c;stroke:#dbff86;stroke-width:2px;filter:drop-shadow(0 0 6px #c4f45a52)}.node-done .tree-node{fill:#394b25;stroke:#91b64b}.learn-section{padding:93px 0 65px}.learn-heading{margin-bottom:24px}.learn-grid{grid-template-columns:.9fr 1.1fr;gap:13px;display:grid}.explanation-card,.code-card{border:1px solid var(--line);background:var(--panel);border-radius:7px;min-height:238px}.explanation-card{flex-direction:column;padding:21px;display:flex}.learn-card-label{color:var(--lime-dark);font:8px var(--mono);letter-spacing:1.2px;align-items:center;gap:7px;display:flex}.explanation-card h3{font:500 17px var(--display);margin-top:24px}.explanation-card>p{color:#919797;max-width:370px;margin-top:10px;font-size:11px;line-height:1.8}.learn-foot{color:#777e80;align-items:center;gap:9px;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.learn-foot-icon{color:#bbc39f;border:1px solid #34383c;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.code-card{padding:15px 16px 0;overflow:hidden}.code-heading{justify-content:space-between;align-items:center;display:flex}.copy-button{color:#a6aca5;cursor:pointer;background:#191b1f;border:1px solid #33363a;border-radius:4px;align-items:center;gap:5px;height:25px;padding:0 8px;font-size:9px;display:flex}.copy-button:hover{color:var(--lime);border-color:#657b3e}.code-tabs{border-bottom:1px solid #292c30;gap:14px;margin-top:11px;display:flex}.code-tabs button{color:#777e80;font:9px var(--mono);cursor:pointer;background:0 0;border:0;padding:8px 1px 9px;position:relative}.code-tabs button.tab-active{color:#d8e6bf}.code-tabs button.tab-active:after{background:var(--lime);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.code-content{color:#bcc7aa;max-height:150px;font:9px/1.8 var(--mono);white-space:pre;margin:0;padding:13px 2px 15px;overflow:auto}.code-content code{display:block}.source-line{width:100%;min-height:17px;color:inherit;text-align:left;font:inherit;white-space:pre;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;display:flex}.source-row{align-items:center;display:flex}.breakpoint-button{color:#555b53;width:15px;font:9px var(--mono);cursor:pointer;background:0 0;border:0;flex:none;padding:0}.breakpoint-button:hover,.breakpoint-button.breakpoint-active{color:#f18277}.source-line:hover{background:#ffffff09}.source-line-active{color:#e6ffc0;background:#34422270}.source-line-number{color:#596250;text-align:right;-webkit-user-select:none;user-select:none;flex:none;width:18px}.code-sync-note{color:#929b82;min-height:29px;font:8px/1.5 var(--mono);border-bottom:1px solid #252a22;padding:7px 2px 5px}.execution-inspector{border-top:1px solid #24272b;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 0;display:grid}.execution-inspector>div{min-width:0}.execution-inspector>div>span{color:#71805c;font:7px var(--mono);letter-spacing:.8px}.execution-inspector p{color:#87908a;margin-top:4px;font-size:8px;line-height:1.5}.execution-inspector .inspector-values{border-top:1px solid #23262a;grid-column:1/-1;align-items:baseline;gap:9px;padding-top:4px;display:flex}.inspector-values code{color:#b6c798;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-cta{background:radial-gradient(at 75% 20%,#82964412,#0000 45%),#11140f;border:1px solid #333a2c;border-radius:8px;align-items:center;gap:16px;margin:3px 0 75px;padding:26px 28px;display:flex}.cta-mark{width:42px;height:42px;color:var(--lime);background:#20271a;border:1px solid #586c35;border-radius:8px;flex:none;place-items:center;display:grid}.bottom-cta>div:nth-child(2){flex:1}.bottom-cta .section-kicker{margin-bottom:5px;font-size:8px}.bottom-cta h2{letter-spacing:-.35px;font-size:18px}.bottom-cta p{color:#868d87;margin-top:5px;font-size:10px}.bottom-cta .button-primary{min-height:37px;font-size:10px}.footer{color:#747a7c;border-top:1px solid #202226;justify-content:space-between;align-items:center;min-height:70px;padding:0 clamp(24px,7vw,110px);font-size:9px;display:flex}.footer-brand{font-size:15px}.footer-brand .brand-mark{border-radius:7px;width:25px;height:25px}.footer>span b{color:#c3c7bd;font-weight:500}.footer-legal{position:relative}.footer-legal summary{color:#929991;cursor:pointer;font-size:9px}.footer-legal summary:hover{color:var(--lime)}.footer-legal-copy{z-index:20;color:#a9afa5;background:#141713;border:1px solid #343a32;border-radius:7px;width:min(390px,100vw - 32px);padding:14px 16px;font-size:9px;line-height:1.65;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 12px 40px #000b}.footer-legal-copy p{margin:0 0 9px}.footer-legal-copy p:last-child{margin-bottom:0}.support-section{background:#101210;border:1px solid #252a25;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:26px clamp(18px,5vw,56px);display:flex}.support-section h2{color:#e4e6df;margin:8px 0 5px;font-size:17px;font-weight:550}.support-section p{color:#858b85;margin:0;font-size:10px;line-height:1.6}.support-links{flex:none;gap:8px;display:grid}.support-links a{color:var(--lime);align-items:center;gap:8px;font-size:10px;text-decoration:none;display:flex}.support-links a:hover{color:#e0ff9a}.back-top{transition:color .18s}.visit-count{color:#717970;min-width:125px;font:8px var(--mono);text-align:right}.tutor-launcher{z-index:40;color:#1c210f;cursor:pointer;background:#c4f45a;border:1px solid #8faa4c;border-radius:999px;align-items:center;gap:8px;min-height:43px;padding:0 13px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:21px;right:24px;box-shadow:0 8px 26px #0007}.tutor-launcher:hover{background:#d7ff7c}.tutor-panel{z-index:41;background:#111317;border:1px solid #373c34;border-radius:10px;flex-direction:column;width:min(390px,100vw - 28px);height:min(640px,100vh - 105px);display:flex;position:fixed;bottom:76px;right:20px;overflow:hidden;box-shadow:0 22px 90px #000b}.tutor-heading{border-bottom:1px solid #292c30;align-items:center;gap:10px;padding:13px;display:flex}.tutor-avatar{width:33px;height:33px;color:var(--lime);background:#222b18;border:1px solid #536a34;border-radius:8px;place-items:center;display:grid}.tutor-heading>div{flex:1}.tutor-heading h2{font:600 13px var(--display)}.tutor-heading p{color:#7f8684;margin-top:3px;font-size:9px}.small-icon-button{color:#a9afa5;cursor:pointer;background:#191b1f;border:1px solid #33373b;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.small-icon-button:hover:not(:disabled){color:var(--lime);border-color:#687e3d}.small-icon-button:disabled{opacity:.4}.tutor-context{border-bottom:1px solid #24272b;gap:5px;padding:8px 11px;display:flex;overflow-x:auto}.tutor-context span{color:#a9b392;font:8px var(--mono);white-space:nowrap;text-transform:capitalize;border:1px solid #34383b;border-radius:4px;padding:4px 6px}.tutor-mode{color:#78807a;font:8px var(--mono);letter-spacing:.7px;border-bottom:1px solid #24272b;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.tutor-mode>span:last-child{position:relative}.tutor-mode select{appearance:none;color:#d2d7ca;min-width:120px;font:9px var(--mono);cursor:pointer;background:#1a1c20;border:1px solid #34383b;border-radius:4px;padding:5px 22px 5px 7px}.tutor-mode svg{pointer-events:none;position:absolute;top:6px;right:5px}.tutor-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.tutor-welcome{color:#8d9585;text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto 0;display:flex}.tutor-welcome>svg{color:var(--lime)}.tutor-welcome strong{color:#dce3d0;font:500 14px var(--display)}.tutor-welcome p{color:#868d8e;font-size:9px}.tutor-suggestions{gap:6px;width:100%;margin-top:8px;display:grid}.tutor-suggestions button{color:#c0c6b7;text-align:left;cursor:pointer;background:#17191d;border:1px solid #33383a;border-radius:5px;padding:8px;font-size:9px}.tutor-suggestions button:hover{color:var(--lime);border-color:#627b38}.chat-message{background:#181a1f;border:1px solid #2d3132;border-radius:6px;max-width:94%;padding:9px}.chat-user{background:#20271a;border-color:#49563a;align-self:flex-end}.chat-assistant{align-self:flex-start}.chat-message-top{color:#8f9b79;font:7px var(--mono);letter-spacing:.8px;justify-content:space-between;align-items:center;display:flex}.chat-message-top button{color:#9ba194;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.chat-body{color:#d0d5cc;overflow-wrap:anywhere;margin-top:6px;font-size:10px;line-height:1.65}.chat-prose{white-space:pre-wrap}.chat-prose+.chat-prose{margin-top:6px}.chat-code{color:#d7e9b7;font:9px/1.55 var(--mono);white-space:pre;background:#0c0e10;border:1px solid #34383b;border-radius:4px;margin:7px 0;padding:8px;overflow-x:auto}.chat-loading{color:#adb49f;align-items:center;gap:7px;font-size:9px;display:flex}.chat-loading button{color:#c9d7ae;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tutor-error{color:#f0b5ac;background:#291a18;border:1px solid #72423b;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin:0 10px 8px;padding:8px;font-size:9px;display:flex}.tutor-not-configured{color:#c8d8a8;background:#1c2416;border-color:#59683d}.tutor-error button{color:#e0cba3;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:8px}.clear-chat{color:#858b86;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:5px;margin:0 11px 6px;font-size:8px;display:flex}.tutor-compose{border-top:1px solid #292c30;align-items:end;gap:7px;padding:9px;display:flex}.tutor-compose textarea{resize:none;color:#e0e5d9;background:#0c0e10;border:1px solid #393d40;border-radius:5px;flex:1;padding:8px;font-size:10px;line-height:1.5}.tutor-compose textarea::placeholder{color:#666d6b}.tutor-compose>button{width:34px;height:34px;color:var(--lime);cursor:pointer;background:#29341d;border:1px solid #718a42;border-radius:5px;place-items:center;display:grid}.tutor-compose>button:disabled{opacity:.4;cursor:not-allowed}.tutor-privacy{color:#777e7a;padding:0 10px 9px;font-size:7px;line-height:1.5}.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}.learning-hub{padding:74px 0 37px;scroll-margin-top:85px}.learning-hub-heading{justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px;display:flex}.learning-hub-heading h2{font:500 clamp(26px, 3.5vw, 36px)/1.15 var(--display);letter-spacing:-1.2px}.learning-hub-heading h2 span{color:var(--lime)}.learning-hub-heading>p{color:#8d9494;max-width:370px;font-size:11px;line-height:1.7}.hub-top-grid{grid-template-columns:1.15fr .85fr;gap:12px;display:grid}.profile-card,.progress-card,.curriculum-stage,.lesson-reader,.practice-card,.pseudo-card,.dry-run-card,.intensive-card,.revision-section{border:1px solid var(--line);background:var(--panel);border-radius:7px}.profile-card,.progress-card{min-width:0;padding:16px}.hub-card-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.hub-card-heading h3{font:500 15px var(--display);letter-spacing:-.3px;margin-top:8px}.no-account-badge,.offline-pill{color:#bdd88d;font:7px var(--mono);letter-spacing:.6px;white-space:nowrap;border:1px solid #3a4930;border-radius:4px;padding:4px 6px}.level-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.learning-choice{color:#d3d8cd;text-align:left;cursor:pointer;background:#15171b;border:1px solid #303439;border-radius:5px;align-items:flex-start;gap:8px;min-width:0;padding:9px;transition:all .15s;display:flex}.learning-choice:hover{border-color:#626f49}.learning-choice.choice-selected,.assessment-options .learning-choice.choice-selected{background:#222c19;border-color:#7e9d47}.level-choices .learning-choice{flex-direction:column;gap:5px;min-height:60px}.learning-choice b{color:#d9e3cb;font-size:9px;font-weight:600}.learning-choice small{color:#808783;font-size:8px;line-height:1.4}.assessment-entry{color:var(--lime);text-align:left;cursor:pointer;background:#171c12;border:1px dashed #495a35;border-radius:5px;grid-column:1/-1;align-items:center;gap:8px;padding:9px;display:flex}.assessment-entry>span{flex:1;gap:3px;display:grid}.assessment-entry b{color:#d9e7bc;font-size:9px}.assessment-entry small{color:#8e9884;font-size:8px}.assessment-entry:hover{border-color:var(--lime)}.inline-notice{color:#bbce93;margin-top:9px;font-size:9px}.diagnostic-result-card{background:#171b13;border:1px solid #414a34;border-radius:5px;margin-top:12px;padding:10px}.diagnostic-result-card>strong{color:#e0ebc7;font-size:10px}.diagnostic-result-card>p{color:#a1a89b;margin-top:5px;font-size:9px}.diagnostic-result-card>small{color:#737d70;align-items:center;gap:4px;margin-top:8px;font-size:8px;display:flex}.diagnostic-result-card>small button{color:var(--lime);cursor:pointer;background:0 0;border:0;font-size:8px}.recommended-topics{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.recommended-topics button{color:#d3e2b9;cursor:pointer;background:#1d2418;border:1px solid #414a35;border-radius:4px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:flex}.progress-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin:16px 0 12px;display:grid}.progress-stats>div{background:#0e1013;border:1px solid #2a2d31;border-radius:4px;gap:3px;padding:8px;display:grid}.progress-stats strong{color:var(--lime);font:500 17px var(--display)}.progress-stats span{color:#7f8583;font-size:8px}.language-pref{color:#929995;justify-content:space-between;align-items:center;font-size:9px;display:flex}.language-pref select{color:#d3d8ce;background:#17191c;border:1px solid #35393c;border-radius:4px;padding:5px 8px;font-size:9px}.storage-disclosure{color:#747c79;margin-top:10px;font-size:8px;line-height:1.5}.confirm-row{color:#d6bd91;border:1px solid #624b36;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding:8px;font-size:8px;display:flex}.confirm-row span{flex:100%}.confirm-row button{color:#e0d1b3;cursor:pointer;background:#201d19;border:1px solid #554b3c;border-radius:4px;padding:5px 7px;font-size:8px}.assessment-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.assessment-dialog{background:#111317;border:1px solid #41473a;border-radius:9px;width:min(510px,100%);max-height:min(90vh,700px);padding:18px;overflow-y:auto;box-shadow:0 24px 100px #000a}.assessment-head{justify-content:space-between;align-items:center;display:flex}.assessment-meter{background:#2a2d30;border-radius:3px;height:3px;margin-top:17px;overflow:hidden}.assessment-meter>span{background:var(--lime);height:100%;transition:width .2s;display:block}.assessment-counter{color:#a4af8b;font:8px var(--mono);letter-spacing:1px;margin-top:13px}.assessment-counter span{color:#616861}.assessment-question h3,.assessment-summary h3{color:#e7ebdf;font:500 19px/1.35 var(--display);margin:10px 0 12px}.assessment-options{gap:7px;display:grid}.assessment-options .learning-choice{align-items:center}.assessment-options .learning-choice b{color:#a8b48e;min-width:21px;height:21px;font:9px var(--mono);border:1px solid #393e3d;border-radius:4px;place-items:center;display:grid}.assessment-options .learning-choice span{color:#c4c9c0;font-size:9px}.diagnostic-check{min-height:36px;margin-top:12px}.diagnostic-check:disabled{opacity:.45;cursor:not-allowed}.assessment-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.assessment-footer>span{color:#757c78;font-size:8px}.text-action{color:#b7cf8a;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:9px;display:inline-flex}.text-action:hover{color:var(--lime)}.exercise-feedback{color:#eab5aa;background:#251a18;border:1px solid #64423c;border-radius:5px;margin:9px 0;padding:9px}.exercise-feedback.feedback-correct{color:#c9e69b;background:#1a2115;border-color:#51663a}.exercise-feedback strong{font-size:10px}.exercise-feedback p{color:#bdc3b4;margin-top:4px;font-size:9px;line-height:1.6}.exercise-feedback small{color:#8f9688;margin-top:5px;font-size:8px;display:block}.assessment-summary{padding:15px 3px 4px}.assessment-summary>p{color:#a9b0a7;font-size:10px;line-height:1.7}.assessment-summary>small{color:#7d8580;margin-top:10px;font-size:8px;line-height:1.5;display:block}.assessment-illustration{width:45px;height:45px;color:var(--lime);background:#222c19;border:1px solid #536d36;border-radius:10px;place-items:center;display:grid}.assessment-actions{align-items:center;gap:15px;margin-top:12px;display:flex}.assessment-actions .button-primary{min-height:37px}.curriculum-heading{justify-content:space-between;align-items:end;gap:15px;margin:31px 0 13px;scroll-margin-top:85px;display:flex}.curriculum-heading h2{font:500 23px/1.2 var(--display);letter-spacing:-.6px}.curriculum-heading>p{color:#828a87;max-width:375px;font-size:9px;line-height:1.6}.curriculum-list{gap:7px;display:grid}.curriculum-stage{grid-template-columns:51px minmax(0,1fr);padding:12px;scroll-margin-top:90px;display:grid}.stage-index{color:#839a50;font:9px var(--mono);position:relative}.stage-index>span{border-left:1px solid #33382f;height:calc(100% + 15px);position:absolute;top:20px;left:4px}.curriculum-stage:last-child .stage-index>span{display:none}.stage-main{min-width:0}.stage-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-heading>div:first-child>span{color:#747d76;font:7px var(--mono);letter-spacing:.7px}.stage-heading h3{color:#dde2d8;font:500 13px var(--display);margin-top:4px}.stage-meter{color:#7f8780;width:115px;font:7px var(--mono);text-align:right;gap:5px;display:grid}.stage-meter>div{background:#292d30;border-radius:3px;height:3px;overflow:hidden}.stage-meter i{background:var(--lime);height:100%;display:block}.stage-meta{color:#767e79;flex-wrap:wrap;gap:11px;margin:8px 0;font-size:8px;display:flex}.stage-meta span{align-items:center;gap:4px;display:inline-flex}.stage-meta svg{color:#8ea65b}.stage-lessons{flex-wrap:wrap;gap:5px;display:flex}.stage-lesson{color:#c2c8bc;cursor:pointer;background:#15171a;border:1px solid #303438;border-radius:4px;align-items:center;gap:5px;padding:6px 7px;font-size:8px;display:flex}.stage-lesson:hover{border-color:#677b42}.stage-lesson>svg{color:#94a86a}.stage-lesson small{color:#737b76;font:6px var(--mono)}.stage-lesson.lesson-done{color:#c8df9f;background:#1b2216;border-color:#435336}.stage-next{color:#7f8780;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;display:flex}.stage-next b{color:#c0cfaa;font-weight:500}.stage-next button{color:var(--lime);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:8px;display:flex}.lesson-reader-wrap{margin-top:12px;scroll-margin-top:90px}.ahead-note{color:#d3bb89;align-items:center;gap:5px;margin:0 0 6px 4px;font-size:8px;display:flex}.lesson-reader{padding:15px}.lesson-reader-head{justify-content:space-between;align-items:center;display:flex}.lesson-reader-head h3{font:500 17px var(--display);margin-top:6px}.lesson-grid{grid-template-columns:.92fr 1.08fr;gap:10px;margin-top:12px;display:grid}.lesson-big-picture,.lesson-trace-panel{background:#0e1013;border:1px solid #292d30;border-radius:5px;min-width:0;padding:11px}.lesson-fact{margin-bottom:9px}.lesson-fact>span,.memory-visual>span,.trace-operation>span,.pseudo-state>span{color:#83976b;font:7px var(--mono);letter-spacing:.8px}.lesson-fact p{color:#bac0b4;margin-top:3px;font-size:9px;line-height:1.5}.memory-note{color:#858e80;border-top:1px solid #262a2d;align-items:flex-start;gap:6px;margin-top:9px;padding-top:8px;font-size:8px;line-height:1.5;display:flex}.memory-note svg{color:var(--lime);flex:none}.trace-panel-title{justify-content:space-between;display:flex}.trace-position{color:#828a84;font:8px var(--mono)}.trace-operation{gap:4px;margin-top:10px;display:grid}.trace-operation strong{color:#e0e6d9;font-size:10px}.trace-detail{color:#959d94;min-height:43px;margin-top:6px;font-size:8px;line-height:1.55}.memory-visual{background:#131711;border:1px solid #313730;border-radius:4px;gap:5px;margin-top:8px;padding:8px;display:grid}.memory-visual code{color:#d1e4ae;font:9px var(--mono);white-space:nowrap;overflow:auto}.memory-visual small{color:#8e9788;font:7px var(--mono)}.trace-nav{justify-content:space-between;gap:7px;margin-top:9px;display:flex}.trace-nav button{color:#c3cabc;cursor:pointer;background:#17191c;border:1px solid #34383b;border-radius:4px;align-items:center;gap:5px;padding:6px 7px;font-size:8px;display:flex}.trace-nav button:disabled{opacity:.4;cursor:not-allowed}.prediction-box{border-top:1px solid #2d3133;margin-top:9px;padding:8px}.prediction-box>strong{color:#bac6a3;font-size:8px}.prediction-options{gap:4px;margin:7px 0;display:grid}.prediction-options button,.dry-choices button{color:#aeb6ab;text-align:left;cursor:pointer;background:#17191c;border:1px solid #34393a;border-radius:4px;padding:6px;font-size:8px}.prediction-options button:hover,.prediction-options .prediction-selected,.dry-choices .prediction-selected{color:#d8e7c2;background:#202819;border-color:#718b44}.prediction-feedback{color:#e9b3a9;background:#251a18;border:1px solid #65443e;border-radius:4px;margin-top:7px;padding:7px;font-size:8px;line-height:1.5}.prediction-feedback.feedback-correct{color:#c8e49f;background:#1b2216;border-color:#526638}.complete-lesson-button{color:#c8e59b;cursor:pointer;background:#222b19;border:1px solid #536b37;border-radius:4px;align-items:center;gap:6px;margin-top:9px;padding:7px 9px;font-size:8px;display:flex}.complete-lesson-button:disabled{opacity:.55;cursor:not-allowed}.complete-mark{color:#c8e59b;align-items:center;gap:5px;margin-top:9px;font-size:8px;display:flex}.practice-section,.intensive-section,.revision-section{padding-top:29px;scroll-margin-top:90px}.practice-grid{grid-template-columns:.95fr 1.05fr;gap:10px;display:grid}.practice-card,.pseudo-card{min-width:0;padding:14px;scroll-margin-top:90px}.practice-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.practice-card-head select{color:#cad0c3;background:#17191d;border:1px solid #373b3e;border-radius:4px;max-width:150px;padding:5px 7px;font-size:8px}.practice-card h3,.pseudo-card h3{font:500 15px var(--display);margin-top:12px}.exercise-prompt{color:#9ca39a;margin-top:6px;font-size:9px;line-height:1.6}.exercise-example{color:#c9d4b8;font:8px/1.6 var(--mono);white-space:pre-wrap;background:#0d0f11;border:1px solid #2d3133;border-radius:4px;margin:8px 0;padding:8px;overflow:auto}.practice-card textarea{resize:vertical;color:#d9ded3;width:100%;font:9px/1.6 var(--mono);background:#0d0f11;border:1px solid #393d40;border-radius:4px;padding:9px}.practice-card textarea::placeholder{color:#606865}.exercise-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;display:flex}.exercise-actions .button-primary{min-height:33px;padding:0 9px;font-size:8px}.subtle-button{color:#abb2a6;cursor:pointer;background:#17191c;border:1px solid #33373a;border-radius:4px;align-items:center;gap:4px;padding:6px;font-size:8px;display:inline-flex}.subtle-button:hover{color:var(--lime);border-color:#687e3d}.subtle-button:disabled{opacity:.4;cursor:not-allowed}.hint-panel{background:#191d15;border-left:2px solid #82994d;margin-top:8px;padding:8px}.hint-panel>span{color:var(--lime);font:7px var(--mono)}.hint-panel p{color:#b8c2ad;margin-top:4px;font-size:8px;line-height:1.5}.model-solution{color:#d1e2b2;font:8px/1.6 var(--mono);white-space:pre-wrap;background:#151a11;border:1px solid #394231;border-radius:4px;margin-top:8px;padding:8px}.pseudo-editor{background:#0c0e10;border:1px solid #34383a;border-radius:5px;grid-template-columns:29px 1fr;min-height:142px;max-height:200px;margin-top:10px;display:grid;overflow:auto}.pseudo-editor textarea{resize:vertical;color:#cde2aa;width:100%;min-height:142px;font:9px/1.7 var(--mono);white-space:pre;background:0 0;border:0;outline:0;padding:8px}.editor-gutter{color:#59615a;font:8px/1.9125 var(--mono);text-align:center;border-right:1px solid #26292b;flex-direction:column;padding:8px 0;display:flex}.editor-gutter span{min-height:15.3px}.editor-gutter .editor-line-active{color:var(--lime);background:#3a4b29}.pseudo-input-row{color:#9aa198;align-items:center;gap:6px;margin-top:8px;font-size:8px;display:flex}.pseudo-input-row label{flex:1}.pseudo-input-row input,.complexity-practice input{color:#d5dccd;width:60px;font:9px var(--mono);background:#0e1012;border:1px solid #363a3c;border-radius:4px;padding:6px}.pseudo-input-row .button-primary{min-height:30px;padding:0 8px;font-size:8px}.pseudo-hints{background:#221c15;border:1px solid #5b4530;border-radius:4px;margin-top:8px;padding:7px}.pseudo-hints strong{color:#e2c99a;font-size:8px}.pseudo-hints p,.form-error{color:#cfb995;margin-top:4px;font-size:8px;line-height:1.45}.form-error{color:#f0aaa3}.pseudo-trace{background:#131610;border:1px solid #343a30;border-radius:4px;margin-top:8px;padding:8px}.pseudo-trace .trace-operation{margin:0}.pseudo-trace .trace-operation strong{font:8px/1.5 var(--mono)}.pseudo-state{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:6px;display:flex}.pseudo-state>span{font-size:6px}.pseudo-state code{color:#d3e6b3;font:8px var(--mono)}.pseudo-trace .trace-nav{margin-top:7px}.complexity-practice{border-top:1px solid #292d30;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding-top:8px;display:flex}.complexity-practice label{color:#9da69a;flex:1;font-size:8px}.complexity-practice button{color:#d2e7ac;cursor:pointer;background:#222b18;border:1px solid #657a40;border-radius:4px;padding:6px 8px;font-size:8px}.dry-run-card{margin-top:10px;padding:14px;scroll-margin-top:90px}.dry-run-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.dry-run-heading h3{font:500 15px var(--display);margin-top:7px}.dry-run-heading>span{color:#7d8580;font:7px var(--mono)}.dry-run-card>p{color:#969d95;margin-top:7px;font-size:9px}.dry-run-card>p code{color:#d8e8bc;font:9px var(--mono)}.dry-array{gap:7px;margin:12px 0;display:flex}.dry-array>span{background:#20251b;border:1px solid #47513c;border-radius:5px;justify-items:center;gap:5px;min-width:52px;padding:8px;display:grid}.dry-array>span b{color:#e3e9dc;font:11px var(--mono)}.dry-array>span small{color:#7d8674;font:7px var(--mono)}.dry-array>span.dry-cell-active{background:#364426;border-color:#c5ee74}.dry-array>span.dry-cell-done{border-color:#789146}.dry-current{background:#0e1012;border:1px solid #2e3234;border-radius:5px;grid-template-columns:60px 1fr;gap:5px 9px;padding:9px;display:grid}.dry-current>span{color:#85976a;font:7px var(--mono)}.dry-current>p{color:#aeb6aa;font-size:8px;line-height:1.5}.dry-choices{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.dry-run-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.dry-run-actions .button-primary{min-height:31px;padding:0 9px;font-size:8px}.dry-run-actions>span{color:#727a75;font:7px var(--mono);margin-left:auto}.intensive-card{padding:14px}.intensive-intro{align-items:center;gap:10px;display:flex}.intensive-icon{width:37px;height:37px;color:var(--lime);background:#20281a;border:1px solid #4f6434;border-radius:7px;flex:none;place-items:center;display:grid}.intensive-intro>div{flex:1}.intensive-intro h3{font:500 14px var(--display);margin-top:5px}.intensive-intro p{color:#848d84;margin-top:4px;font-size:8px}.time-select{color:#899385;font:7px var(--mono);gap:4px;display:grid}.time-select select{color:#d4dbc9;font:8px var(--mono);background:#17191c;border:1px solid #383d3a;border-radius:4px;padding:6px}.study-plan{gap:4px;margin-top:12px;display:grid}.study-session{text-align:left;cursor:pointer;background:#101215;border:1px solid #292d30;border-radius:4px;align-items:center;gap:9px;width:100%;padding:7px 8px;display:flex}.study-session:hover{border-color:#586b3d}.session-check{color:#8b967f;width:23px;height:23px;font:7px var(--mono);border:1px solid #363b38;border-radius:4px;flex:none;place-items:center;display:grid}.session-copy{flex:1;gap:3px;display:grid}.session-copy b{color:#cbd2c4;font-size:8px;font-weight:500}.session-copy small{color:#7d8580;font-size:7px}.session-kind{color:#a4b578;font:7px var(--mono);text-transform:uppercase}.session-minutes{color:#9aa199;min-width:24px;font:8px var(--mono);text-align:right}.session-break{background:#141615}.session-break .session-kind{color:#8c999d}.session-complete{background:#171d13;border-color:#465637}.session-complete .session-check{color:var(--lime);background:#2a361e;border-color:#718944}.intensive-summary{color:#879180;justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;display:flex}.intensive-summary>span:first-child{color:#c3d89e;align-items:center;gap:4px;display:flex}.revision-section{margin:28px 0 0;padding:14px;scroll-margin-top:90px}.revision-header{border-bottom:1px solid #292d30;justify-content:space-between;align-items:center;gap:7px;padding-bottom:9px;display:flex}.revision-header>span:last-child{color:#79827b;font-size:8px}.revision-content{grid-template-columns:.8fr 1.2fr;gap:12px;padding:11px 0;display:grid}.revision-content h3{color:#d8dfd2;font:500 12px var(--display)}.revision-content p{color:#8b938b;margin-top:5px;font-size:8px;line-height:1.65}.review-topics{align-content:start;gap:5px;display:grid}.review-topics>button{color:#c4ceb4;text-align:left;cursor:pointer;background:#15171a;border:1px solid #303538;border-radius:4px;align-items:center;gap:6px;padding:7px;font-size:8px;display:flex}.review-topics>button span{color:#82916b;font:7px var(--mono);margin-left:auto}.review-topics>button svg{color:var(--lime)}.no-reviews{color:#78817b;font-size:8px;line-height:1.5}.revision-history{color:#828a83;border-top:1px solid #292d30;flex-wrap:wrap;gap:6px;padding-top:8px;font-size:7px;display:flex}.revision-history>span:first-child{color:#82966a;font:7px var(--mono);letter-spacing:.7px}.revision-history>span:not(:first-child){border:1px solid #303437;border-radius:3px;padding:3px 5px}.hub-footer-note{color:#777f79;align-items:center;gap:7px;margin:15px 0 0;font-size:8px;display:flex}.hub-footer-note svg{color:var(--lime);flex:none}@media (width>=1400px){main{width:min(1160px,100% - 64px)}}@media (width<=950px){.topbar{padding:0 28px}.top-nav{gap:12px;font-size:10px}.hub-top-grid{grid-template-columns:1fr}.profile-card,.progress-card{padding:13px}.curriculum-stage{grid-template-columns:38px minmax(0,1fr)}.hero{min-height:530px}.hero h1{letter-spacing:-4px;font-size:clamp(51px,7.5vw,70px)}.hero-art{height:320px}.explorer-layout{grid-template-columns:225px minmax(0,1fr);gap:12px}.playground{padding:15px}.control-panel{flex-wrap:wrap}.algorithm-control{flex:1.2}.data-control{flex:2}.random-button{margin-left:auto}.short-control{width:72px}.metric-card{padding:9px 7px}.metric-card strong{font-size:14px}}@media (width<=700px){html{scroll-padding-top:70px}.topbar{height:61px;padding:0 18px}.brand{font-size:17px}.brand-badge{font-size:8px}.mobile-menu{place-items:center;display:grid}.top-nav{border-bottom:1px solid var(--line);background:#101216;flex-direction:column;align-items:stretch;gap:0;padding:8px 19px 14px;display:none;position:absolute;top:60px;left:0;right:0}.top-nav.nav-open{display:flex}.top-nav>a{border-bottom:1px solid #24272b;padding:11px 3px}.top-nav>a:last-of-type{border-bottom:1px solid #24272b}.nav-more{padding:10px 3px}.nav-more summary{justify-content:space-between}.nav-dropdown{width:100%;box-shadow:none;background:0 0;border:0;border-top:1px solid #282c2f;border-radius:0;margin-top:6px;position:static}.nav-dropdown a{padding:10px 8px}.nav-more[open]{border-bottom:0}main{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;min-height:auto;padding:62px 0 82px}.hero-content{padding:0 2px}.hero h1{letter-spacing:-4.4px;font-size:clamp(54px,14vw,73px)}.hero-content>p{max-width:420px;margin-top:17px;font-size:13px}.hero-art{width:100%;height:280px;margin:38px 0 0}.art-code{margin-top:49px;margin-left:30px;font-size:12px}.art-code.indent{margin-left:30px}.art-bars{height:68px;bottom:63px;right:31px}.floating-bubble{font-size:9px}.bubble-one{top:22px;right:15px}.bubble-two{bottom:20px;left:20px}.hero-bottom{gap:14px;left:0}.hero-bottom>div{flex-direction:column;gap:0}.hero-bottom strong{font-size:16px}.hero-bottom span{font-size:8px}.learning-hub{padding:48px 0 25px;scroll-margin-top:69px}.learning-hub-heading{flex-direction:column;align-items:flex-start;gap:9px}.learning-hub-heading h2{font-size:28px}.learning-hub-heading>p{font-size:10px}.hub-top-grid{gap:8px}.profile-card,.progress-card{padding:11px}.level-choices{grid-template-columns:1fr}.level-choices .learning-choice{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;min-height:auto}.level-choices .learning-choice small{text-align:right}.assessment-entry{grid-column:auto}.progress-stats>div{padding:6px}.curriculum-heading{flex-direction:column;align-items:flex-start;gap:6px;margin-top:24px}.curriculum-heading h2{font-size:21px}.curriculum-heading>p{font-size:8px}.curriculum-stage{grid-template-columns:27px minmax(0,1fr);padding:9px}.stage-index>span{left:3px}.stage-heading h3{font-size:12px}.stage-meter{width:82px}.stage-lessons{gap:4px}.stage-lesson{padding:5px;font-size:7px}.stage-lesson small{display:none}.stage-next{align-items:flex-start}.lesson-grid,.practice-grid,.revision-content{grid-template-columns:1fr}.lesson-reader{padding:10px}.practice-section,.intensive-section{padding-top:22px}.practice-card,.pseudo-card,.dry-run-card,.intensive-card,.revision-section{padding:10px}.practice-card-head .learn-card-label{font-size:7px}.practice-card-head select{max-width:120px}.exercise-actions{gap:5px}.exercise-actions .button-primary{padding:0 7px}.dry-run-heading{flex-direction:column;align-items:flex-start}.dry-choices{grid-template-columns:1fr}.intensive-intro{flex-wrap:wrap}.intensive-intro>div{min-width:calc(100% - 55px)}.time-select{margin-left:47px}.session-kind{display:none}.intensive-summary{flex-direction:column}.revision-header{flex-direction:column;align-items:flex-start}.revision-content{gap:9px}.hub-footer-note{align-items:flex-start;line-height:1.5}.assessment-dialog{padding:13px}.assessment-question h3,.assessment-summary h3{font-size:16px}.assessment-footer>span{font-size:7px}.explorer-section{padding-top:54px}.section-heading{flex-direction:column;align-items:start;gap:8px;margin-bottom:18px}.section-heading h2{font-size:26px}.section-heading>p{font-size:10px}.explorer-layout{grid-template-columns:1fr;gap:11px}.sidebar{padding:11px}.sidebar-heading{padding-bottom:9px}.category-list{gap:6px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.category-button{flex:none;gap:7px;width:auto;min-width:125px;min-height:43px;padding:5px 7px}.category-icon{width:27px;height:27px}.category-copy small,.category-number,.sidebar-tip{display:none}.category-copy strong{white-space:nowrap;font-size:10px}.empty-search{white-space:nowrap;min-height:42px}.playground{padding:12px}.ready-badge{font-size:7px}.playground-title h3{font-size:17px}.playground-description{margin-left:49px;font-size:9px}.control-panel{gap:8px 6px;padding:9px}.algorithm-control{flex:1;min-width:calc(50% - 4px)}.data-control{flex:1.4;min-width:calc(50% - 4px)}.short-control{flex:1;width:66px}.random-button{height:32px;margin-left:0}.control-label input,.control-label select{font-size:9px}.visualizer-card{padding:9px 9px 7px}.visualization-stage{min-height:204px}.visualization-stage.svg-stage{min-height:225px}.bars{gap:clamp(4px,2vw,10px);height:180px}.bar-column{width:min(35px,10%)}.sequence{gap:5px;min-height:175px}.sequence-item{min-width:35px;height:48px}.sequence-list{justify-content:flex-start;gap:17px}.sequence-stack .sequence-item{min-width:65px}.legend{gap:8px}.legend>span{font-size:7px}.player-controls{flex-wrap:wrap;padding-top:6px}.transport{gap:0}.icon-button{width:26px}.speed-control{margin-left:auto}.run-button{height:29px}.reset-control{margin-left:2px}.metrics-row{grid-template-columns:repeat(2,1fr);gap:6px}.metric-card{padding:9px}.learn-section{padding:63px 0 45px}.learn-grid{grid-template-columns:1fr;gap:9px}.explanation-card{min-height:205px;padding:17px}.code-card{min-height:225px;padding:13px}.code-content{font-size:8px}.bottom-cta{flex-wrap:wrap;align-items:flex-start;gap:11px;margin-bottom:48px;padding:17px}.cta-mark{width:36px;height:36px}.bottom-cta>div:nth-child(2){min-width:calc(100% - 52px)}.bottom-cta h2{font-size:16px}.bottom-cta p{font-size:9px}.bottom-cta .button-primary{margin-left:47px}.footer{min-height:63px;padding:0 17px}.footer-brand{font-size:13px}.footer>span{display:none}.footer{flex-wrap:wrap;gap:7px;padding:10px 17px}.support-section{flex-direction:column;align-items:flex-start;gap:14px;margin:0 15px;padding:18px}.support-links{width:100%}.visit-count{text-align:left;order:3;width:100%}.tutor-launcher{min-height:39px;padding:0 10px;font-size:10px;bottom:11px;right:12px}.tutor-panel{width:calc(100vw - 16px);height:min(660px,100dvh - 72px);bottom:59px;right:8px}.execution-inspector{grid-template-columns:1fr 1fr}.execution-inspector>div:nth-child(3){display:none}.inspector-values{grid-column:1/-1}.code-content{max-height:190px}.source-line{min-height:20px}}@media (width<=380px){.brand-badge{display:none}.hero h1{font-size:52px}.hero-bottom{gap:9px}.hero-bottom>i{height:14px}.hero-bottom span{font-size:7px}.run-button{padding:0 7px;font-size:8px}.speed-control{gap:1px}.speed-control>span{margin-right:1px}.level-choices .learning-choice{flex-direction:column;align-items:flex-start}.level-choices .learning-choice small{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}