@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#142033;font-synthesis:none;--ink:#0b1628;--muted:#647087;--violet:#7457ee;--cyan:#18afd0;--green:#2aae83;--pink:#e8558d;--orange:#f08c46;--blue:#367ce8;background:#f6f7fb;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f3b63f}.app-shell{flex-direction:column;min-height:100vh;display:flex}header{color:#fff;z-index:10;background:#091423;align-items:center;gap:32px;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;position:relative}.logo{align-items:center;gap:11px;min-width:max-content;display:flex}.logo>span{color:#9c8bff;border:1px solid #536075;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.logo svg{width:19px}.logo div{letter-spacing:.12em;flex-direction:column;font-size:10px;line-height:.88;display:flex}.logo em{color:#9c8bff;letter-spacing:.16em;font-size:16px;font-style:normal;font-weight:800}.logo strong{color:#b7c0cf;font-size:8px}nav{align-items:center;gap:2px;height:100%;display:flex;overflow-x:auto}nav button{color:#8490a4;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;height:100%;padding:0 11px;font-size:12px;display:flex}nav button:hover,nav button.active{color:#fff}nav button.active:after{content:"";background:#8169f4;border-radius:5px;width:42px;height:3px;position:absolute;bottom:0}.header-progress{color:#9ba6b7;background:#101d30;border:1px solid #354156;border-radius:9px;margin-left:auto;padding:8px 12px;font-size:11px}.header-progress span{color:#fff;font-weight:700}.menu-toggle{color:#fff;background:0 0;border:0;display:none}.hero{color:#fff;background:#7156e9;align-items:center;min-height:440px;padding:75px max(7vw,30px);display:flex;position:relative;overflow:hidden}.hero.cyan{background:#087f9c}.hero:before{content:"";background:radial-gradient(circle at 65% 20%,#ffffff18,#0000 30%),linear-gradient(120deg,#0000 55%,#07132335);position:absolute;inset:0}.hero-copy{z-index:2;max-width:600px;position:relative}.kicker{letter-spacing:.2em;color:#d5ceff;margin-bottom:15px;font-size:10px;font-weight:800;display:block}.kicker.dark{color:#7660dd}.hero h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(42px,5.5vw,74px);line-height:.98}.hero h1 small{letter-spacing:.18em;color:#d7d0ff;text-transform:uppercase;margin-bottom:13px;font-size:13px;display:block}.hero p{color:#e8e4ff;max-width:520px;font-size:17px;line-height:1.7}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:9px;padding:13px 18px;font-size:13px;font-weight:700;display:inline-flex}.primary.light{color:#372676;background:#fff;margin-top:12px}.hero-art{place-items:center;width:390px;height:390px;display:grid;position:absolute;right:7%}.orbit{border:1px solid #ffffff30;border-radius:50%;position:absolute}.o1{inset:10px}.o2{inset:65px}.terminal{background:#08111fe8;border:1px solid #ffffff2a;border-radius:14px;width:300px;padding:18px;position:relative;transform:rotate(2deg);box-shadow:0 30px 70px #09112455}.terminal span{background:#f36f68;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.terminal span+span{background:#f1c855}.terminal span+span+span{background:#62cd8c}.terminal code{white-space:pre-wrap;color:#a99af9;margin-top:18px;font-family:DM Mono,monospace;font-size:13px;line-height:2;display:block}.module-content,.activity-page,.progress-page{width:min(1160px,90vw);margin:0 auto;padding:64px 0 90px}.section-intro{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-intro h2,.activity-heading h1,.progress-page h1{letter-spacing:-.04em;color:var(--ink);margin:0 0 8px;font-size:35px}.section-intro p,.activity-heading p{color:var(--muted);margin:0}.module-progress{width:180px}.module-progress>div:first-child{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.module-progress strong{font-size:20px}.module-progress span{color:var(--muted);font-size:11px}.progress-track{background:#e6e8ef;border-radius:8px;height:6px;overflow:hidden}.progress-track i{background:#7457ee;border-radius:8px;height:100%;transition:width .5s;display:block}.activity-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.activity-card{background:#fff;border:1px solid #e8e9ef;border-radius:13px;flex-direction:column;min-height:345px;padding:22px;transition:all .25s;display:flex;position:relative}.activity-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #14203312}.card-top{color:#abb1bf;justify-content:space-between;font-family:DM Mono;font-size:11px;display:flex}.card-top em{color:#269a76;align-items:center;gap:5px;font-style:normal;display:flex}.card-icon{width:50px;height:50px;color:var(--violet);background:#eeeafd;border-radius:12px;place-items:center;margin:30px 0 21px;display:grid}.activity-card.cyan .card-icon{color:var(--cyan);background:#e1f6fa}.activity-card.orange .card-icon{color:var(--orange);background:#fff0e5}.activity-card.green .card-icon{color:var(--green);background:#e2f5ef}.activity-card.pink .card-icon{color:var(--pink);background:#fce7ef}.activity-card.blue .card-icon{color:var(--blue);background:#e5effd}.eyebrow{color:var(--violet);text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:800}.eyebrow.cyan{color:var(--cyan)}.eyebrow.orange{color:var(--orange)}.eyebrow.green{color:var(--green)}.eyebrow.pink{color:var(--pink)}.eyebrow.blue{color:var(--blue)}.activity-card h3{margin:8px 0;font-size:21px}.activity-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.activity-card button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:auto;padding:0;font-size:12px;font-weight:700;display:flex}.activity-card>small{color:#9ba3b2;position:absolute;bottom:22px;right:22px}.activity-page{max-width:1050px}.back,.text-button{color:#657187;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;display:flex}.activity-heading{justify-content:space-between;align-items:end;margin:35px 0 30px;display:flex}.activity-heading h1{margin-top:8px;font-size:44px}.activity-heading p{max-width:600px}.activity-status{color:#617086;border:1px solid #dfe2e9;border-radius:30px;align-items:center;gap:6px;padding:9px 14px;font-size:11px;display:flex}.activity-stage{background:#fff;border:1px solid #e3e5ec;border-radius:15px;padding:clamp(22px,4vw,48px);box-shadow:0 15px 45px #1420330a}.instruction{color:#49379c;background:#f0edff;border-radius:8px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;display:flex}.byte-grid{grid-template-columns:repeat(8,1fr);gap:9px;margin:35px 0;display:grid}.bit{cursor:pointer;color:#7a8495;background:#f6f7fa;border:1px solid #d9dce5;border-radius:9px;padding:16px 5px 10px}.bit span{font:500 25px DM Mono;display:block}.bit small{margin-top:10px;display:block}.bit.on{color:#fff;background:#7457ee;border-color:#7457ee;box-shadow:0 8px 20px #7457ee35}.memory-readout,.memory-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.memory-readout>div,.memory-cards>div{color:#fff;background:#0b1628;border-radius:9px;padding:17px}.memory-readout small,.memory-cards small{color:#7f8ca2;letter-spacing:.13em;font-size:8px;display:block}.memory-readout strong{margin-top:6px;font:500 21px DM Mono;display:block}.feedback{color:#765c27;background:#fff7e6;border-left:3px solid #e9a62d;margin:22px 0;padding:13px 15px;font-size:13px}.feedback.correct,.success{color:#187354;background:#e8f8f2;border-color:#2aae83}.success{border-radius:8px;align-items:center;gap:8px;padding:13px 15px;font-size:13px;font-weight:700;display:flex}.lead{color:#5f6b7f;line-height:1.65}.sort-list{margin:25px 0}.sort-row{border-bottom:1px solid #eceef3;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:13px;display:flex}.segmented{display:flex}.segmented button{color:#647087;cursor:pointer;background:#fff;border:1px solid #dfe2e9;margin-left:-1px;padding:8px 10px;font-size:10px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented .chosen{background:#e8edf5}.segmented .right{color:#167354;background:#daf5ea;border-color:#65c6a6}.segmented .wrong{color:#a83e3e;background:#fde8e8}.journey-path{align-items:stretch;gap:7px;min-height:84px;margin:28px 0;display:flex;overflow-x:auto}.journey-node{background:#eef0f5;border:1px solid #dfe2e9;border-radius:8px;min-width:130px;padding:12px;position:relative}.journey-node:not(:last-child):after{content:"→";z-index:2;position:absolute;top:28px;right:-8px}.journey-node.invalid{background:#fdeaea;border-color:#ecadad}.journey-node small{color:#7d8798;font-size:7px;display:block}.journey-node strong{font-size:11px}.empty-path{color:#8b94a4;border:1px dashed #cfd3dd;border-radius:8px;place-items:center;width:100%;display:grid}.choice-bank{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.choice-bank button,.type-grid button{cursor:pointer;background:#fff;border:1px solid #dfe2e9;border-radius:7px;padding:10px 12px}.case-count{color:#7c65e5;letter-spacing:.15em;font:500 10px DM Mono}.prompt{text-align:center;margin:30px;font-size:25px}.type-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.type-grid button{padding:18px}.type-grid .right{background:#ddf6ed;border-color:#49ba94}.type-grid .wrong{background:#fde3e3;border-color:#e68e8e}.result-panel{text-align:center}.score-ring{color:#6047d6;border:10px solid #e7e2ff;border-radius:50%;place-items:center;width:120px;height:120px;margin:auto;font-size:38px;font-weight:800;display:grid}.score-ring small{font-size:13px}.code-display{color:#fff;background:#091423;border-radius:10px;padding:24px}.code-display small{color:#728096;letter-spacing:.15em;font-size:8px;display:block}.code-display code{color:#b5a9f8;margin-top:12px;font:500 clamp(18px,4vw,30px) DM Mono;display:block}.trace-line{justify-content:space-between;margin:35px 0;display:flex;position:relative}.trace-line:before{content:"";background:#e0e3ea;height:2px;position:absolute;top:14px;left:5%;right:5%}.trace-line div{z-index:1;text-align:center;color:#9ba4b4}.trace-line span{background:#e7e9ef;border-radius:50%;place-items:center;width:29px;height:29px;margin:auto;font-size:10px;display:grid}.trace-line small{margin-top:6px;display:block}.trace-line .active{color:#624bd5}.trace-line .active span{color:#fff;background:#7457ee}.rule-card{background:#f5f3fd;border-radius:8px;margin-bottom:20px;padding:17px}.rule-card p{color:#657087;margin-bottom:0;font-size:12px}.memory-cards{grid-template-columns:1fr 1fr;margin-bottom:25px}.memory-cards strong{color:#b4a8f6;margin:8px 0;font:500 29px DM Mono;display:block}.memory-cards span{color:#7e8ba1;font-size:9px}.operation-list{gap:8px;margin:20px 0;display:grid}.operation-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe2e9;border-radius:8px;grid-template-columns:1fr auto;padding:14px;display:grid}.operation-list small{color:#638071;grid-column:1/-1;margin-top:7px}.construction{background:#eef0f6;place-items:center;min-height:700px;padding:100px 20px;display:grid}.blueprint{text-align:center;background-image:linear-gradient(#dfe2eb 1px,#0000 1px),linear-gradient(90deg,#dfe2eb 1px,#0000 1px);background-size:25px 25px;border:1px solid #d5d9e4;border-radius:14px;width:100%;max-width:700px;padding:65px}.blueprint>svg{color:#765ee5}.blueprint>span{letter-spacing:.2em;color:#765ee5;margin:15px;font-size:9px;display:block}.blueprint h1{letter-spacing:-.04em;margin:0;font-size:42px;line-height:1.05}.blueprint p{color:#647087;line-height:1.6}.construction-note{text-align:left;background:#fff;border-radius:8px;align-items:center;gap:13px;max-width:400px;margin:30px auto 0;padding:14px;display:flex}.construction-note div{flex-direction:column;display:flex}.construction-note span{color:#7a8597;font-size:10px}.progress-hero{text-align:center;margin:15px 0 55px}.progress-hero h1{font-size:48px}.progress-hero p{color:var(--muted)}.stat-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.overall-stat,.module-stat,.progress-lower>aside{background:#fff;border:1px solid #e3e5ec;border-radius:13px;padding:30px}.overall-stat{align-items:center;gap:30px;display:flex}.overall-stat h2{margin:5px 0}.overall-stat p{color:var(--muted);font-size:12px}.big-ring{background:conic-gradient(#765ee5 var(--p),#ececf2 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.big-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.big-ring div{z-index:1;text-align:center}.big-ring strong{font-size:30px;display:block}.big-ring span{color:#778195;font-size:10px}.module-stat{flex-direction:column;justify-content:center;gap:28px;display:flex}.module-stat>div>div:first-child{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.progress-lower{grid-template-columns:2fr 1fr;gap:18px;margin-top:18px;display:grid}.progress-lower>div{background:#fff;border:1px solid #e3e5ec;border-radius:13px;padding:30px}.section-intro.compact{margin:0 0 20px}.completion-list>div{border-top:1px solid #eef0f4;align-items:center;gap:12px;padding:12px;display:flex}.completion-list small{color:#8490a1;margin-top:3px;display:block}.check-dot{color:#229773;background:#e6f7f1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.check-dot svg{width:16px}.empty-log{color:#8a94a4;justify-content:center;padding:30px!important}.progress-lower aside h3{margin:10px 0;font-size:23px}.progress-lower aside p{color:var(--muted);font-size:13px;line-height:1.6}.reset{color:#9a5960;cursor:pointer;background:0 0;border:0;gap:6px;margin-top:25px;padding:0;font-size:10px;display:flex}footer{color:#7c8799;background:#091423;justify-content:space-between;align-items:center;margin-top:auto;padding:35px max(5vw,30px);font-size:10px;display:flex}footer .logo{transform-origin:0;transform:scale(.85)}@media (width<=900px){header{padding:0 20px}nav{background:#0d1a2c;flex-wrap:wrap;height:auto;padding:10px 20px;display:none;position:absolute;top:76px;left:0;right:0}nav.open{display:flex}nav button{height:42px}.menu-toggle{display:block}.header-progress{margin-left:auto}.hero{min-height:420px}.hero-art{opacity:.25;right:-130px}.activity-grid{grid-template-columns:1fr 1fr}.stat-grid,.progress-lower{grid-template-columns:1fr}.byte-grid{gap:4px}.bit{padding:12px 2px}.sort-row{flex-direction:column;align-items:flex-start}.type-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.header-progress{display:none}.hero{padding:60px 24px}.module-content,.activity-page,.progress-page{width:90vw;padding:45px 0}.activity-grid{grid-template-columns:1fr}.section-intro,.activity-heading{flex-direction:column;align-items:flex-start;gap:22px}.module-progress{width:100%}.activity-heading h1{font-size:36px}.byte-grid{grid-template-columns:repeat(4,1fr)}.memory-readout{grid-template-columns:1fr}.segmented{width:100%}.segmented button{flex:1;padding:8px 4px}.type-grid{grid-template-columns:1fr 1fr}.trace-line small{display:none}.overall-stat{text-align:center;flex-direction:column}.memory-cards{grid-template-columns:1fr}.blueprint{padding:45px 20px}.blueprint h1{font-size:34px}footer{text-align:center;flex-direction:column;gap:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--ink:#081426;--muted:#4c5a70;--violet:#5639c8;--cyan:#067a94;--green:#147455;--pink:#a52d5c;--orange:#a84c14;--blue:#175cac;font-size:17px;line-height:1.55}body{color:#111d31}.activity-card{min-height:370px;padding:27px}.activity-card p,.lead,.feedback,.success,.instruction{font-size:.88rem}.activity-card button,.primary,.back,.text-button{min-height:42px;font-size:.78rem}.activity-card h3{font-size:1.3rem}.eyebrow,.kicker{font-size:.66rem}.activity-status{font-size:.72rem}.segmented button,.choice-bank button,.type-grid button,.manager-grid button{min-height:44px;font-size:.76rem}.feedback{border-left-width:5px}.feedback.correct:before{content:"✓ Correct — ";font-weight:800}.journey-node.invalid:before{content:"Incorrect position";color:#8b2635;font-size:.6rem;font-weight:800;display:block}.journey-node.valid:before{content:"Correct position";color:#176b50;font-size:.6rem;font-weight:800;display:block}.simulation-split{grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;display:grid}.simulation-split h3{margin-top:0}.sim-item{cursor:pointer;background:#fff;border:1px solid #b8c0cc;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:13px;display:flex}.ram-bin{background:#f1effc;border:2px solid #5639c8;border-radius:12px;min-height:220px;padding:20px}.ram-bin h3{justify-content:space-between;display:flex}.ram-bin h3 span{color:#fff;background:#174f40;border-radius:5px;padding:5px 8px;font-size:.62rem}.ram-bin>div{background:#fff;border:1px solid #b9afd9;border-radius:6px;margin:8px 0;padding:10px}.ram-bin.off{background:#e8e9ed;border-style:dashed}.ram-bin.off h3 span{background:#5c6370}.storage-comparison{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.storage-comparison>div{border:1px solid #bfc5d0;border-radius:9px;padding:16px}.storage-comparison strong,.storage-comparison span{display:block}.storage-comparison span{color:var(--muted);margin-top:8px;font-size:.72rem}.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.memory-grid button{text-align:left;cursor:pointer;background:#f8f9fb;border:1px solid #afb7c5;border-radius:8px;min-height:95px;padding:14px}.memory-grid small,.memory-grid strong{display:block}.memory-grid small{color:#536075;font:.6rem DM Mono}.memory-grid strong{margin-top:8px}.os-console{color:#fff;text-align:center;background:#081426;border-radius:10px;padding:25px}.os-console span{color:#b8aaf3;font:.65rem DM Mono}.manager-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.manager-grid button{cursor:pointer;background:#fff;border:1px solid #aeb7c5;border-radius:8px;padding:16px}.translation-lane button{text-align:left;background:#fff;border:1px solid #b9c0cb;border-radius:8px;align-items:center;gap:10px;width:100%;margin:8px 0;padding:14px;display:flex}.translation-lane button span{background:#e6e8ed;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.translation-lane .complete-step{background:#e8f5f0;border-color:#3b8d73}.pillar-grid{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.pillar-grid button{text-align:left;cursor:pointer;background:#fff;border:2px solid #b9c0cd;border-radius:10px;min-height:155px;padding:20px}.pillar-grid button>span{color:#5c6677;font:.65rem DM Mono}.pillar-grid strong{margin:8px 0;font-size:1.08rem;display:block}.pillar-grid p{color:var(--muted);font-size:.76rem}.pillar-grid .revealed{background:#f2f0fb;border-color:#5639c8}.algorithm-path{min-height:110px}.flow-line{align-items:center;gap:12px;margin:30px 0;padding:10px;display:flex;overflow-x:auto}.flow-symbol{text-align:center;border:2px dashed #8e98a8;flex-direction:column;justify-content:center;min-width:145px;min-height:95px;padding:10px;display:flex;position:relative}.flow-symbol:not(:last-child):after{content:"→";color:#4e596b;position:absolute;right:-15px}.flow-symbol.s0,.flow-symbol.s4{border-radius:50px}.flow-symbol.s1{transform:skew(-8deg)}.flow-symbol.s1>*{transform:skew(8deg)}.flow-symbol.s2{width:105px;min-width:105px;margin:20px;transform:rotate(45deg)}.flow-symbol.s2>*{transform:rotate(-45deg)}.flow-symbol.filled{background:#e8f5f0;border-style:solid;border-color:#174f40}.flow-symbol small{color:#596578;font-size:.62rem}.flow-symbol strong{font-size:.72rem}.debug-types{margin-top:20px}.code-display code{white-space:pre-wrap}.primary:disabled,button:disabled{cursor:not-allowed;opacity:.62}@media (width<=700px){.simulation-split,.storage-comparison,.pillar-grid{grid-template-columns:1fr}.memory-grid,.manager-grid{grid-template-columns:1fr 1fr}.flow-symbol{min-width:125px}}.activity-navigation{color:#fff;background:#081426;border:1px solid #24344c;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;height:auto;margin-top:22px;padding:22px 25px;display:flex;overflow:visible}.activity-navigation div{flex-direction:column;display:flex}.activity-navigation strong{font-size:.9rem}.activity-navigation span{color:#c0c9d6;margin-top:3px;font-size:.72rem}.activity-navigation .primary{color:#081426;white-space:nowrap;background:#fff}.activity-navigation .primary:disabled{color:#e1e5eb;opacity:1;background:#586477}.activity-navigation .primary:disabled:before{content:"Locked";text-transform:uppercase;letter-spacing:.08em;border:1px solid #97a1b0;border-radius:3px;padding:2px 4px;font-size:.6rem}@media (width<=600px){.activity-navigation{flex-direction:column;align-items:stretch}.activity-navigation .primary{justify-content:center;width:100%}}