/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.lowercase{text-transform:lowercase}}:root{--ink:#17251f;--ink-soft:#55635c;--paper:#f6f4ec;--card:#fffefa;--line:#d9ddd4;--mint:#b9efda;--mint-strong:#65d5a6;--green:#173f32;--lime:#d8f36d;--orange:#f2a35c;--red:#c85c4c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.skip-link{z-index:100;background:var(--lime);color:var(--ink);border-radius:4px;padding:10px 14px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}main{overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:82px;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{background:var(--green);width:35px;height:35px;color:var(--lime);font-family:var(--font-mono);border-radius:50% 50% 44% 56%;place-items:center;font-weight:500;display:inline-grid}.site-header nav{color:var(--ink-soft);gap:34px;font-size:14px;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--ink)}.lesson-pill{border:1px solid var(--ink);font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:99px;padding:8px 14px}.platform-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:82px;margin:0 auto;display:flex}.platform-header nav{color:var(--ink-soft);gap:30px;font-size:13px;display:flex}.platform-header nav a:hover{color:var(--ink)}.free-pill{color:#2d7254;font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:#e1f3e8;border-radius:999px;padding:8px 13px}.platform-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;width:min(1180px,100% - 40px);min-height:660px;margin:0 auto;padding:85px 0 100px;display:grid}.platform-hero-copy h1{max-width:760px;margin:22px 0 25px}.platform-hero-copy h1 em{color:#3f745e}.platform-hero-copy>p:last-of-type{max-width:650px;color:var(--ink-soft);font-size:18px;line-height:1.7}.platform-manifesto{background:var(--green);color:#fff;padding:28px;position:relative;transform:rotate(1deg);box-shadow:18px 21px #dce4da}.platform-manifesto:before{content:"";background:var(--lime);width:62px;height:17px;position:absolute;top:-9px;left:calc(50% - 31px);transform:rotate(-3deg)}.manifesto-label{color:var(--mint-strong);font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.11em;margin:0 0 12px}.platform-manifesto>div{border-top:1px solid #395b4e;justify-content:space-between;align-items:baseline;padding:18px 0;display:flex}.platform-manifesto strong{font:500 29px var(--font-mono);color:var(--lime)}.platform-manifesto span{color:#c1d0c9;font-size:12px}.manifesto-note{color:#cddbd4;text-align:center;background:#254c3e;margin:12px 0 0;padding:14px;font-size:11px}.platform-section{width:min(1180px,100% - 40px);margin:0 auto;padding:105px 0}.platform-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.platform-section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,51px);line-height:1.08}.platform-section-heading>p{max-width:410px;color:var(--ink-soft);text-align:right;margin:0;font-size:13px;line-height:1.6}.featured-lesson{background:var(--card);border:1px solid var(--line);grid-template-columns:80px 1fr auto;gap:30px;min-height:280px;padding:34px;transition:transform .2s,border-color .2s;display:grid}.featured-lesson:hover{border-color:#7fba9e;transform:translateY(-4px)}.lesson-index{color:#7d8a83;font:500 13px var(--font-mono)}.lesson-badges{gap:7px;display:flex}.lesson-badges span{color:#327456;font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;background:#e6f4eb;padding:5px 8px}.lesson-main h3{letter-spacing:-.045em;margin:23px 0 8px;font-size:34px}.lesson-main>p{max-width:650px;color:var(--ink-soft);margin:0;line-height:1.65}.lesson-details{color:#6d7a73;font:400 10px var(--font-mono);text-transform:uppercase;flex-wrap:wrap;gap:18px;margin-top:32px;display:flex}.lesson-details span+span:before{content:"·";margin-right:18px}.lesson-open{border-top:1px solid var(--ink);min-width:130px;font:500 10px var(--font-mono);text-transform:uppercase;justify-content:space-between;align-self:end;padding-top:12px;display:flex}.lesson-open i{color:#3d8b67;font-style:normal}.learning-method{background:var(--green);color:#fff;padding:100px max(20px,50vw - 590px)}.light-platform-heading .section-number{color:var(--mint-strong)}.light-platform-heading>p{color:#bacbc3}.method-grid{border-top:1px solid #3c5d50;border-left:1px solid #3c5d50;grid-template-columns:repeat(4,1fr);display:grid}.method-grid article{border-bottom:1px solid #3c5d50;border-right:1px solid #3c5d50;min-height:245px;padding:25px}.method-grid article>span{color:var(--mint-strong);font:500 10px var(--font-mono)}.method-grid h3{margin:74px 0 10px;font-size:21px}.method-grid p{color:#b9cac2;margin:0;font-size:12px;line-height:1.65}.category-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.category-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f0e9;flex-direction:column;min-height:260px;padding:27px;display:flex}.category-card.has-lessons{background:#e4f3e9}.category-code{color:#4f645a;width:39px;height:39px;font:500 10px var(--font-mono);border:1px solid #abb6ae;place-items:center;display:grid}.category-card h3{letter-spacing:-.02em;margin:27px 0 8px;font-size:20px}.category-card>p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.65}.category-card>div{color:#738078;font:500 9px var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-top:auto;padding-top:22px;display:flex}.category-card.has-lessons>div span:last-child{color:#2f7756}.open-learning{background:var(--lime);grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:100px max(20px,50vw - 590px);display:grid}.open-learning h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.2vw,56px);line-height:1.08}.open-learning-copy>p{color:#46542c;margin:0;font-size:16px;line-height:1.75}.open-actions{align-items:center;gap:25px;margin-top:30px;display:flex}.platform-footer{background:var(--green);color:#fff;justify-content:space-between;align-items:center;padding:35px max(20px,50vw - 590px);display:flex}.platform-footer>div{align-items:center;gap:11px;display:flex}.platform-footer p{color:#b8c9c1;margin:0;font-size:11px}.platform-footer strong{color:#fff;font-size:13px}.platform-footer a{border-bottom:1px solid #718b7f;padding-bottom:3px;font-size:11px}.glossary-hero{width:min(900px,100% - 40px);margin:0 auto;padding:100px 0 75px}.glossary-hero h1{max-width:850px}.glossary-hero>p:last-child{max-width:690px;color:var(--ink-soft);font-size:17px;line-height:1.7}.glossary-list{border-top:1px solid var(--line);width:min(900px,100% - 40px);margin:0 auto}.glossary-list article{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:25px;padding:35px 0;display:grid}.glossary-list article>span{color:#7a8881;font:500 10px var(--font-mono)}.glossary-list h2{letter-spacing:-.035em;margin:0 0 10px;font-size:25px}.glossary-list p{color:var(--ink-soft);margin:0;line-height:1.65}.glossary-list small{color:#4e6459;background:#e8f3eb;margin-top:13px;padding:10px 12px;line-height:1.5;display:block}.glossary-next{justify-content:space-between;align-items:center;gap:25px;width:min(900px,100% - 40px);margin:0 auto;padding:65px 0 100px;display:flex}.glossary-next p{font-size:20px;font-weight:750}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;width:min(1180px,100% - 40px);min-height:650px;margin:0 auto;padding:72px 0 86px;display:grid}.eyebrow,.section-number{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.13em}.eyebrow{color:#2f654e;align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--mint-strong);width:24px;height:2px}h1{letter-spacing:-.065em;max-width:690px;margin:23px 0 24px;font-size:clamp(48px,5.5vw,76px);font-weight:760;line-height:1.02}h1 em{color:#5a7267;font-style:normal;font-weight:500}.hero-intro{max-width:585px;color:var(--ink-soft);font-size:18px;line-height:1.7}.hero-actions{align-items:center;gap:28px;margin-top:36px;display:flex}.button{border:0;border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:14px 19px;font-weight:700;display:inline-flex}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 22px #173f3224}.button-primary span{color:var(--lime)}.text-link{border-bottom:1px solid var(--ink);padding:5px 0;font-size:14px;font-weight:750}.hero-demo{background:var(--card);border:1px solid #d7dbd2;padding:25px 28px 26px;position:relative;transform:rotate(1.2deg);box-shadow:20px 24px #dfe6dc}.hero-demo:before{content:"";background:#d8f36dcc;width:58px;height:18px;position:absolute;top:-9px;left:calc(50% - 29px);transform:rotate(-3deg)}.demo-caption{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.demo-caption span{font:500 10px var(--font-mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.11em}.demo-caption strong{font:500 13px var(--font-mono)}.mini-flow{padding:22px 0 15px}.mini-row{grid-template-columns:28px 1fr 52px;align-items:center;gap:14px;display:grid}.mini-index{font:400 10px var(--font-mono);color:#95a099}.mini-cells{gap:7px;display:flex}.mini-cells b{aspect-ratio:1;width:58px;font:500 18px var(--font-mono);background:#f4f5f0;border:1px solid #cdd4cd;place-items:center;display:grid}.mini-cells b.active{background:var(--lime);border-color:#9ab049}.mini-row.complete .mini-cells b{background:var(--mint);border-color:#7ec8aa}.mini-row small{font:500 9px var(--font-mono);text-transform:uppercase;color:var(--ink-soft)}.flow-arrow{color:#98a69f;margin:5px 0 5px 64px}.demo-note{background:#edf3ec;gap:13px;margin:5px 0 0;padding:13px 14px;font-size:11px;line-height:1.45;display:flex}.demo-note span{font:500 9px var(--font-mono);text-transform:uppercase;color:#277454;flex:none}.lesson-foundations,.concept-section,.code-section,.mistakes-section,.quiz-section,.use-cases{width:min(1180px,100% - 40px);margin:0 auto;padding:105px 0}.lesson-foundations{border-top:1px solid var(--line);padding-top:72px}.lesson-foundations-heading{max-width:690px}.lesson-foundations-heading h2,.quiz-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,51px);line-height:1.1}.lesson-foundations-heading>p:last-child,.quiz-intro>p{color:var(--ink-soft);font-size:16px;line-height:1.7}.lesson-foundations-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:42px;display:grid}.lesson-foundations-grid article{background:var(--card);border:1px solid var(--line);min-height:255px;padding:29px}.foundation-label{color:#34795b;font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.lesson-foundations-grid ol,.lesson-foundations-grid ul{margin:23px 0 0;padding-left:22px}.lesson-foundations-grid li{color:var(--ink-soft);margin:0 0 12px;padding-left:5px;font-size:14px;line-height:1.55}.lesson-foundations-grid a{border-bottom:1px solid var(--ink);margin-top:9px;padding-bottom:4px;font-size:12px;font-weight:750;display:inline-block}.lesson-path{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(8,1fr);margin-top:18px;display:grid}.lesson-path span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#eff1ea;flex-direction:column;justify-content:space-between;gap:10px;min-height:88px;padding:15px;font-size:11px;font-weight:700;display:flex}.lesson-path i{color:#718078;font:500 9px var(--font-mono);font-style:normal}.section-heading{max-width:650px}.section-number{color:#37755b;margin:0 0 16px}.section-heading h2,.challenge-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,51px);line-height:1.1}.section-heading>p:last-child,.challenge-copy>p{color:var(--ink-soft);font-size:16px;line-height:1.7}.concept-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:50px;display:grid}.concept-card{background:var(--card);border:1px solid var(--line);min-height:320px;padding:30px;position:relative}.concept-card.accent-card{background:#dff6ea;border-color:#a8ddc7}.concept-step{font:500 11px var(--font-mono);color:#7d8983;position:absolute;top:20px;right:22px}.concept-visual{justify-content:center;align-items:center;gap:10px;height:135px;display:flex}.concept-visual b{width:65px;height:65px;font:500 20px var(--font-mono);background:#eef0e9;border:1px solid #cdd3cb;place-items:center;display:grid}.accent-card .concept-visual b{background:#fff}.concept-visual i{font:400 10px var(--font-mono);color:#748077}.swap-arrow{color:#2c815d;font-size:23px}.pass-visual{gap:6px}.pass-visual b{width:53px;height:60px}.pass-visual b.locked{background:var(--lime);border-color:#aabd57}.concept-card h3{letter-spacing:-.025em;margin:15px 0 9px;font-size:20px}.concept-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.visualizer-section{background:var(--green);color:#fff;padding:105px max(20px,50vw - 590px)}.light-heading .section-number{color:var(--mint-strong)}.light-heading>p:last-child{color:#b8c8c0}.example-gallery{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px;display:grid}.example-card{color:#fff;text-align:left;background:#204b3c;border:1px solid #426256;flex-direction:column;align-items:flex-start;min-height:218px;padding:20px;transition:transform .2s,background .2s,border-color .2s;display:flex}.example-card:hover{border-color:#78bb9e;transform:translateY(-3px)}.example-card.is-active{color:var(--ink);border-color:var(--mint-strong);background:#dff6ea}.example-type{font:500 9px var(--font-mono);color:var(--mint-strong);text-transform:uppercase;letter-spacing:.1em}.example-card.is-active .example-type{color:#34795b}.example-card>strong{margin:15px 0 7px;font-size:17px}.example-card>code{color:var(--lime);font:500 12px var(--font-mono);background:0 0;padding:0}.example-card.is-active>code{color:#2f7456}.example-card>p{color:#bbcbc3;margin:14px 0 8px;font-size:11px;line-height:1.5}.example-card.is-active>p{color:var(--ink-soft)}.example-card>small{color:#8faaa0;font:400 9px/1.45 var(--font-mono)}.example-card.is-active>small{color:#68766f}.example-action{color:#fff;width:100%;font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #ffffff1f;justify-content:space-between;margin-top:auto;padding-top:16px;display:flex}.example-card.is-active .example-action{color:var(--ink);border-color:#b7d9c9}.example-action i{color:var(--lime);font-style:normal}.example-card.is-active .example-action i{color:#34795b}.visualizer-shell{color:var(--ink);background:#fbfcf8;border-radius:3px;margin-top:47px;overflow:hidden;box-shadow:0 25px 55px #0003}.input-row{background:#eef1ec;border-bottom:1px solid #d8ddd6;grid-template-columns:105px 1fr;align-items:center;gap:6px 20px;padding:22px 25px 17px;display:grid}.input-row label{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.input-group{gap:8px;display:flex}.input-group input{width:100%;font:500 13px var(--font-mono);background:#fff;border:1px solid #bcc5bd;outline:none;padding:11px 13px}.input-group input:focus{border-color:#328864;box-shadow:0 0 0 2px #65d5a640}.button-apply{background:var(--green);color:#fff;border-radius:3px;padding:10px 20px;font-size:12px}.icon-button{background:#fff;border:1px solid #bcc5bd;width:42px;font-size:19px}.helper-text,.error-text{font:400 10px var(--font-mono);color:#748079;grid-column:2}.error-text{color:var(--red)}.visual-stage{padding:27px 35px 22px}.stage-meta{color:#6f7b74;font:400 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.stage-meta strong{color:var(--ink)}.status-dot{align-items:center;gap:7px;display:flex}.status-dot i{background:var(--mint-strong);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #65d5a629}.bars{border-bottom:1px solid #dfe3dd;justify-content:center;align-items:flex-end;gap:clamp(7px,2vw,18px);height:300px;padding:37px 15px 25px;display:flex}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;width:min(70px,10%);height:100%;display:flex}.bar{background:#d9ded8;border-top:3px solid #a7b0a9;width:100%;min-width:25px;max-width:62px;transition:height .3s,background .2s,transform .2s}.bar-value{font:500 13px var(--font-mono)}.bar-index{font:400 9px var(--font-mono);color:#9aa29d}.bar-column.comparing .bar{background:var(--lime);border-color:#a2b84d;transform:translateY(-4px)}.bar-column.swapped .bar{background:var(--orange);border-color:#cc7934;transform:translateY(-4px)}.bar-column.minimum .bar{background:#b7cef4;border-color:#6f91c5;transform:translateY(-4px)}.bar-column.key .bar{background:#b7cef4;border-color:#6f91c5;transform:translateY(-7px)}.bar-column.sorted .bar{background:var(--mint);border-color:#50b98e}.step-message{justify-content:center;align-items:center;gap:13px;min-height:62px;font-size:13px;display:flex}.step-message>span{color:#287451;background:#e5f6ee;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.playback{background:#f3f5f1;border-top:1px solid #dfe3dd;align-items:center;gap:10px;padding:17px 25px;display:flex}.play-button,.step-button{border:0;padding:11px 17px;font-weight:750}.play-button{background:var(--green);color:#fff;align-items:center;gap:10px;min-width:132px;display:flex}.play-button span{color:var(--lime)}.step-button{background:#fff;border:1px solid #cbd1ca}.step-button:disabled{opacity:.45;cursor:not-allowed}.speed-control{font:500 10px var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;margin-left:auto;display:flex}.speed-control input{accent-color:var(--green);width:110px}.progress-track{background:#dfe3dd;height:3px}.progress-track span{background:var(--mint-strong);height:100%;transition:width .25s;display:block}.stats-row{grid-template-columns:125px 125px 125px 1fr;padding:18px 25px 21px;display:grid}.stats-row>div{border-right:1px solid #dfe3dd;justify-content:space-between;align-items:baseline;margin-right:24px;padding-right:24px;display:flex}.stats-row small{font:400 9px var(--font-mono);text-transform:uppercase;color:#768079}.stats-row strong{font:500 15px var(--font-mono)}.stats-row .legend{border:0;justify-content:flex-end;gap:18px;margin:0;padding:0}.legend span{font:400 9px var(--font-mono);color:#758079;text-transform:uppercase;align-items:center;gap:6px;display:flex}.legend i{width:9px;height:9px}.legend-compare{background:var(--lime)}.legend-minimum,.legend-key{background:#b7cef4}.legend-sorted{background:var(--mint)}.trace-panel{background:#fff;border-top:1px solid #d8ddd6;padding:28px 25px 24px}.trace-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.trace-heading h3{letter-spacing:-.025em;margin:7px 0 0;font-size:20px}.trace-heading button{color:var(--ink);font:500 9px var(--font-mono);text-transform:uppercase;background:#fff;border:1px solid #bcc5bd;padding:8px 11px}.trace-table-wrap{border:1px solid var(--line);overflow-x:auto}.trace-table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.trace-table caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trace-table th{color:#68766f;font:500 9px var(--font-mono);text-align:left;text-transform:uppercase;letter-spacing:.07em;background:#eef1ec}.trace-table th,.trace-table td{border-bottom:1px solid #e0e4dd;padding:11px 12px}.trace-table tbody tr:last-child td{border-bottom:0}.trace-table tbody tr.is-current{box-shadow:inset 3px 0 0 var(--mint-strong);background:#edf8f1}.trace-table code{color:#2c684f;font:500 10px var(--font-mono);white-space:nowrap}.trace-note{color:#748079;font:400 9px/1.5 var(--font-mono);margin:12px 0 0}.code-layout{grid-template-columns:1.65fr .75fr;align-items:start;gap:30px;margin-top:48px;display:grid}.code-window{color:#dde6df;background:#17221e;overflow:hidden;box-shadow:14px 16px #dfe4dc}.code-language-tabs{background:#101a16;gap:3px;padding:10px 13px 0;display:flex}.code-language-tabs button{color:#81938a;font:500 10px var(--font-mono);background:0 0;border:0;padding:9px 13px}.code-language-tabs button.is-active{color:#fff;background:#26352f}.code-toolbar{border-bottom:1px solid #30413a;align-items:center;height:45px;padding:0 17px;display:flex}.code-toolbar>span{gap:5px;display:flex}.code-toolbar i{background:#506159;border-radius:50%;width:8px;height:8px;display:block}.code-toolbar i:nth-child(2){background:#6c7f74}.code-toolbar i:nth-child(3){background:#88a095}.code-toolbar small{font:400 10px var(--font-mono);color:#9bad9f;margin-left:19px}.code-toolbar button{color:#b9c8c0;font:500 9px var(--font-mono);text-transform:uppercase;background:0 0;border:1px solid #4a5f55;margin-left:auto;padding:5px 10px}pre{font:400 11px/1.85 var(--font-mono);margin:0;padding:24px 0 27px;overflow-x:auto}.line{white-space:pre;padding:0 24px;display:block}.line i{color:#586b62;-webkit-user-select:none;user-select:none;width:35px;font-style:normal;display:inline-block}.line b{color:#81d9b2;font-weight:500}.line em{color:var(--orange);font-style:normal}.highlight-line{border-left:2px solid var(--lime);background:#d8f36d12;padding-left:22px}.complexity-panel{border:1px solid var(--line);background:var(--card);padding:25px}.complexity-panel h3{margin:0 0 17px;font-size:17px}.complexity-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.complexity-row span{font-size:13px}.complexity-row small{color:#8a958f;margin-top:3px;font-size:10px;display:block}.complexity-row strong{font:500 15px var(--font-mono);color:#2e7758}.stable-note{background:#e8f5ed;gap:10px;margin-top:16px;padding:13px;display:flex}.stable-note>span{color:#31815e}.stable-note p{margin:0;font-size:11px;line-height:1.5}.stable-note.is-caution{background:#f7e8e3}.stable-note.is-caution>span{color:var(--red)}.stability-proof{border-top:1px solid var(--line);text-align:center;margin-top:15px;padding-top:16px}.stability-proof>small{color:#738079;font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;text-align:left;margin-bottom:12px;display:block}.stability-proof>div{justify-content:center;gap:4px;display:flex}.stability-proof>div span{width:38px;height:35px;font:500 10px var(--font-mono);background:#edf0ea;border:1px solid #d0d6cf;place-items:center;display:grid}.stability-proof>div.is-sorted span{background:#e2f4e9;border-color:#add8c3}.stability-proof>i{color:#5a7668;margin:7px 0;font-style:normal;display:block}.stability-proof>p{color:var(--ink-soft);text-align:left;margin:12px 0 0;font-size:10px;line-height:1.5}.mistakes-section{border-top:1px solid var(--line)}.mistakes-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.mistakes-grid article{background:#f7ece7;border:1px solid #e2cfc5;min-height:230px;padding:29px;position:relative}.mistakes-grid article>span{color:#9c7664;font:500 10px var(--font-mono);position:absolute;top:20px;right:22px}.mistakes-grid h3{letter-spacing:-.025em;margin:7px 34px 22px 0;font-size:20px}.mistakes-grid p{color:var(--ink-soft);margin:10px 0 0;font-size:13px;line-height:1.6}.mistakes-grid strong{color:var(--ink)}.quiz-section{border-top:1px solid var(--line);grid-template-columns:.68fr 1.32fr;align-items:start;gap:75px;display:grid}.quiz-intro{position:sticky;top:30px}.quiz-progress{background:#dfe3dc;height:5px;margin-top:30px}.quiz-progress span{background:#3c9c73;height:100%;transition:width .25s;display:block}.quiz-intro>small{color:#6f7b74;font:500 9px var(--font-mono);text-transform:uppercase;margin-top:9px;display:block}.quiz-question{border:1px solid var(--line);background:var(--card);min-width:0;margin:0 0 17px;padding:25px}.quiz-question legend{width:100%;padding:0 0 19px;font-size:16px;font-weight:750;line-height:1.45}.quiz-question legend span{color:#397b5e;width:31px;height:31px;font:500 9px var(--font-mono);vertical-align:middle;border:1px solid #aeb9b2;place-items:center;margin-right:12px;display:inline-grid}.quiz-options{gap:8px;display:grid}.quiz-option{cursor:pointer;background:#f5f6f1;border:1px solid #d8ddd6;align-items:center;gap:11px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex;position:relative}.quiz-option:hover,.quiz-option.is-selected{background:#edf6f0;border-color:#76ae94}.quiz-option.is-correct{background:#e1f3e8;border-color:#56a47e}.quiz-option.is-incorrect{background:#f8e7e2;border-color:#c97968}.quiz-option input{accent-color:var(--green);flex:none}.quiz-explanation{margin:15px 0 0;padding:13px 14px;font-size:12px;line-height:1.6}.quiz-explanation.is-correct{color:#285e47;background:#e4f4ea}.quiz-explanation.is-incorrect{color:#79493d;background:#f7e8e3}.quiz-actions{flex-wrap:wrap;align-items:center;gap:14px;padding-top:8px;display:flex}.quiz-actions>button:not(.button){border:0;border-bottom:1px solid var(--ink);background:0 0;padding:6px 0;font-size:12px;font-weight:750}.quiz-actions .button:disabled{opacity:.45;box-shadow:none}.quiz-actions p{color:var(--ink-soft);flex-basis:100%;margin:2px 0 0;font-size:12px}.challenge-section{background:#d7ef72;grid-template-columns:.72fr 1.28fr;align-items:center;gap:90px;padding:100px max(20px,50vw - 590px);display:grid}.challenge-copy .section-number{color:#567020}.challenge-copy>p{color:#46542c}.game-rule{border-top:1px solid #17251f40;margin-top:25px;padding-top:20px;font-size:12px}.game-rule span{border:1px solid var(--ink);font:500 9px var(--font-mono);text-transform:uppercase;margin-right:10px;padding:3px 7px}.game-card{background:var(--card);border:1px solid #17251f59;box-shadow:16px 18px #17251f1f}.game-header{border-bottom:1px solid var(--line);font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;padding:18px 21px;display:flex}.game-header strong{color:#4e725c}.conveyor{justify-content:center;gap:7px;padding:42px 20px 10px;display:flex}.package{color:#533f23;background:#eac985;border:1px solid #b7a071;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:61px;height:76px;transition:transform .18s,outline .18s;display:flex;box-shadow:inset 0 0 0 3px #ffffff2e}.package:hover{transform:translateY(-3px)}.package.selected{outline:3px solid var(--green);outline-offset:3px;transform:translateY(-7px)}.package.locked{background:var(--mint);color:var(--green);cursor:default;border-color:#50a983}.package:disabled:hover{transform:none}.insertion-game{overflow:hidden}.insertion-key{justify-content:center;align-items:center;gap:14px;padding:24px 20px 8px;display:flex}.insertion-key small{color:var(--ink-soft);font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.insertion-key>span{color:#29496f;width:54px;height:66px;font:500 19px var(--font-mono);background:#b7cef4;border:1px solid #6f91c5;place-items:center;display:grid;box-shadow:5px 6px #29496f1f}.insertion-hand{justify-content:flex-start;align-items:center;min-height:118px;padding:20px 18px 22px;display:flex;overflow-x:auto}.insertion-slot{height:76px;color:var(--green);background:#f3f5ef;border:1px dashed #8b978f;flex:0 0 25px;place-items:center;display:grid}.insertion-slot:hover{background:var(--lime);border-style:solid}.insertion-slot.selected{border:2px solid var(--red);color:var(--red);background:#f7e8e3}.insertion-slot:disabled{opacity:.45;cursor:default}.insertion-card{background:var(--mint);color:var(--green);border-color:#50a983;flex:0 0 61px}.merge-visual-stage{padding-bottom:24px}.merge-tree-scroll{margin-top:20px;padding-bottom:8px;overflow-x:auto}.merge-tree{gap:10px;min-width:760px;display:grid}.merge-tree-level{grid-template-columns:62px 1fr;align-items:center;gap:10px;display:grid}.merge-tree-level>small{color:#7d8981;font:500 8px var(--font-mono);text-transform:uppercase}.merge-tree-nodes{justify-content:space-around;gap:8px;display:flex}.merge-node{background:#f2f4ef;border:1px solid #ced5ce;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:38px;padding:6px;transition:transform .2s,background .2s;display:flex}.merge-node span{min-width:25px;height:25px;font:500 9px var(--font-mono);background:#fff;border:1px solid #d4dad3;place-items:center;display:grid}.merge-node.is-base{border-style:dashed}.merge-node.is-active{background:var(--lime);border-color:#9fb344;transform:translateY(-2px);box-shadow:0 4px #17251f1a}.merge-node.is-done{background:#dff3e7;border-color:#68b28e}.merge-workspace{grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:23px;display:grid}.merge-workspace article{background:#f7f8f4;border:1px solid #d5dbd4;min-height:92px;padding:12px}.merge-workspace article>small,.merge-challenge-output>small,.merge-queue>small{color:#748079;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:block}.merge-workspace article.merge-output{background:#edf7f1;border-color:#a8cfba}.merge-item-row{flex-wrap:wrap;gap:5px;display:flex}.merge-item-row>span,.merge-challenge-output div>span{min-width:34px;height:34px;font:500 10px var(--font-mono);background:#fff;border:1px solid #c7d0c8;place-items:center;display:grid}.merge-item-row>span.is-front{background:#b7cef4;border-color:#6f91c5;transform:translateY(-3px)}.merge-item-row>span.is-used{opacity:.3;text-decoration:line-through}.merge-item-row>small{color:#9aa39d;font:400 9px var(--font-mono)}.merge-game{overflow:hidden}.merge-queues{grid-template-columns:1fr 1fr;gap:12px;padding:28px 24px 18px;display:grid}.merge-queue{background:#f7f8f4;border:1px solid #d3d9d2;padding:15px}.merge-queue.is-wrong{border:2px solid var(--red);background:#f7e8e3}.merge-queue>div{align-items:center;gap:5px;min-height:76px;display:flex;overflow-x:auto}.merge-queue .package{flex:0 0 54px;width:54px;height:68px}.merge-queue .package:first-child:not(:disabled){color:#29496f;background:#b7cef4;border-color:#6f91c5}.merge-queue .package:disabled{opacity:.55;cursor:default}.empty-queue{color:#929c95;font:400 9px var(--font-mono)}.merge-challenge-output{padding:0 24px 24px}.merge-challenge-output>div{background:#edf7f1;border:1px dashed #8daa99;flex-wrap:wrap;gap:5px;min-height:48px;padding:7px;display:flex}.bar-column.pivot .bar{background:#efb06e;border-color:#c47733;transform:translateY(-7px)}.bar-column.partition-left .bar{background:#bfe6d2;border-color:#68b28e}.bar-column.inactive{opacity:.28}.legend-pivot{background:#efb06e}.partition-range{color:#65736b;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:26px;margin:-4px 0 18px;display:flex}.partition-game{overflow:hidden}.partition-source{justify-content:center;align-items:center;gap:11px;min-height:100px;padding:22px;display:flex}.partition-source small{color:#748079;font:500 8px var(--font-mono);text-transform:uppercase}.partition-source>span{color:#603816;width:56px;height:68px;font:500 19px var(--font-mono);background:#efb06e;border:1px solid #c47733;place-items:center;display:grid}.partition-source>span.is-scan{background:var(--lime);color:var(--ink);border-color:#9fb344}.partition-actions{grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 22px;display:grid}.partition-actions button{min-height:58px;color:var(--ink);background:#f5f7f2;border:1px solid #aab6ad;font-weight:750}.partition-actions button small{color:var(--ink-soft);font:500 8px var(--font-mono);margin-top:4px;display:block}.partition-actions button:hover{background:var(--lime)}.partition-actions button.is-wrong{border:2px solid var(--red);color:var(--red);background:#f7e8e3}.partition-bins{grid-template-columns:1fr .55fr 1fr;gap:8px;padding:0 24px 24px;display:grid}.partition-bins article{background:#f7f8f4;border:1px solid #d1d8d1;min-height:86px;padding:10px}.partition-bins article>small{color:#748079;font:500 8px var(--font-mono);text-transform:uppercase;margin-bottom:9px;display:block}.partition-bins article>div{flex-wrap:wrap;gap:4px;display:flex}.partition-bins article>div>span{width:34px;height:34px;font:500 10px var(--font-mono);background:#dff3e7;border:1px solid #b7c4ba;place-items:center;display:grid}.partition-bins article.pivot-bin{background:#f8eee4;border-color:#d6a471}.partition-bins article.pivot-bin>div>span{background:#efb06e;border-color:#c47733}.heap-visual-stage{padding-bottom:24px}.heap-tree{background:linear-gradient(#f9faf6,#f1f5ef);border-bottom:1px solid #d8ded7;align-content:center;gap:12px;min-height:250px;padding:24px 6%;display:grid}.heap-tree-level{justify-content:space-around;gap:10px;display:flex}.heap-node{background:#fff;border:1px solid #bdc8bf;place-items:center;width:64px;min-height:52px;padding:7px 5px;transition:transform .2s,background .2s;display:grid;box-shadow:3px 4px #17251f12}.heap-node strong{font:600 14px var(--font-mono)}.heap-node small{color:#7b8780;font:500 7px var(--font-mono);text-transform:uppercase}.heap-node.is-root{background:#b7cef4;border-color:#6f91c5;transform:translateY(-3px)}.heap-node.is-child{background:#edf1e8;border-color:#a7b2a9}.heap-node.is-candidate{background:var(--lime);border-color:#9fb344;transform:translateY(-3px)}.heap-node.is-swapped{background:#efb06e;border-color:#c47733;transform:translateY(-3px)}.heap-node.is-sorted{background:var(--mint);opacity:.68;border-color:#50b98e}.heap-array-label{color:#66736c;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;gap:15px;margin:23px 8% 0;display:flex}.heap-array-label small{color:#8b968f}.heap-bars{height:220px;padding-top:24px}.bar-column.heap-root .bar{background:#b7cef4;border-color:#6f91c5;transform:translateY(-6px)}.bar-column.heap-child .bar{background:#dfe5d9;border-color:#9aa69c}.bar-column.heap-candidate .bar{background:var(--lime);border-color:#9fb344;transform:translateY(-6px)}.legend-heap-root{background:#b7cef4}.legend-heap-candidate{background:var(--lime)}.heap-range{color:#65736b;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:26px;margin:-4px 0 18px;display:flex}.heap-game{overflow:hidden}.heap-game-tree{background:#f7f9f4;border-bottom:1px solid #d4dbd4;align-content:center;gap:11px;min-height:235px;padding:25px 7%;display:grid}.heap-game-actions{padding:18px 24px 23px}.heap-game-actions>small{color:#6e7b73;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-bottom:11px;display:block}.heap-game-actions>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.heap-game-actions button{min-height:58px;color:var(--ink);font:700 16px var(--font-mono);background:#fff;border:1px solid #aab6ad}.heap-game-actions button small{color:var(--ink-soft);font:500 8px var(--font-mono);text-transform:uppercase;margin-top:4px;display:block}.heap-game-actions button:hover{background:var(--lime)}.heap-game-actions button.is-wrong{border:2px solid var(--red);color:var(--red);background:#f7e8e3}.counting-stage{padding-bottom:24px}.counting-workspace{gap:14px;padding:24px 6%;display:grid}.counting-panel{background:#f7f9f5;border:1px solid #d1d9d2}.counting-panel header{color:#526159;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #d8ded8;justify-content:space-between;gap:15px;padding:10px 13px;display:flex}.counting-panel header small{color:#89948d}.counting-source-row,.counting-output-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:78px;padding:14px;display:flex}.counting-source-row>span,.counting-output-row>span{width:48px;height:52px;font:600 12px var(--font-mono);background:#fff;border:1px solid #bdc8bf;place-items:center;transition:transform .2s,background .2s;display:grid;position:relative}.counting-source-row>span small,.counting-output-row>span small{color:#929c95;font:500 7px var(--font-mono);position:absolute;bottom:3px}.counting-source-row>span.is-active{background:#b7cef4;border-color:#6f91c5;transform:translateY(-4px)}.counting-buckets{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:7px;padding:14px;display:grid;overflow-x:auto}.counting-buckets>div{background:#fff;border:1px solid #c4cec6;place-items:center;min-height:75px;padding:8px 4px;transition:transform .2s,background .2s;display:grid}.counting-buckets>div small,.counting-buckets>div i{color:#718078;font:500 7px var(--font-mono);text-transform:uppercase;font-style:normal}.counting-buckets>div strong{font:650 20px var(--font-mono)}.counting-buckets>div.is-active{background:var(--lime);border-color:#9fb344;transform:translateY(-3px);box-shadow:3px 4px #17251f17}.counting-panel.output-panel{background:#eef7f1;border-color:#a8cfba}.counting-output-row>span{color:#98a29b;border-style:dashed}.counting-output-row>span.is-filled{background:var(--mint);color:var(--green);border-style:solid;border-color:#68b28e}.counting-output-row>span.is-active{color:#603816;background:#efb06e;border-style:solid;border-color:#c47733;transform:translateY(-4px)}.counting-range{color:#65736b;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:26px;margin:0 0 18px;display:flex}.legend-count-source{background:#b7cef4}.legend-count-bucket{background:var(--lime)}.counting-game{overflow:hidden}.counting-game-source{padding:23px 24px 15px}.counting-game-source>small{color:#6f7b74;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-bottom:11px;display:block}.counting-game-source>div{flex-wrap:wrap;gap:7px;min-height:58px;display:flex}.counting-game-source span{width:48px;height:52px;font:600 13px var(--font-mono);background:#fff;border:1px solid #bdc8bf;place-items:center;display:grid}.counting-game-source span.is-active{background:#b7cef4;border-color:#6f91c5;transform:translateY(-4px)}.counting-game-source span.is-used{opacity:.35;text-decoration:line-through}.counting-game-buckets{grid-template-columns:repeat(4,1fr);gap:9px;padding:8px 24px 24px;display:grid}.counting-game-buckets button{min-height:78px;color:var(--ink);background:#f7f9f4;border:1px solid #aab6ad;place-items:center;display:grid}.counting-game-buckets button:hover:not(:disabled){background:var(--lime)}.counting-game-buckets button small{color:#6e7b73;font:500 8px var(--font-mono);text-transform:uppercase}.counting-game-buckets button strong{font:650 21px var(--font-mono)}.counting-game-buckets button.is-wrong{border:2px solid var(--red);color:var(--red);background:#f7e8e3}.counting-game-buckets button:disabled{cursor:default}.radix-stage{padding-bottom:24px}.radix-workspace{gap:14px;padding:24px 5%;display:grid}.radix-panel{background:#f7f9f5;border:1px solid #d1d9d2}.radix-panel header{color:#526159;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #d8ded8;justify-content:space-between;gap:15px;padding:10px 13px;display:flex}.radix-panel header small{color:#89948d}.radix-source-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:82px;padding:14px;display:flex}.radix-source-row>span{background:#fff;border:1px solid #bdc8bf;place-items:center;min-width:61px;min-height:54px;padding:7px 5px;transition:transform .2s,background .2s;display:grid}.radix-source-row>span strong{font:600 12px var(--font-mono)}.radix-source-row>span small{color:#79857d;font:500 7px var(--font-mono);text-transform:uppercase}.radix-source-row>span.is-active{background:#b7cef4;border-color:#6f91c5;transform:translateY(-4px)}.radix-buckets{grid-template-columns:repeat(10,minmax(64px,1fr));gap:6px;padding:14px;display:grid;overflow-x:auto}.radix-buckets>div{background:#fff;border:1px solid #c4cec6;min-height:112px;transition:transform .2s,background .2s}.radix-buckets>div>strong{height:28px;font:650 12px var(--font-mono);border-bottom:1px solid #d8ded8;place-items:center;display:grid}.radix-buckets>div>div{flex-direction:column;gap:3px;padding:6px;display:flex}.radix-buckets>div span{min-height:24px;font:500 8px var(--font-mono);background:#edf2ec;border:1px solid #d1d9d2;place-items:center;display:grid}.radix-buckets>div i{color:#9ba49e;font:400 7px var(--font-mono);text-align:center;font-style:normal}.radix-buckets>div.is-active{background:var(--lime);border-color:#9fb344;transform:translateY(-3px);box-shadow:3px 4px #17251f17}.radix-panel.output-panel{background:#eef7f1;border-color:#a8cfba}.radix-output-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:78px;padding:14px;display:flex}.radix-output-row>span{color:#98a29b;width:55px;height:52px;font:600 10px var(--font-mono);background:#fff;border:1px dashed #aeb9b0;place-items:center;display:grid;position:relative}.radix-output-row>span small{color:#929c95;font:500 7px var(--font-mono);position:absolute;bottom:3px}.radix-output-row>span.is-filled{background:var(--mint);color:var(--green);border-style:solid;border-color:#68b28e}.radix-output-row>span.is-active{color:#603816;background:#efb06e;border-style:solid;border-color:#c47733;transform:translateY(-4px)}.radix-range{color:#65736b;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:26px;margin:0 0 18px;display:flex}.legend-radix-source{background:#b7cef4}.legend-radix-bucket{background:var(--lime)}.radix-game{overflow:hidden}.radix-game-source{padding:23px 24px 13px}.radix-game-source>small{color:#6f7b74;font:500 8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-bottom:11px;display:block}.radix-game-source>div{flex-wrap:wrap;gap:7px;min-height:54px;display:flex}.radix-game-source span{min-width:52px;height:50px;font:600 11px var(--font-mono);background:#fff;border:1px solid #bdc8bf;place-items:center;padding:0 6px;display:grid}.radix-game-source span.is-active{background:#b7cef4;border-color:#6f91c5;transform:translateY(-4px)}.radix-game-source span.is-used{opacity:.35;text-decoration:line-through}.radix-game-buckets{grid-template-columns:repeat(5,1fr);gap:7px;padding:8px 24px 24px;display:grid}.radix-game-buckets button{min-height:64px;color:var(--ink);background:#f7f9f4;border:1px solid #aab6ad;place-items:center;padding:6px;display:grid}.radix-game-buckets button:hover:not(:disabled){background:var(--lime)}.radix-game-buckets button strong{font:650 17px var(--font-mono)}.radix-game-buckets button small{text-overflow:ellipsis;color:#6e7b73;max-width:100%;font:500 7px var(--font-mono);white-space:nowrap;overflow:hidden}.radix-game-buckets button.is-wrong{border:2px solid var(--red);color:var(--red);background:#f7e8e3}.radix-game-buckets button:disabled{cursor:default}.package span{font:500 19px var(--font-mono)}.package i{opacity:.45;font-style:normal}.belt{background:#314039;justify-content:space-around;align-items:center;height:33px;padding:0 25px;display:flex}.belt span{background:#66756e;border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 3px #233029}.game-feedback{align-items:center;gap:12px;min-height:66px;padding:14px 20px;display:flex}.game-feedback>span{color:#567067}.game-feedback p{color:var(--ink-soft);margin:0;font-size:12px}.game-feedback button{font:500 9px var(--font-mono);text-transform:uppercase;background:0 0;border:1px solid #b9c0b9;margin-left:auto;padding:7px 11px}.game-feedback.won{background:#e8f6ed}.game-feedback.won>span{color:#34805f}.use-cases{padding-bottom:120px}.use-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.use-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);flex-direction:column;min-height:270px;padding:28px 25px;display:flex}.use-icon{width:38px;height:38px;font:500 19px var(--font-mono);color:#327859;border:1px solid #b9c3bc;place-items:center;display:grid}.use-grid h3{margin:28px 0 8px;font-size:18px}.use-grid p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.65}.use-grid small{font:500 9px var(--font-mono);text-transform:uppercase;color:#3b795e;letter-spacing:.08em;margin-top:auto;padding-top:20px}.use-grid article.avoid{background:#f5ebe6}.use-grid article.avoid .use-icon,.use-grid article.avoid small{color:var(--red)}.lesson-completion{background:var(--green);color:#fff;padding:100px max(20px,50vw - 590px)}.lesson-completion-inner{grid-template-columns:.72fr 1.28fr;align-items:start;gap:78px;width:min(1180px,100%);margin:0 auto;display:grid}.completion-intro .section-number{color:var(--mint-strong)}.completion-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(35px,4vw,49px);line-height:1.08}.completion-intro>p:last-of-type{color:#bdccc5;font-size:14px;line-height:1.7}.completion-meter{background:#36594c;height:6px;margin-top:28px}.completion-meter span{background:var(--lime);height:100%;transition:width .25s;display:block}.completion-meter-label{color:#aebfb7;font:500 9px var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-top:10px;display:flex}.completion-meter-label strong{color:var(--lime);font-size:11px}.completion-checklist{color:var(--ink);background:#fbfcf8;padding:12px 26px 25px;box-shadow:14px 16px #00000024}.completion-criterion{border-bottom:1px solid var(--line);cursor:pointer;gap:14px;padding:18px 0;display:flex}.completion-criterion input{width:19px;height:19px;accent-color:var(--green);flex:none;margin:2px 0 0}.completion-criterion input:disabled{cursor:not-allowed}.completion-criterion>span{flex-direction:column;gap:5px;display:flex}.completion-criterion strong{font-size:14px}.completion-criterion small{color:var(--ink-soft);font-size:11px;line-height:1.55}.completion-actions{flex-wrap:wrap;align-items:center;gap:15px;padding-top:23px;display:flex}.completion-actions .button:disabled{opacity:.42;box-shadow:none}.completion-actions>p:not(.completion-success){color:var(--ink-soft);flex-basis:100%;margin:0;font-size:11px}.completion-actions>button:not(.button){border:0;border-bottom:1px solid var(--ink);background:0 0;margin-left:auto;padding:5px 0;font-size:11px;font-weight:750}.completion-success{grid-template-columns:32px 1fr;align-items:center;gap:1px 11px;margin:0;display:grid}.completion-success>span{color:#26704e;background:#dff3e7;border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;font-weight:850;display:grid}.completion-success strong{color:#246448;font-size:14px}.completion-success small{color:#75827b;font:400 9px var(--font-mono)}.lesson-completion.is-complete .completion-meter span{background:var(--mint-strong)}.lesson-navigation{background:#e5eee6;border-top:1px solid #cdd9cf;padding:90px max(20px,50vw - 590px)}.lesson-navigation-inner{width:min(1180px,100%);margin:0 auto}.lesson-navigation-heading{justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:36px;display:flex}.lesson-navigation-heading h2{letter-spacing:-.05em;text-transform:capitalize;margin:0;font-size:clamp(31px,3.5vw,45px);line-height:1.1}.lesson-navigation-heading>p{max-width:410px;color:var(--ink-soft);text-align:right;margin:0;font-size:13px;line-height:1.65}.lesson-navigation-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.lesson-nav-card{background:var(--card);border:1px solid #c7d3c9;flex-direction:column;align-items:flex-start;min-height:220px;padding:27px;display:flex}.lesson-nav-card.is-next{text-align:right;align-items:flex-end}.lesson-nav-card.is-link{transition:transform .2s,border-color .2s,box-shadow .2s}.lesson-nav-card.is-link:hover{border-color:#73aa8f;transform:translateY(-3px);box-shadow:0 10px 24px #173f3214}.lesson-nav-direction{color:#37785b;font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.lesson-nav-card strong{letter-spacing:-.035em;margin-top:27px;font-size:23px}.lesson-nav-card p{max-width:480px;color:var(--ink-soft);margin:9px 0 22px;font-size:13px;line-height:1.6}.lesson-nav-card small{color:#4e725f;font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-top:auto}.lesson-nav-card.is-planned{background:#edf0e9;border-style:dashed}.lesson-nav-card.is-planned .lesson-nav-direction,.lesson-nav-card.is-planned small{color:#7a867f}footer{background:var(--green);color:#fff;justify-content:space-between;align-items:center;padding:35px max(20px,50vw - 590px);display:flex}footer>div{align-items:center;gap:11px;display:flex}footer p{color:#b8c9c1;margin:0;font-size:11px}footer>div p strong{color:#fff;font-size:13px}footer a{border-bottom:1px solid #728b7f;padding-bottom:3px;font-size:11px}@media (width<=900px){.platform-hero{grid-template-columns:1fr;gap:55px}.platform-manifesto{max-width:520px}.method-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.open-learning{grid-template-columns:1fr;gap:45px}.hero{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:700px}.hero-demo{max-width:520px}.concept-grid{grid-template-columns:1fr}.concept-card{min-height:250px}.lesson-path{grid-template-columns:repeat(4,1fr)}.example-gallery{grid-template-columns:repeat(2,1fr)}.code-layout{grid-template-columns:1fr}.quiz-section{grid-template-columns:1fr;gap:42px}.quiz-intro{position:static}.challenge-section{grid-template-columns:1fr;gap:45px}.use-grid{grid-template-columns:repeat(2,1fr)}.lesson-completion-inner{grid-template-columns:1fr;gap:42px}.lesson-navigation-heading{flex-direction:column;align-items:flex-start;gap:15px}.lesson-navigation-heading>p{text-align:left}}@media (width<=650px){.platform-header{height:70px}.platform-header nav{display:none}.free-pill{font-size:8px}.platform-hero{min-height:auto;padding:60px 0 80px}.platform-hero-copy h1{font-size:46px}.platform-manifesto{padding:22px;box-shadow:9px 11px #dce4da}.platform-section,.learning-method,.open-learning{padding-top:75px;padding-bottom:75px}.platform-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.platform-section-heading>p{text-align:left}.featured-lesson{grid-template-columns:1fr;padding:24px}.lesson-main h3{font-size:29px}.lesson-open{align-self:auto}.method-grid,.category-grid{grid-template-columns:1fr}.method-grid article{min-height:210px}.method-grid h3{margin-top:52px}.open-actions{flex-direction:column;align-items:flex-start}.platform-footer{flex-direction:column;align-items:flex-start;gap:24px}.glossary-hero{padding-top:70px}.glossary-hero h1{font-size:45px}.glossary-list article{grid-template-columns:38px 1fr;gap:12px}.glossary-next{flex-direction:column;align-items:flex-start}.site-header{height:70px}.site-header nav{display:none}.hero{padding:55px 0 75px}h1{font-size:46px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-demo{padding:21px 17px;box-shadow:9px 12px #dfe6dc}.mini-cells b{width:46px}.lesson-foundations,.concept-section,.code-section,.mistakes-section,.quiz-section,.use-cases,.visualizer-section,.challenge-section{padding-top:75px;padding-bottom:75px}.lesson-foundations-grid,.mistakes-grid{grid-template-columns:1fr}.lesson-foundations-grid article{min-height:auto}.lesson-path{grid-template-columns:repeat(2,1fr)}.input-row,.example-gallery{grid-template-columns:1fr}.example-card{min-height:190px}.input-group{grid-row:2}.helper-text,.error-text{grid-column:1}.bars{gap:5px;height:245px;padding-left:0;padding-right:0}.bar-column{width:11%}.visual-stage{padding-left:17px;padding-right:17px}.playback{flex-wrap:wrap}.speed-control{width:100%;margin:8px 0 0}.speed-control input{flex:1}.stats-row{grid-template-columns:repeat(3,1fr);padding:15px}.stats-row>div{text-align:center;margin:0;padding:0 10px;display:block}.stats-row strong{margin-top:5px;display:block}.stats-row .legend{grid-column:1/-1;justify-content:center;margin-top:16px;display:flex}.trace-panel{padding-left:15px;padding-right:15px}.trace-heading{flex-direction:column;align-items:flex-start}.merge-workspace,.merge-queues{grid-template-columns:1fr}.heap-tree{min-height:220px;padding-left:2%;padding-right:2%}.heap-node{width:47px;min-height:45px}.heap-node strong{font-size:11px}.heap-array-label,.heap-range{flex-direction:column;align-items:flex-start;gap:5px}.heap-range{margin-left:8%}.counting-workspace{padding-left:10px;padding-right:10px}.counting-panel header,.counting-range{flex-direction:column;align-items:flex-start;gap:5px}.counting-range{margin-left:5%}.counting-buckets{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.counting-game-buckets{grid-template-columns:repeat(2,1fr)}.radix-workspace{padding-left:10px;padding-right:10px}.radix-panel header,.radix-range{flex-direction:column;align-items:flex-start;gap:5px}.radix-range{margin-left:5%}.radix-game-buckets{grid-template-columns:repeat(2,1fr)}.code-window{margin-right:8px}.quiz-question{padding:20px 17px}.conveyor{gap:3px;padding-left:8px;padding-right:8px}.package{width:43px;height:64px}.use-grid{grid-template-columns:1fr}.lesson-completion{padding-top:75px;padding-bottom:75px}.completion-checklist{padding-left:18px;padding-right:18px;box-shadow:8px 10px #00000024}.completion-actions{flex-direction:column;align-items:flex-start}.completion-actions>button:not(.button){margin-left:0}.lesson-navigation{padding-top:70px;padding-bottom:70px}.lesson-navigation-grid{grid-template-columns:1fr}.lesson-nav-card,.lesson-nav-card.is-next{text-align:left;align-items:flex-start;min-height:195px}footer{flex-direction:column;align-items:flex-start;gap:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}