:root{--paper:#f4f0e8;--cream:#faf8f3;--ink:#1f2825;--muted:#6f7772;--line:#d9d4c9;--orange:#ef5a36;--orange-soft:#ffe5d9;--green:#1f6b53;--navy:#172f39;--shadow:0 16px 45px #252e2914;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#eff5f1;z-index:20;flex-direction:column;width:274px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:90px;padding:21px 22px;display:flex}.brand-mark{background:var(--orange);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.03em;font-size:18px}.brand span{text-transform:uppercase;letter-spacing:.13em;color:#9fb2ad;margin-top:2px;font-size:10px}.search{color:#8fa59f;background:#0000001f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;height:41px;margin:18px 16px 8px;padding:0 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search input::placeholder{color:#8fa59f}.sidebar nav{scrollbar-width:thin;scrollbar-color:#38535a transparent;padding:6px 10px 20px;overflow-y:auto}.nav-group{margin-top:11px}.nav-heading{color:#8fa39e;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;height:31px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.nav-heading em{font-family:DM Mono,monospace;font-style:normal;font-weight:400}.nav-group button{color:#ccd7d3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:12px;transition:all .15s;display:flex}.nav-group button>span{color:#718983;font-family:DM Mono,monospace;font-size:10px}.nav-group button:hover{color:#fff;background:#ffffff0f}.nav-group button.selected{color:#1e2a27;background:#f8f5ee;font-weight:700;box-shadow:0 5px 18px #0003}.nav-group button.selected>span{color:var(--orange)}.sidebar-foot{border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;margin-top:auto;padding:16px 20px;display:flex}.sidebar-foot span{color:#cbd7d3;align-items:center;gap:6px;font-size:11px;display:flex}.sidebar-foot small{color:#788e88;font-size:10px}.close-mobile{display:none}.workspace{max-width:1600px;min-height:100vh;margin-left:274px;padding:0 40px 36px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.breadcrumbs{color:#92958f;gap:9px;font-size:12px;display:flex}.breadcrumbs strong{color:var(--ink)}.breadcrumbs b{color:#c4beb3;font-weight:400}.top-actions{align-items:center;gap:20px;display:flex}.top-actions a{color:var(--ink);display:flex}.progress-pill{border:1px solid var(--line);background:#fff6;border-radius:20px;align-items:center;gap:7px;height:31px;padding:0 11px;font-size:11px;display:flex}.menu-button{display:none}.hero{justify-content:space-between;align-items:flex-end;gap:30px;padding:34px 0 26px;display:flex}.hero p{max-width:660px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow span,.eyebrow i{letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.eyebrow span{color:var(--orange)}.eyebrow i{color:var(--green);border:1px solid #a9b3ad;border-radius:4px;padding:3px 6px}.complexity-card{background:var(--ink);color:#fff;min-width:255px;box-shadow:var(--shadow);border-radius:13px;padding:18px 20px}.complexity-card>small{text-transform:uppercase;letter-spacing:.13em;color:#a8b4ae;font-size:9px;display:block}.complexity-card>strong{color:#ffbd88;margin:8px 0 14px;font-family:DM Mono,monospace;font-size:13px;display:block}.complexity-card>div{color:#b5c0bb;border-top:1px solid #ffffff1f;align-items:center;gap:7px;padding-top:11px;font-size:10px;display:flex}.lab-grid{grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr);gap:17px;display:grid}.panel{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 17px;display:flex}.panel-head>div{align-items:center;gap:10px;display:flex}.panel-index{color:var(--orange);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.panel h2{margin:0;font-size:13px}.panel-head button,.learning-strip button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.panel-head button:hover,.learning-strip button:hover{border-color:var(--orange);color:var(--orange)}.canvas-grid{background-color:#ebe7de;background-image:linear-gradient(#2f433b0e 1px,#0000 1px),linear-gradient(90deg,#2f433b0e 1px,#0000 1px);background-size:24px 24px;place-items:center;height:370px;display:grid;position:relative;overflow:hidden}.canvas-grid:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 30%,#ebe7dec7 100%);position:absolute;top:0;bottom:0;left:0;right:0}.step-badge{border:1px solid var(--line);color:var(--muted);z-index:2;background:#fff;border-radius:6px;padding:5px 8px;font-family:DM Mono,monospace;font-size:9px;position:absolute;top:14px;left:15px}.step-badge b{color:var(--orange)}.player{border-top:1px solid var(--line);align-items:center;gap:8px;height:65px;padding:0 16px;display:flex}.player>button{border:1px solid var(--line);cursor:pointer;height:33px;color:var(--ink);background:#fff;border-radius:7px;justify-content:center;align-items:center;display:flex}.player .play{background:var(--orange);border-color:var(--orange);color:#fff;gap:7px;padding:0 13px;font-size:10px;font-weight:800}.timeline{background:#d9d4ca;border-radius:5px;flex:1;height:3px;margin:0 8px;overflow:hidden}.timeline span{background:var(--orange);height:100%;transition:width .25s;display:block}.player label{align-items:center;gap:4px;display:flex;position:relative}.player label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.player select{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:6px;outline:0;padding:5px 23px 5px 7px;font-size:10px}.player label svg{pointer-events:none;position:absolute;right:6px}.language{color:var(--green);background:#dcebe4;border-radius:4px;padding:4px 7px;font-family:DM Mono,monospace;font-size:9px}.code-panel pre{color:#dbe5df;background:#21312e;height:292px;margin:0;padding:22px 0;font-family:DM Mono,monospace;font-size:11px;line-height:1.75;overflow:auto}.code-panel code{white-space:pre-wrap;border-left:3px solid #0000;padding:1px 18px;display:block}.code-panel code i{color:#647b74;-webkit-user-select:none;user-select:none;width:30px;font-style:normal;display:inline-block}.code-panel code.active{border-color:var(--orange);color:#fff;background:#ef5a3626}.note{height:85px;color:var(--orange);background:#fff9f2;border-top:1px solid #eadbd0;gap:10px;padding:15px 17px;display:flex}.note p{margin:0}.note strong,.note span{display:block}.note strong{color:var(--ink);margin-bottom:4px;font-size:10px}.note span{color:var(--muted);font-size:10px;line-height:1.45}.learning-strip{background:#e7e1d6;border-radius:10px;justify-content:space-between;align-items:center;min-height:49px;margin-top:15px;padding:8px 13px;display:flex}.learning-strip>div{align-items:center;gap:9px;font-size:11px;display:flex}.learning-strip svg{color:var(--orange)}.algorithm-nav{justify-content:space-between;padding-top:18px;display:flex}.algorithm-nav button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.algorithm-nav button:last-child{text-align:right}.algorithm-nav span,.algorithm-nav small{display:block}.algorithm-nav small{letter-spacing:.12em;text-transform:uppercase;color:#969991;margin-bottom:2px;font-size:8px}.scrim{display:none}.linear-visual{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;max-width:90%;display:flex;position:relative}.linear-unit{align-items:center;display:flex}.data-cell{background:#faf8f2;border:1px solid #b6b4aa;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:57px;height:62px;transition:all .25s;display:flex;box-shadow:0 5px 12px #2c353012}.data-cell span{font-family:DM Mono,monospace;font-size:16px;font-weight:500}.data-cell small{color:#999b94;margin-top:5px;font-family:DM Mono,monospace;font-size:8px}.data-cell.active,.tree-node.active,.graph-node.active,.hash-slot.active,.sudoku-grid .active,.recursion-visual .active,.word-path .active{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-8px);box-shadow:0 9px 18px #ef5a3640}.data-cell.active small{color:#ffe4dc}.connector{color:#919a94;margin:0 7px;font-size:20px}.cycle-line{color:var(--orange);font-family:DM Mono,monospace;font-size:10px;position:absolute;top:82px}.stack-visual{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.data-cell.wide{border-radius:3px;flex-direction:row;gap:13px;width:145px;height:42px}.data-cell.wide small{margin:0}.stack-base{border-bottom:4px solid var(--ink);width:170px;margin-top:2px}.tree-canvas,.graph-canvas{z-index:1;width:min(620px,92%);height:300px;position:relative}.tree-canvas svg,.graph-canvas svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.tree-canvas line,.graph-canvas line{stroke:#8c9b94;stroke-width:.7px;vector-effect:non-scaling-stroke}.graph-canvas .visited-edge{stroke:var(--orange);stroke-width:1.4px}.graph-canvas marker path{fill:var(--orange)}.graph-canvas text{fill:var(--green);paint-order:stroke;stroke:#ebe7de;stroke-width:2px;font-family:DM Mono;font-size:3.4px}.tree-node,.graph-node{border:2px solid var(--green);background:#faf8f2;border-radius:50%;place-items:center;width:43px;height:43px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;transition:all .25s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 9px #27372f21}.tree-node.active,.graph-node.active{transform:translate(-50%,-65%)}.btree-visual{z-index:1;flex-direction:column;align-items:center;gap:70px;width:80%;display:flex;position:relative}.btree-visual:before{content:"";border-top:1px solid #899890;border-left:1px solid #899890;border-right:1px solid #899890;width:64%;height:69px;position:absolute;top:35px}.bnode{z-index:1;border:1px solid var(--green);text-align:center;background:#faf8f2;border-radius:5px;min-width:90px;padding:12px;font-family:DM Mono,monospace}.bchildren{justify-content:space-between;width:100%;display:flex}.bnode.active{background:var(--orange);color:#fff;border-color:var(--orange)}.active-bnode{background:var(--green);color:#fff}.leaf-link{color:var(--orange);font-family:DM Mono;font-size:9px;position:absolute;bottom:-25px}.hash-visual{z-index:1;grid-template-columns:repeat(6,75px);gap:7px;display:grid;position:relative}.hash-slot{background:#faf8f2;border:1px solid #b7b8b0;border-radius:6px;align-items:center;gap:7px;height:55px;padding:8px;transition:all .25s;display:flex}.hash-slot small{color:#9a9d96;font-family:DM Mono;font-size:8px}.hash-slot strong{font-family:DM Mono;font-size:11px;overflow:hidden}.chess-board,.sudoku-grid,.maze-grid{z-index:1;display:grid;position:relative;box-shadow:0 10px 25px #28372f2b}.chess-board{border:7px solid var(--ink);grid-template-columns:repeat(4,58px)}.chess-board>div{height:58px;color:var(--orange);background:#eee7d8;place-items:center;font-size:32px;display:grid}.chess-board .dark{background:#436657}.maze-grid{border:7px solid var(--ink);background:#d6d3ca;grid-template-columns:repeat(6,42px);gap:2px}.maze-grid>div{height:42px;color:var(--green);background:#faf8f2;place-items:center;font-size:10px;display:grid}.maze-grid .wall{background:var(--ink)}.maze-grid .path{background:#ffb291}.sudoku-grid{border:3px solid var(--ink);background:var(--ink);grid-template-columns:repeat(9,32px);gap:1px}.sudoku-grid>div{background:#faf8f2;place-items:center;height:32px;font-family:DM Mono;font-size:11px;display:grid}.sudoku-grid>div:nth-child(3n){border-right:1px solid var(--ink)}.sudoku-grid .active{transform:none}.hanoi{z-index:1;border-bottom:5px solid var(--ink);align-items:flex-end;gap:45px;height:220px;padding:0 30px;display:flex;position:relative}.tower{border-bottom:4px solid var(--ink);flex-direction:column-reverse;align-items:center;width:115px;height:180px;display:flex;position:relative}.tower:before{content:"";background:var(--ink);width:4px;height:170px;position:absolute;bottom:0}.tower i{background:var(--green);z-index:1;border:2px solid #ebe7de;border-radius:5px;height:22px}.tower i.active{background:var(--orange)}.trie-visual{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.root-dot{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.word-path{gap:17px;margin-top:65px;display:flex;position:relative}.word-path:before{content:"";border-top:1px solid var(--green);position:absolute;top:-34px;left:10px;right:10px}.word-path span{border:1px solid var(--green);background:#faf8f2;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.trie-visual small{color:var(--muted);margin-top:20px;font-family:DM Mono}.recursion-visual{z-index:1;position:relative}.recursion-visual>div{background:#faf8f2;border:1px solid #9daa9f;justify-content:space-between;align-items:center;width:210px;height:43px;margin:-1px 0;padding:0 14px;transition:all .25s;display:flex}.recursion-visual span{color:var(--muted);font-size:9px}.recursion-visual strong{font-family:DM Mono}.recursion-visual .active{transform:translateY(-3px)!important}.maze-grid .path{animation:.3s pathIn}@keyframes pathIn{0%{transform:scale(.3)}to{transform:scale(1)}}@media (max-width:1100px){.workspace{padding:0 24px 30px}.lab-grid{grid-template-columns:1fr}.code-panel pre{height:250px}.note{height:auto}.complexity-card{min-width:220px}.canvas-grid{height:340px}}@media (max-width:780px){.sidebar{width:min(300px,88vw);transition:all .25s;transform:translate(-100%);box-shadow:20px 0 60px #0000004d}.sidebar.open{transform:none}.close-mobile{color:#fff;background:0 0;border:0;margin-left:auto;display:flex}.scrim{z-index:15;background:#0f191680;border:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.workspace{margin-left:0;padding:0 16px 25px}.menu-button{background:0 0;border:0;padding:0;display:flex}.topbar{height:62px}.breadcrumbs span,.breadcrumbs b,.progress-pill{display:none}.hero{padding:25px 0 20px;display:block}.hero h1{font-size:40px}.complexity-card{width:100%;margin-top:20px}.canvas-grid{height:310px}.panel-head button{font-size:0}.panel-head button svg{margin:0}.player .play span,.player label>span{display:none}.player{padding:0 10px}.hash-visual{grid-template-columns:repeat(3,75px)}.hanoi{gap:6px;padding:0 5px;transform:scale(.8)}.tower{width:90px}.algorithm-nav button{max-width:45%}.sudoku-grid{grid-template-columns:repeat(9,28px)}.sudoku-grid>div{height:28px}.graph-canvas,.tree-canvas{width:95%}.learning-strip>div span{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}}@media (max-width:430px){.hero h1{font-size:34px}.canvas-grid{height:285px}.data-cell{width:46px;height:54px}.connector{margin:0 3px}.linear-visual{max-width:96%}.chess-board{grid-template-columns:repeat(4,48px)}.chess-board>div{height:48px}.maze-grid{grid-template-columns:repeat(6,35px)}.maze-grid>div{height:35px}.learning-strip{display:none}.algorithm-nav{padding-bottom:10px}}.workspace{max-width:none}.panel{border-color:#d3cec3;box-shadow:0 18px 55px #23312b12,0 2px 7px #23312b0a}.visual-panel,.code-panel{outline-offset:-2px;outline:1px solid #ffffffa6}.canvas-grid{background-color:#ece8df;background-image:linear-gradient(#2f433b0b 1px,#0000 1px),linear-gradient(90deg,#2f433b0b 1px,#0000 1px);background-size:24px 24px}.canvas-grid:after{content:"";pointer-events:none;border:1px solid #3e4d4512;border-radius:10px;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.lab-grid{grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);align-items:start}.code-panel{flex-direction:column;min-width:0;display:flex}.code-panel pre{scrollbar-color:#52675f #172824;background:#172824;flex:0 0 350px;height:350px;min-height:350px;padding:18px 0;line-height:1.72}.code-panel code{white-space:pre;width:max-content;min-width:100%;padding-right:24px}.code-head{gap:12px}.code-actions{align-items:center;margin-left:auto;gap:7px!important;display:flex!important}.code-tabs{background:#e8e4da;border-radius:7px;padding:3px;gap:2px!important;display:flex!important}.panel-head .code-tabs button{color:#747b76;letter-spacing:.04em;box-shadow:none;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-family:DM Mono,monospace;font-size:8px}.panel-head .code-tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 6px #1b2c251c}.panel-head .copy-button{color:var(--orange);letter-spacing:.08em;background:0 0;border:0;padding:5px 3px;font-family:DM Mono,monospace;font-size:8px}.note{height:auto;min-height:85px;margin-top:auto}.tree-canvas,.graph-canvas{width:min(660px,92%);height:300px}.tree-canvas .edge-layer,.graph-canvas .edge-layer{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.tree-canvas line{stroke:#71877e;stroke-width:1.65px;stroke-linecap:round;filter:drop-shadow(0 1px #ffffffb3)}.tree-node{background:#fbfaf6;border:2px solid #476b5d;width:46px;height:46px;box-shadow:0 6px 14px #22352d24,inset 0 0 0 4px #ffffff8c}.tree-node.active{background:var(--orange);border-color:var(--orange);transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 6px #ef5a3621,0 10px 22px #ef5a3647}.graph-node.active{transform:translate(-50%,-50%)scale(1.1)}.graph-canvas line{stroke-width:1.5px;stroke-linecap:round}.graph-canvas .visited-edge{stroke-width:2.2px}.graph-canvas text{stroke-width:5px;font-size:10px}.pathfinding-canvas .graph-node{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px;height:52px;display:flex}.pathfinding-canvas .graph-node span{font-size:13px;line-height:1}.pathfinding-canvas .graph-node small{color:var(--muted);font-family:DM Mono,monospace;font-size:8px;line-height:1}.pathfinding-canvas .graph-node.open-node{background:#eef3fa;border-color:#5d7da8;box-shadow:0 0 0 5px #5d7da81c}.pathfinding-canvas .graph-node.closed-node{color:#566173;background:#e4e8ee;border-color:#8a94a4}.pathfinding-canvas .graph-node.path-node{color:#1f6d4d;background:#e5f3ed;border-color:#2f8f68;box-shadow:0 0 0 5px #2f8f681f}.pathfinding-canvas .graph-node.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 0 0 6px #c85f4324,0 8px 18px #45271f2e}.pathfinding-canvas .graph-node.active small{color:#fff0eb}.graph-canvas .relaxed-edge{stroke:var(--orange);stroke-width:3px}.graph-canvas .path-edge{stroke:#2f8f68;stroke-width:3.4px;filter:drop-shadow(0 1px 2px #2f8f6838)}.pathfinding-status{border:1px solid var(--line);width:max-content;max-width:96%;color:var(--muted);background:#fffffff0;border-radius:6px;justify-content:center;align-items:center;gap:13px;padding:6px 10px;font-size:9px;display:flex;position:absolute;bottom:-1px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2029380f}.pathfinding-status span{white-space:nowrap;align-items:center;gap:4px;display:flex}.pathfinding-status b{text-overflow:ellipsis;max-width:100px;color:var(--ink);font-family:DM Mono,monospace;font-weight:600;overflow:hidden}.pathfinding-status i{background:#8a94a4;border-radius:50%;width:7px;height:7px}.pathfinding-status .open-dot{background:#5d7da8}.pathfinding-status .closed-dot{background:#8a94a4}.pathfinding-status em{border-left:1px solid var(--line);color:var(--orange);padding-left:10px;font-family:DM Mono,monospace;font-style:normal;font-weight:700}.btree-visual{width:min(650px,88%);height:260px;display:block;position:relative}.btree-visual:before{content:none}.btree-edges{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.btree-edges line{stroke:#71877e;stroke-width:1.6px;stroke-linecap:round}.bnode{background:#fbfaf6;border:2px solid #476b5d;min-width:104px;padding:13px 15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px #22352d1f}.root-bnode{background:var(--green);border-color:var(--green);color:#fff;top:18%;left:50%}.child-bnode{top:72%}.child-bnode.active{background:var(--orange);border-color:var(--orange);transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 6px #ef5a361f,0 10px 20px #ef5a3638}.leaf-link{white-space:nowrap;bottom:1%;left:50%;transform:translate(-50%)}@media (max-width:1100px){.lab-grid{grid-template-columns:1fr}.code-panel pre{height:370px;min-height:370px}}.panel-head-actions .challenge-toggle{color:#365879;background:#f4f7fb;border-color:#c7d2df}.panel-head-actions .challenge-toggle:hover{color:#274a6b;background:#edf3f9;border-color:#7893ae}.panel-head-actions .challenge-toggle.active{color:#fff;background:#365f87;border-color:#365f87;box-shadow:0 5px 12px #284c6f29}.challenge-panel{border-top:1px solid var(--line);background:linear-gradient(150deg,#f7f9fc 0%,#f4f6f8 56%,#f8f6f1 100%);padding:17px 18px 16px}.challenge-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.challenge-title{align-items:center;gap:10px;min-width:0;display:flex}.challenge-title>span{color:#fff;background:#365f87;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 14px #2b4c6b2b}.challenge-title small{letter-spacing:.09em;text-transform:uppercase;color:#66798b;margin-bottom:2px;font:600 9px/1.2 DM Mono,monospace;display:block}.challenge-title h3{color:var(--ink);margin:0;font-size:15px;line-height:1.2}.challenge-progress{color:#5b6d7d;background:#ffffffc7;border:1px solid #d4dce5;border-radius:9px;flex:none;align-items:center;gap:7px;padding:7px 9px;font:600 10px/1 DM Mono,monospace;display:flex}.challenge-progress svg{color:#b47d28}.challenge-progress strong{color:#314d68;font-size:12px}.challenge-progress span{border-left:1px solid #d9dfe6;padding-left:7px}.challenge-question{background:#fff;border:1px solid #d7dee5;border-radius:9px;align-items:flex-start;gap:9px;padding:12px 13px;display:flex}.challenge-question svg{color:#365f87;flex:none;margin-top:2px}.challenge-question p{color:#2d3944;margin:0;font-size:14px;font-weight:600;line-height:1.55}.challenge-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.challenge-options button{color:#374651;text-align:left;background:#fff;border:1px solid #cfd7df;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:9px 10px;font-size:12px;transition:border-color .18s,background .18s,transform .18s;display:flex}.challenge-options button:hover:not(:disabled){background:#f5f8fb;border-color:#6d89a4;transform:translateY(-1px)}.challenge-options button.selected{border-color:#5d7893}.challenge-options button.correct-answer{color:#315b41;background:#edf6f0;border-color:#5f876f}.challenge-options button.wrong-answer{color:#7b4038;background:#fbf0ee;border-color:#b46b60}.challenge-options button:disabled{cursor:default;opacity:1}.challenge-options button svg{flex:none}.challenge-hint-row{justify-content:space-between;align-items:center;gap:12px;margin-top:11px;display:flex}.challenge-hint-row>span{color:#77828c;font-size:10px}.challenge-hint-button,.challenge-actions button{color:#4c6173;background:#fff;border:1px solid #ccd5de;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.challenge-hint-button{padding:7px 10px}.challenge-hint-button svg{color:#b47d28}.challenge-hint-button:disabled{color:#776b57;background:#f4f2eb}.challenge-hint{color:#695633;background:#fff8e9;border-left:3px solid #c18a34;border-radius:0 7px 7px 0;align-items:flex-start;gap:8px;margin:10px 0 0;padding:9px 11px;font-size:12px;line-height:1.5;display:flex}.challenge-hint svg{color:#b47d28;flex:none;margin-top:1px}.challenge-feedback{border-radius:8px;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 11px;display:flex}.challenge-feedback>svg{flex:none;margin-top:1px}.challenge-feedback strong{margin-bottom:2px;font-size:12px;display:block}.challenge-feedback p{margin:0;font-size:11px;line-height:1.5}.challenge-feedback.success{color:#315b41;background:#edf6f0;border:1px solid #bfd4c6}.challenge-feedback.error{color:#754038;background:#fbf0ee;border:1px solid #e0c2bd}.challenge-actions{align-items:center;gap:8px;margin-top:11px;display:flex}.challenge-actions button{padding:8px 11px}.challenge-actions .challenge-verify{color:#fff;background:#365f87;border-color:#365f87}.challenge-actions .challenge-verify:hover:not(:disabled){background:#294e71}.challenge-actions button:disabled{cursor:not-allowed;opacity:.58}@media (max-width:760px){.challenge-panel{padding:14px 12px}.challenge-options{grid-template-columns:1fr}.challenge-header{align-items:flex-start}.challenge-progress span{display:none}.challenge-question p{font-size:13px}.challenge-hint-row{flex-direction:column;align-items:flex-start}.challenge-actions{flex-direction:column;align-items:stretch}.challenge-actions button{width:100%}}.section-test-entry{color:#32485d;background:#f7f9fb;border:1px solid #d6dce2;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;min-height:58px;margin:0 0 14px;padding:9px 11px 9px 14px;display:flex}.section-test-entry>div,.section-test-entry span{align-items:center;display:flex}.section-test-entry>div{gap:10px}.section-test-entry span{flex-direction:column;align-items:flex-start;gap:2px}.section-test-entry strong{font-size:11px}.section-test-entry small{color:#748291;font-size:9px}.section-test-entry button{color:#fff;cursor:pointer;background:#365f87;border:0;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:800}.section-test-entry button:hover{background:#294d70}.section-test-entry button:disabled{cursor:not-allowed;color:#f4f5f6;box-shadow:none;background:#9aa4ad}.section-test-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e171eb8;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.section-test-modal{width:min(680px,100%);max-height:calc(100vh - 40px);color:var(--ink);background:#f8f7f3;border:1px solid #ffffff59;border-radius:18px;padding:30px;position:relative;overflow:auto;box-shadow:0 28px 80px #00000057}.section-test-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.section-test-icon{color:#fff;background:#365f87;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.section-test-modal>small,.section-test-result>small{letter-spacing:.12em;text-transform:uppercase;color:#6b7e90;font:700 9px/1.3 DM Mono,monospace}.section-test-modal>h2,.section-test-result h2{letter-spacing:-.035em;margin:7px 42px 9px 0;font-size:27px}.section-test-modal>p,.section-test-result p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.section-test-warning{color:#825626;background:#fff6e9;border:1px solid #e1c3a4;border-radius:10px;align-items:flex-start;gap:11px;margin-top:20px;padding:14px;display:flex}.section-test-warning svg{flex:none}.section-test-warning strong,.section-test-warning span{display:block}.section-test-warning strong{margin-bottom:3px;font-size:12px}.section-test-warning span{font-size:11px;line-height:1.55}.section-test-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.section-test-actions button,.section-test-result button{cursor:pointer;border-radius:8px;min-height:38px;padding:0 15px;font-size:11px;font-weight:800}.section-test-actions .primary,.section-test-result .primary{color:#fff;background:#365f87;border:1px solid #365f87}.section-test-actions .secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.section-test-actions button:disabled{cursor:not-allowed;opacity:.45}.section-test-progress{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-test-progress small,.section-test-progress strong{display:block}.section-test-progress small{text-transform:uppercase;letter-spacing:.08em;color:#a35c45;margin-bottom:4px;font:700 9px/1.2 DM Mono,monospace}.section-test-progress strong{font-size:17px}.section-test-progress>span{color:#365f87;font:700 12px/1 DM Mono,monospace}.section-test-progressbar{background:#dfe3e6;border-radius:5px;height:4px;margin:14px 0 24px;overflow:hidden}.section-test-progressbar span{border-radius:inherit;background:#365f87;height:100%;transition:width .2s;display:block}.section-test-question{border:0;margin:0;padding:0}.section-test-question legend{width:100%;margin-bottom:16px;font-size:19px;font-weight:750;line-height:1.4}.section-test-question label{cursor:pointer;background:#fff;border:1px solid #d3d8dc;border-radius:9px;align-items:center;gap:10px;min-height:49px;margin-top:8px;padding:11px 13px;font-size:12px;line-height:1.45;display:flex}.section-test-question label:hover,.section-test-question label.selected{background:#f0f5fa;border-color:#6685a2}.section-test-question input{accent-color:#365f87;flex:none}.section-test-diagram{background:linear-gradient(145deg,#f0f4f7,#fff);border:1px solid #d6dde3;border-radius:11px;margin:0 0 16px;padding:11px 12px 8px}.section-test-diagram svg{width:100%;height:150px;display:block}.section-test-diagram figcaption{text-align:center;color:#66798a;letter-spacing:.04em;font:600 9px/1.4 DM Mono,monospace}.section-test-diagram svg rect,.section-test-diagram svg circle{fill:#fff;stroke:#58738d;stroke-width:2px}.section-test-diagram svg path{fill:none;stroke:#72889b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.section-test-diagram svg text{fill:#334b61;text-anchor:middle;font:700 10px DM Mono,monospace}.section-test-diagram svg .diagram-label{fill:#778998;font-size:8px}.section-test-diagram svg .diagram-dashed{stroke-dasharray:5 4;stroke:#c06a4f}.section-test-diagram svg .diagram-route{stroke:#cf5c3d;stroke-width:5px}.section-test-diagram svg .diagram-accent-line{stroke:#cf5c3d;stroke-width:2px}.section-test-diagram svg .diagram-accent{fill:#eaf1f7;stroke:#365f87}.section-test-diagram svg .diagram-muted{fill:#d7dce0;stroke:#c6cdd2}.diagram-board svg rect:nth-of-type(odd),.diagram-sudoku svg rect:nth-of-type(odd){fill:#e8edf1}.diagram-maze svg .diagram-muted{fill:#33434f;stroke:#33434f}.diagram-bloom svg .diagram-accent{fill:#cf5c3d;stroke:#a44731}.diagram-stack svg rect:last-of-type,.diagram-heap svg circle:first-of-type{fill:#e8f0f7;stroke:#365f87}.diagram-trie svg circle:last-of-type{fill:#cf5c3d;stroke:#a44731}.diagram-cache svg rect:last-of-type{fill:#fff0e9;stroke:#cf5c3d}.section-test-diagram svg .diagram-red-node{fill:#c95145;stroke:#963c35}.diagram-red-black svg>circle:first-of-type{fill:#283944;stroke:#17262f}.section-test-result{text-align:center;padding:14px 8px 4px}.section-test-result>svg{margin-bottom:11px}.section-test-result.cancelled>svg,.section-test-result.failed>svg{color:#b75245}.section-test-result.passed>svg{color:#4e8061}.section-test-result h2{margin:7px 0 9px}.section-test-result>strong{margin:13px 0 8px;font:800 24px/1 DM Mono,monospace;display:block}.section-test-result>span{color:#8b5a4f;margin-top:9px;font-size:10px;display:block}.section-test-result button{margin-top:20px}@media (max-width:600px){.section-test-entry{margin-top:8px}.section-test-entry small{display:none}.section-test-modal{border-radius:14px;padding:24px 17px}.section-test-modal>h2,.section-test-result h2{font-size:22px}.section-test-question legend{font-size:16px}.section-test-actions{flex-direction:column-reverse;align-items:stretch}.section-test-actions button{width:100%}}@media (max-width:780px){.mobile-menu-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:9px;justify-content:center;align-items:center;margin-top:14px;box-shadow:0 5px 14px #23312b14}.mobile-menu-button svg{width:19px}.mobile-menu-button+.hero{padding-top:16px}.code-head{align-items:flex-start;height:auto;min-height:66px;padding-top:12px;padding-bottom:10px}.code-head>div:first-child{padding-top:8px}.code-actions{flex-direction:column;align-items:flex-end;gap:3px!important}.panel-head .code-tabs button{padding:5px 6px;font-size:7px}.code-panel pre{height:340px;min-height:340px;font-size:10px}.tree-canvas,.graph-canvas{height:270px}.btree-visual{width:94%;height:230px}.bnode{min-width:78px;padding:11px 8px;font-size:10px}}.sidebar,.workspace{transition:transform .28s,margin-left .28s}.app-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.app-shell.sidebar-collapsed .workspace{margin-left:0;padding-top:14px}.sidebar-collapse-button{color:#dce4e1;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff24;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:background .18s,border-color .18s;display:grid}.sidebar-collapse-button:hover{background:#ffffff1a;border-color:#ffffff47}.sidebar-collapse-button:focus-visible{outline-offset:2px;outline:3px solid #c85f434d}.sidebar-reveal-button:focus-visible{outline-offset:2px;outline:3px solid #c85f434d}.sidebar-reveal-button{z-index:19;color:#fff;cursor:pointer;background:#202a38;border:1px solid #35445b;border-left:0;border-radius:0 9px 9px 0;justify-content:center;align-items:center;width:43px;height:52px;transition:width .2s,background .2s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:0 8px 24px #202a382e}.sidebar-reveal-button span{white-space:nowrap;opacity:0;width:0;font-size:12px;font-weight:700;transition:opacity .15s;position:absolute;left:44px;overflow:hidden}.sidebar-reveal-button:hover{background:#2b394d;width:48px}.variables-panel{border-top:1px solid var(--line);background:#f5f7fa;padding:14px 16px 13px}.variables-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.variables-panel header>div{color:var(--ink);align-items:center;gap:7px;display:flex}.variables-panel header>div svg{color:var(--green)}.variables-panel header strong{font-size:13px}.variables-panel header>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:650;display:flex}.variables-panel header>span i{background:#98a2b3;border-radius:50%;width:7px;height:7px}.variables-panel header>span.is-running i{background:#2f8f68;animation:1s ease-in-out infinite variableStatusPulse;box-shadow:0 0 0 4px #2f8f681f}.variables-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:7px;display:grid}.variable-item{background:#fff;border:1px solid #dce1e9;border-radius:6px;min-width:0;padding:8px 10px;box-shadow:inset 3px 0 #a9b4c4}.variable-item small,.variable-item strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.variable-item small{color:#758094;margin-bottom:3px;font-family:DM Mono,monospace;font-size:9px}.variable-item strong{color:#27354a;font-family:DM Mono,monospace;font-size:13px;font-weight:650}.variable-item.role-index,.variable-item.role-position{box-shadow:inset 3px 0 #6281aa}.variable-item.role-input{box-shadow:inset 3px 0 var(--orange)}.variable-item.role-true{box-shadow:inset 3px 0 #2f8f68}.variable-item.role-false{box-shadow:inset 3px 0 #c44848}.variable-item.role-false strong{color:#b83d3d}.variables-panel>p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.45}@keyframes variableStatusPulse{50%{opacity:.48}}@media (max-width:780px){.app-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.app-shell.sidebar-collapsed .sidebar.open{transform:none}.app-shell.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapse-button,.sidebar-reveal-button{display:none}.variables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.step-badge.loop-step{color:#dfe7f1;background:#1d2735;border-color:#34445a;align-items:center;gap:5px;display:flex;box-shadow:0 6px 16px #1d273529}.step-badge.loop-step b{color:#f1a38d}.operation-message.success{background:#edf2f8;border-left-color:#49698f}.operation-message.success>span{color:#405f84}.operation-message.error{background:#fbefed;border-left-color:#b24a3c}.operation-message.error>span{color:#a13e32}.operation-message.error p{color:#713d36}.operation-fields input::placeholder{color:#a5adb8}@media (max-width:430px){.lab-grid{display:block}.code-panel{margin-top:14px}.code-tabs button{max-width:none!important}.panel-head .copy-button{display:none}.tree-node{width:40px;height:40px}}.hanoi .tower:after{content:attr(data-name);color:var(--muted);font-family:DM Mono,monospace;font-size:9px;font-weight:700;position:absolute;bottom:-25px}.brand-home{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0;text-decoration:none;display:flex}.nav-group .nav-item{color:#ccd7d3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:12px;text-decoration:none;transition:all .15s;display:flex}.nav-group .nav-item>span{color:#718983;font-family:DM Mono,monospace;font-size:10px}.nav-group .nav-item:hover{color:#fff;background:#ffffff0f}.nav-group .nav-item.selected{color:#1e2a27;background:#f8f5ee;font-weight:700;box-shadow:0 5px 18px #0003}.nav-group .nav-item.selected>span{color:var(--orange)}.algorithm-nav a{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.algorithm-nav a:last-child{text-align:right}.brand-home:focus-visible{outline-offset:5px;outline:2px solid #ffbd88}.brand-home .brand-mark{flex:0 0 42px;place-items:center;width:42px;height:42px;line-height:0;transition:transform .2s,box-shadow .2s;display:grid}.brand-home .brand-mark svg{width:21px;height:21px;display:block}.brand-copy{min-width:0}.brand-copy>span{white-space:nowrap}.welcome-page{padding:28px 0 10px}.welcome-hero{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(135deg,#f8f4eb 0%,#ece7dc 58%,#dce8e1 100%);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:50px;padding:54px clamp(30px,5vw,72px);display:grid;position:relative;overflow:hidden}.welcome-hero:before{content:"";background-image:linear-gradient(#2f433b0b 1px,#0000 1px),linear-gradient(90deg,#2f433b0b 1px,#0000 1px);background-size:28px 28px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.welcome-copy{z-index:2;position:relative}.welcome-copy h1{letter-spacing:-.06em;max-width:760px;margin:15px 0 20px;font-size:clamp(43px,5.2vw,74px);line-height:.98}.welcome-copy>p{max-width:690px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.welcome-start{background:var(--orange);color:#fff;letter-spacing:.02em;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:9px;height:46px;margin-top:28px;padding:0 17px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 10px 24px #ef5a3638}.welcome-start:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ef5a364d}.welcome-start svg:last-child{margin-left:8px}.welcome-copy .welcome-motto{color:var(--green);align-items:center;gap:7px;margin:18px 0 0;font-family:DM Mono,monospace;font-size:10px;line-height:1.4;display:flex}.welcome-motto svg{color:var(--orange);flex:none}.welcome-motto strong{font-weight:700}.welcome-demo{z-index:2;justify-self:center;width:350px;height:350px;position:relative}.welcome-orbit{border:1px dashed #2b4e424d;border-radius:50%;position:absolute;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%)}.orbit-one{width:215px;height:215px}.orbit-two{width:330px;height:330px}.welcome-root{background:var(--ink);color:#fff;border-radius:24px;place-items:center;width:92px;height:92px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #1c2b2640}.welcome-root small{letter-spacing:.15em;color:#ffbd88;font-family:DM Mono,monospace;font-size:8px}.welcome-node{width:72px;height:40px;color:var(--green);background:#fffdf8;border:1px solid #aab8b0;border-radius:9px;place-items:center;font-family:DM Mono,monospace;font-size:9px;font-weight:700;display:grid;position:absolute;box-shadow:0 8px 18px #21312c1a}.node-array{top:62px;left:2px}.node-tree{top:65px;right:0}.node-graph{bottom:55px;left:3px}.node-code{background:var(--orange);border-color:var(--orange);color:#fff;bottom:58px;right:2px}.welcome-about{padding:65px 0 28px}.welcome-section-heading{max-width:760px;margin-bottom:27px}.welcome-section-heading>span{letter-spacing:.15em;color:var(--orange);font-family:DM Mono,monospace;font-size:8px;font-weight:700}.welcome-section-heading h2{letter-spacing:-.045em;margin:9px 0 10px;font-size:clamp(25px,3vw,40px);line-height:1.08}.welcome-section-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.welcome-features{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.welcome-features article{border:1px solid var(--line);background:var(--cream);border-radius:14px;min-height:190px;padding:22px;position:relative;box-shadow:0 7px 22px #26322d0d}.welcome-features article>span{color:#aaa79e;font-family:DM Mono,monospace;font-size:9px;position:absolute;top:16px;right:18px}.welcome-features article>svg{color:var(--orange);margin:4px 0 24px}.welcome-features h3{margin:0 0 9px;font-size:14px}.welcome-features p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.welcome-path{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:22px;margin-top:18px;padding:20px 24px;display:grid}.welcome-path>svg{color:var(--orange)}.welcome-path small,.welcome-path strong,.welcome-path p{display:block}.welcome-path small{letter-spacing:.13em;color:#ff9c79;margin-bottom:6px;font-family:DM Mono,monospace;font-size:7px}.welcome-path p{color:#aebbb5;margin:5px 0 0;font-size:9px;line-height:1.5}@media (max-width:1050px){.welcome-hero{grid-template-columns:1fr;gap:15px;padding:45px}.welcome-demo{display:none}}@media (max-width:780px){.welcome-page{padding-top:14px}.welcome-hero{border-radius:16px;min-height:0;padding:37px 25px}.welcome-copy h1{font-size:43px}.welcome-copy>p{font-size:12px}.welcome-about{padding-top:42px}.welcome-features{grid-template-columns:1fr}.welcome-features article{min-height:155px}.welcome-path{grid-template-columns:1fr;gap:15px}.welcome-path>svg{justify-self:center;transform:rotate(90deg)}}@media (max-width:430px){.welcome-copy h1{font-size:36px}.welcome-start{justify-content:center;width:100%}.welcome-section-heading h2{font-size:27px}}.sidebar .search{border-radius:10px;flex:0 0 35px;gap:9px;height:35px;min-height:35px;margin:18px 12px 9px;padding:0 13px}.sidebar .search input{font-size:14px}.language-switch{background:#07141029;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;margin:4px 12px 2px;padding:3px;display:grid}.language-switch button{color:#91a49f;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:5px;height:27px;font-family:DM Mono,monospace;font-size:10px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}.language-switch button:hover{color:#fff}.language-switch button.active{color:#20312d;background:#f8f5ee;box-shadow:0 2px 8px #0000002e}.collapsed-tools{z-index:24;align-items:center;gap:7px;display:flex;position:fixed;top:16px;left:15px}.collapsed-tools .sidebar-reveal-button{position:static}.collapsed-language{border:1px solid var(--line);min-width:38px;height:38px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:9px;padding:0 8px;font-family:DM Mono,monospace;font-size:10px;font-weight:800}.collapsed-language:hover{border-color:var(--orange);color:var(--orange)}.brand strong{font-size:19px}.brand-copy>span{font-size:10px}.nav-heading{font-size:11px}.nav-group button{font-size:13px;line-height:1.35}.nav-group button>span{font-size:11px}.sidebar-foot>span{font-size:12px}.author-credit small{font-size:9px}.author-credit strong{font-size:11px}.hero p{font-size:14px;line-height:1.65}.eyebrow span,.eyebrow i{font-size:10px}.complexity-card>strong{font-size:13px}.complexity-card>div{font-size:10px}.panel h2{font-size:15px}.panel-index{font-size:11px}.step-badge{font-size:10px}.code-panel pre{font-size:13px;line-height:1.68}.learning-strip>div,.algorithm-nav button{font-size:12px}.algorithm-nav small{font-size:9px}.operation-fields label span{font-size:10px}.operation-fields input{font-size:12px}.operation-actions button{min-height:33px;font-size:11px}.operation-message>span{font-size:9px}.data-cell small,.hash-slot small{font-size:9px}.tree-node,.graph-node{font-size:13px}.tree-kind-label{font-size:9px}.tree-node-badge{font-size:8px}.tree-node.deep-node .tree-node-badge{font-size:7px}.hash-slot strong{font-size:12px}.sudoku-grid>div{font-size:13px}.recursion-visual span{font-size:10px}.recursion-tree-shell{z-index:1;width:100%;min-width:0;height:100%;position:relative}.recursion-tree-legend{z-index:3;background:#ffffffe6;border:1px solid #64748b33;border-radius:7px;flex-wrap:wrap;justify-content:flex-end;gap:6px 11px;padding:6px 9px;display:flex;position:absolute;top:12px;right:14px;box-shadow:0 4px 12px #1f29370f}.recursion-tree-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.recursion-tree-legend i{border-radius:50%;width:8px;height:8px}.recursion-tree-legend .call-active{background:var(--orange)}.recursion-tree-legend .call-waiting{background:#78909c}.recursion-tree-legend .call-returned{background:#335f52}.recursion-tree-scroll{scrollbar-width:thin;scrollbar-color:#9aa8a2 transparent;position:absolute;top:46px;bottom:7px;left:8px;right:8px;overflow:auto}.recursion-call-tree{transform-origin:0 0;margin:auto;position:relative}.recursion-call-tree svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.recursion-call-tree line{stroke:#9ba9a4;stroke-width:.32px;vector-effect:non-scaling-stroke;transition:stroke .2s,stroke-width .2s}.recursion-call-tree line.active{stroke:var(--orange);stroke-width:1.8px}.recursion-call-tree line.returned{stroke:#52796d;stroke-width:1.25px}.recursion-call-node{min-width:58px;height:45px;color:var(--ink);white-space:nowrap;background:#fbfaf7;border:1px solid #9aa8a2;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:1px;padding:5px 7px;transition:all .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #20312c1a}.recursion-call-node small{color:var(--muted);font:8px DM Mono,monospace}.recursion-call-node strong{font:600 11px DM Mono,monospace}.recursion-call-node em{color:#78909c;text-align:center;grid-column:1/-1;font:8px DM Mono,monospace}.recursion-call-node.waiting{background:#eef3f5;border-color:#78909c}.recursion-call-node.returned{background:#e7f0ec;border-color:#335f52}.recursion-call-node.returned em{color:#335f52;font-weight:700}.recursion-call-node.checking{background:#fff8e9;border-color:#b88627}.recursion-call-node.current{z-index:2;border-color:var(--orange);background:var(--orange);color:#fff;transform:translate(-50%,-55%)scale(1.08);box-shadow:0 8px 18px #ef5a3647}.recursion-call-node.current small,.recursion-call-node.current em{color:#fff}.recursion-call-node.pending{opacity:.35}@media (max-width:780px){.recursion-tree-legend{justify-content:flex-start;left:45px;right:8px}.recursion-tree-scroll{top:54px}.recursion-call-node{min-width:54px;height:42px}}.chaining-visual{z-index:1;gap:8px;width:min(720px,94%);display:grid;position:relative}.chain-row{align-items:center;gap:8px;min-height:42px;padding:3px 4px;display:flex;overflow-x:auto}.chain-index{color:var(--muted);text-align:center;flex:0 0 30px;font:10px DM Mono,monospace}.chain-head{color:var(--green);background:#f4f1e9;border:1px solid #aeb8b1;border-radius:5px;flex:0 0 76px;padding:8px 9px;font:9px DM Mono,monospace}.chain-node{flex:none;align-items:center;gap:8px;display:flex}.chain-node i{color:var(--orange);font-size:18px;font-style:normal}.chain-node strong{border:1px solid var(--green);text-align:center;background:#faf8f2;border-radius:5px;min-width:58px;padding:9px 11px;font:11px DM Mono,monospace;transition:all .25s}.chain-node.active strong{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 7px 15px #ef5a3633}.chain-null{color:var(--muted);flex:none;font:9px DM Mono,monospace}.leaf-link{font-size:10px}.future-description span{font-size:9px}.future-description h2{font-size:17px}.future-description p{font-size:12px;line-height:1.6}.welcome-copy>p{font-size:15px;line-height:1.75}.welcome-start{font-size:12px}.welcome-copy .welcome-motto{font-size:11px}.welcome-section-heading p{font-size:14px}.welcome-features h3{font-size:16px}@media (max-width:780px){.hero p{font-size:13px}.code-panel pre{font-size:12px}.welcome-copy>p{font-size:13px}.welcome-features p{font-size:12px}}.welcome-orbit{will-change:transform;animation:13s linear infinite welcomeOrbitClockwise}.welcome-orbit.orbit-two{animation-name:welcomeOrbitCounter;animation-duration:19s}.welcome-orbit:before,.welcome-orbit:after{content:"";border-radius:50%;position:absolute;box-shadow:0 0 0 5px #ef5a361a}.welcome-orbit:before{background:var(--orange);width:10px;height:10px;top:-5px;left:50%}.welcome-orbit:after{background:var(--green);width:7px;height:7px;top:50%;right:-4px;box-shadow:0 0 0 4px #1f6b531a}.welcome-root{animation:3.2s ease-in-out infinite welcomeRootPulse}.welcome-node{animation:3.4s ease-in-out infinite welcomeNodeFloat}.welcome-node.node-tree{animation-delay:-.8s}.welcome-node.node-graph{animation-delay:-1.7s}.welcome-node.node-code{animation-delay:-2.5s}@keyframes welcomeOrbitClockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes welcomeOrbitCounter{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes welcomeRootPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 18px 40px #1c2b2640}50%{transform:translate(-50%,-50%)scale(1.04);box-shadow:0 22px 48px #1c2b2652}}@keyframes welcomeNodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.welcome-orbit,.welcome-root,.welcome-node{animation:none}}.complexity-static-chart{background:#fff;border-color:#d7dee7;padding:12px 14px}.complexity-static-chart svg{height:255px}.complexity-static-chart .axis{stroke:#4c5560;stroke-width:1.15px}.complexity-static-chart .curve{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.complexity-static-chart .complexity-chart-legend{gap:7px 15px;margin:0 0 8px}.complexity-static-chart .complexity-chart-legend span{color:#495465;font-size:10px}.complexity-static-chart .complexity-chart-legend i{width:18px;height:3px}.nav-group .nav-heading{color:#a7b7b1;letter-spacing:.025em;text-align:left;text-transform:none;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:600;transition:background .18s,color .18s;display:flex}.nav-group .nav-heading:hover{color:#fff;background:#ffffff0e}.nav-group .nav-heading:focus-visible{outline-color:#ffffff6b}.nav-group .nav-heading>span.nav-heading-label{min-width:0;color:inherit;font-family:inherit;font-size:inherit;align-items:center;gap:7px;line-height:1.2;display:flex}.nav-heading-label .nav-chevron{flex:none;transition:transform .22s}.nav-heading[aria-expanded=false] .nav-chevron{transform:rotate(-90deg)}.nav-group .nav-heading em{color:#718983;flex:none}.nav-items{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .24s,opacity .18s;display:grid}.nav-items-inner{min-height:0;overflow:hidden}.nav-items.closed{opacity:0;pointer-events:none;grid-template-rows:0fr}.nav-group .nav-item{border-radius:6px}@media (prefers-reduced-motion:reduce){.nav-heading-label .nav-chevron,.nav-items{transition:none!important}}.bug-copy-status{color:var(--green);grid-column:1/-1;margin:-4px 0 0;font-size:10px}.bug-form-actions button.copy-report{border-color:var(--green);color:var(--green)}.bug-form-actions button:disabled{cursor:not-allowed;opacity:.48}.app-error-screen{background:var(--paper);min-height:100vh;color:var(--ink);place-items:center;padding:24px;display:grid}.app-error-screen section{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:16px;padding:38px}.app-error-screen section>span{background:var(--orange-soft);width:58px;height:58px;color:var(--orange);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.app-error-screen small{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.app-error-screen h1{margin:10px 0 12px;font-size:clamp(28px,5vw,44px)}.app-error-screen p{max-width:460px;color:var(--muted);margin:0 auto;line-height:1.7}.app-error-screen div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.app-error-screen button{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 15px;font-weight:750;display:flex}.app-error-screen button:first-child{border-color:var(--orange);background:var(--orange);color:#fff}.brand-home .brand-mark{color:#fff!important}.brand-home .brand-mark svg,.welcome-root svg{display:block;color:#fff!important;stroke:#fff!important}.future-description.available-description{background:linear-gradient(135deg,#ffffffc7,#e1ebe4b3);border-style:solid;border-color:#c5d4cb;align-items:flex-start;padding:22px}.available-description>div:last-child{width:100%}.available-description>div>span{font-size:10px}.available-description h2{font-size:20px}.available-description>div>p{max-width:900px;font-size:14px;line-height:1.7}.available-description>div>p strong{color:var(--ink)}.description-details{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.description-details article{background:#ffffffa6;border:1px solid #d5d7cf;border-radius:9px;padding:14px}.description-details article>strong{color:var(--green);margin-bottom:6px;font-size:14px;display:block}.description-details article p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.description-details code{color:var(--orange);background:#e8e3d9;border-radius:4px;padding:1px 4px;font-family:DM Mono,monospace;font-size:12px}.description-tip{color:var(--orange);background:#fff3ed;border-radius:8px;align-items:flex-start;gap:8px;margin-top:11px;padding:10px 12px;display:flex}.description-tip svg{flex:none;margin-top:1px}.description-tip p{color:#6f5d55;margin:0;font-size:13px;line-height:1.6}.description-tip strong{color:#a8432d}.description-tip code{color:#a8432d;background:#ffe2d6;border-radius:4px;padding:1px 4px;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.available-description .description-tip{gap:10px;padding:13px 15px}.available-description .description-tip p{font-size:15px;line-height:1.65}.available-description .description-tip strong{font-size:15px}.available-description .description-tip code{font-size:14px}.description-learning-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.description-learning-grid article{background:#faf8f3d1;border:1px solid #d5d7cf;border-radius:9px;padding:15px 16px}.description-learning-grid article>strong{color:var(--ink);margin-bottom:8px;font-size:14px;display:block}.description-learning-grid ul{color:var(--muted);margin:0;padding-left:19px;font-size:13px;line-height:1.7}.description-learning-grid li+li{margin-top:3px}.description-learning-grid b{color:var(--green)}.description-java-example{background:#172824;border:1px solid #263a34;border-radius:10px;grid-template-columns:minmax(180px,.55fr) minmax(300px,1fr);align-items:stretch;margin-top:10px;display:grid;overflow:hidden}.description-java-example>div{color:#fff;background:#20352f;padding:16px}.description-java-example>div strong{color:#ffb291;margin-bottom:7px;font-size:14px;display:block}.description-java-example>div p{color:#b8c6c0;margin:0;font-size:12px;line-height:1.65}.description-java-example pre{color:#e5eee9;margin:0;padding:14px 17px;font-family:DM Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.description-java-example code{font:inherit}.trie-tree-canvas{z-index:2;width:min(680px,92%);height:310px;position:relative}.trie-edge-layer{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.trie-edge-layer line{stroke:#7b8f86;stroke-width:1.7px;stroke-linecap:round;vector-effect:non-scaling-stroke}.trie-tree-node{border:2px solid var(--green);width:42px;height:42px;color:var(--ink);background:#faf8f2;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 12px #23312b1a}.trie-tree-node strong{font-family:DM Mono,monospace;font-size:13px;font-weight:500}.trie-tree-node.root{background:var(--ink);border-color:var(--ink);color:#fff}.trie-tree-node.terminal{border-color:var(--orange);box-shadow:0 0 0 4px #ef5a361a,0 5px 12px #23312b1a}.trie-tree-node.active{background:var(--orange);border-color:var(--orange);color:#fff;transform:translate(-50%,-58%)scale(1.08)}.trie-tree-node small{background:var(--orange);color:#fff;letter-spacing:.03em;border-radius:4px;min-width:max-content;padding:3px 5px;font-family:DM Mono,monospace;font-size:7px;font-weight:600;position:absolute;top:50%;left:46px;transform:translateY(-50%);box-shadow:0 3px 8px #ef5a3633}.trie-legend{color:var(--muted);align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;bottom:0;right:8px}.trie-legend i{border:2px solid var(--orange);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #ef5a361a}@media (max-width:780px){.description-details,.description-learning-grid,.description-java-example{grid-template-columns:1fr}}.visual-panel{flex-direction:column;min-width:0;display:flex}.operations-panel{border-top:1px solid var(--line);background:#f8f5ee;padding:14px 16px 13px}.operation-fields{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.operation-fields label{flex-direction:column;flex:0 125px;gap:5px;min-width:92px;display:flex}.operation-fields label span{letter-spacing:.1em;text-transform:uppercase;color:#7b817c;font-size:8px;font-weight:800}.operation-fields input{width:100%;height:34px;color:var(--ink);background:#fff;border:1px solid #d1ccc1;border-radius:7px;outline:0;padding:0 10px;font-family:DM Mono,monospace;font-size:11px;transition:border-color .16s,box-shadow .16s}.operation-fields input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef5a361a}.operation-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.operation-actions button{color:#34423d;cursor:pointer;background:#fff;border:1px solid #cbc6bb;border-radius:6px;min-height:30px;padding:6px 10px;font-size:9px;font-weight:750;transition:all .16s}.operation-actions button:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px);box-shadow:0 4px 9px #26373014}.operation-actions button.selected-operation{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 5px 12px #1f6b532e}.operation-actions button.danger{color:#a94232;background:#fff8f5;border-color:#e3c1b8}.operation-actions button.danger:hover,.operation-actions button.danger.selected-operation{color:#fff;background:#bd4934;border-color:#bd4934}.operation-message{border-left:3px solid var(--orange);background:#efeae0;border-radius:0 6px 6px 0;align-items:flex-start;gap:9px;min-height:36px;margin-top:11px;padding:8px 10px;display:flex}.operation-message>span{letter-spacing:.1em;color:var(--orange);padding-top:2px;font-family:DM Mono,monospace;font-size:7px}.operation-message p{color:#5d6661;margin:0;font-size:10px;line-height:1.45}.empty-visual{z-index:2;color:#8d948f;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.empty-visual strong{background:#ffffff73;border:1px dashed #9ea49f;border-radius:50%;place-items:center;width:58px;height:58px;font-family:DM Mono,monospace;font-size:21px;font-weight:400;display:grid}.empty-visual span{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.visual-panel .player{margin-top:0}@media (max-width:780px){.operations-panel{padding:12px}.operation-fields label{flex:90px}.operation-actions{gap:5px}.operation-actions button{flex:auto}}.sudoku-grid{border:3px solid var(--ink);background:var(--ink);border-radius:4px;grid-template-columns:repeat(9,32px);gap:1px;overflow:hidden}.sudoku-grid>div{width:32px;height:32px;color:var(--green);background:#fffdf8;border:0;font-size:12px;font-weight:600}.sudoku-grid>div.given{color:var(--ink);background:#e8e3d8;font-weight:800}.sudoku-grid>div.calculated{color:var(--green)}.sudoku-grid>div:nth-child(9n+3),.sudoku-grid>div:nth-child(9n+6){border-right:2px solid var(--ink)}.sudoku-grid>div:nth-child(n+19):nth-child(-n+27),.sudoku-grid>div:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.sudoku-grid>div.active{background:var(--orange);color:#fff;transform:none;box-shadow:inset 0 0 0 2px #fff3ed}@media (max-width:430px){.sudoku-grid{grid-template-columns:repeat(9,28px)}.sudoku-grid>div{width:28px;height:28px;font-size:11px}}.maze-grid>div{transition:background .18s,box-shadow .18s,transform .18s}.maze-grid .path{color:#713120;background:#ffad85}.maze-grid .backtracked{color:#9e4e3c;background:#d8d2c8;box-shadow:inset 0 0 0 2px #9e4e3c47}.maze-grid .backtracked:after{content:"×";font-family:DM Mono,monospace;font-size:14px}.maze-grid .current{box-shadow:inset 0 0 0 3px var(--orange),0 0 0 3px #ef5a3629;transform:scale(.92)}.maze-grid .wall.current{box-shadow:inset 0 0 0 2px #fff}.chess-board>div{transition:background .18s,color .18s,box-shadow .18s,transform .18s}.chess-board>div.current{box-shadow:inset 0 0 0 4px var(--orange);z-index:1;transform:scale(.9)}.chess-board>div.queen{color:#fff;background:var(--orange);text-shadow:0 2px 6px #3f1c1247}.chess-board>div.queen.current{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--orange)}.author-credit{border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.author-credit small{letter-spacing:.13em;text-transform:uppercase;color:#788e88;font-size:8px;font-weight:700}.author-credit strong{text-align:right;color:#eff5f1;max-width:150px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;line-height:1.35}.circular-list-visual{z-index:2;width:min(92%,720px);height:auto;max-height:235px;position:relative;overflow:visible}.circular-list-visual .circle-edge,.circular-list-visual .circle-return{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.circular-list-visual .forward{stroke:var(--orange)}.circular-list-visual .reverse{stroke:var(--green)}.circular-list-visual marker[id*=forward] path{fill:var(--orange)}.circular-list-visual marker[id*=reverse] path{fill:var(--green)}.circle-node rect{fill:#faf8f2;stroke:#7b8b84;stroke-width:1.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 5px #24332c1a);transition:fill .2s,stroke .2s}.circle-node .circle-value{fill:var(--ink);font-family:DM Mono,monospace;font-size:15px;font-weight:500}.circle-node .circle-pointer{fill:#8a918c;font-family:DM Mono,monospace;font-size:7px}.circle-node.active rect{fill:var(--orange);stroke:var(--orange)}.circle-node.active .circle-value{fill:#fff}.circle-node.active .circle-pointer{fill:#ffe1d7}.circle-caption{fill:#8a918c;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:7px}@media (max-width:430px){.circular-list-visual{width:98%;max-height:210px}}.tree-kind-label{z-index:5;white-space:nowrap;color:#6f7772;letter-spacing:.08em;background:#f8f5ee;border:1px solid #c8c6bc;border-radius:20px;padding:5px 9px;font-family:DM Mono,monospace;font-size:7px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.tree-node{flex-direction:column;justify-content:center;align-items:center;display:flex}.tree-value{line-height:1}.tree-node-badge{color:#6b746f;letter-spacing:.03em;background:#f8f5ee;border:1px solid #cbc8bd;border-radius:4px;min-width:max-content;padding:2px 4px;font-family:DM Mono,monospace;font-size:6px;line-height:1.15;position:absolute;top:48px;left:50%;transform:translate(-50%)}.tree-node.active .tree-node-badge{color:#a8432d;background:#fff3ed;border-color:#f2b39f}.tree-node.deep-node{width:36px;height:36px;font-size:10px}.tree-edge-label{fill:#8d9691;paint-order:stroke;stroke:#ebe7de;stroke-width:4px;font-family:DM Mono,monospace;font-size:8px}.tree-rojo-negro .tree-node.red-node{color:#fff;background:#c84a39;border-color:#8f2f23}.tree-rojo-negro .tree-node.black-node{color:#fff;background:#25302d;border-color:#111815}.tree-rojo-negro .tree-node.active{box-shadow:0 0 0 6px #ef5a3633,0 9px 20px #22282647}.tree-expression-tree .operator-node{background:var(--green);border-color:var(--green);color:#fff;border-radius:10px}.tree-ast .tree-node{border-radius:9px;width:72px;height:42px;font-size:10px}.tree-ast .tree-node.deep-node{width:64px;height:36px;font-size:9px}.tree-ast .ast-statement-node{color:#fff;background:#27364c;border-color:#27364c;font-weight:700}.tree-ast .ast-operator-node{color:#fff;background:#b76b31;border-color:#b76b31;font-size:15px;font-weight:700}.tree-ast .ast-identifier-node{color:#263b4c;background:#eef3f6;border-color:#58738a}.tree-ast .ast-literal-node{color:#5c471d;background:#f5efe0;border-color:#a98743}.tree-ast .tree-node.active{background:var(--orange);border-color:var(--orange);color:#fff}.tree-merkle-tree .tree-node{border-radius:9px;width:66px}.tree-merkle-tree .tree-value{font-size:8px}.tree-segment-tree .tree-node{background:#f9f2df;border-color:#c08d2d;border-radius:8px}.tree-segment-tree .tree-node:first-of-type{color:#fff;background:#c08d2d}.tree-kd-tree .tree-node:nth-of-type(2n){border-color:#397db2}.tree-splay-tree .tree-node:first-of-type{background:var(--orange);border-color:var(--orange);color:#fff}.tree-heap .tree-node:first-of-type{color:#fff;background:#c08d2d;border-color:#c08d2d}.tree-heap .tree-node.heap-source{color:#26374f;background:#eef3f8;border-color:#677890;box-shadow:0 0 0 6px #4a658724,0 8px 18px #26374f2e}.tree-heap .tree-node.heap-target{border-color:var(--orange);box-shadow:0 0 0 7px #d9604326,0 9px 20px #78362533}.tree-heap .tree-node.heap-parent{color:#fff;background:#26364e;border-color:#26364e;box-shadow:0 0 0 6px #26364e21}.tree-heap .tree-node.heap-candidate:not(.heap-parent){color:#684b16;background:#fff7e8;border-color:#d59a35;box-shadow:0 0 0 5px #d59a351f}.heap-moving-node{left:var(--heap-from-x);top:var(--heap-from-y);z-index:12;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;font-family:DM Mono,monospace;font-size:13px;font-weight:700;animation:.58s ease-in-out forwards heapMoveToRoot;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #d9604357}.heap-moving-node small{color:#fff;letter-spacing:.06em;white-space:nowrap;background:#26364e;border-radius:4px;padding:2px 5px;font-size:6px;position:absolute;top:50px;left:50%;transform:translate(-50%)}@keyframes heapMoveToRoot{0%{left:var(--heap-from-x);top:var(--heap-from-y);transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-90%)scale(1.16)}to{left:var(--heap-to-x);top:var(--heap-to-y);transform:translate(-50%,-50%)scale(1)}}.nary-tree-canvas .tree-node{border-radius:9px}.nary-tree-canvas .tree-node:first-of-type{background:var(--green);color:#fff}.threaded-tree-canvas{width:min(700px,94%);height:300px}.threaded-tree-canvas .threaded-child-layer{z-index:1}.threaded-tree-canvas .thread-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.thread-edge{fill:none;stroke:#657b96;stroke-width:.68px;stroke-dasharray:2.2 1.7;stroke-linecap:round;opacity:.68;vector-effect:non-scaling-stroke;transition:stroke .2s,stroke-width .2s,opacity .2s}.thread-edge.active{stroke:var(--orange);stroke-width:1.45px;stroke-dasharray:3 1.5;opacity:1;filter:drop-shadow(0 1px 2px #d9604359)}.thread-layer marker path{fill:#657b96}.thread-layer marker#thread-arrow-active path{fill:var(--orange)}.threaded-node{z-index:4;background:#fffdf9;border-color:#526e8b}.threaded-node .tree-node-badge{color:#506881;text-transform:none;background:#f5f8fb;border-color:#b9c5d1}.threaded-node.active .tree-node-badge{color:#a8432d;background:#fff3ed;border-color:#efb39f}.thread-null-anchor{z-index:4;color:#65758a;letter-spacing:.04em;background:#f7f9fb;border:1px dashed #8696a8;border-radius:4px;padding:3px 5px;font-family:DM Mono,monospace;font-size:6.5px;font-weight:700;position:absolute;top:85%;transform:translate(-50%,-50%)}.thread-null-anchor.left-null{left:3%}.thread-null-anchor.right-null{left:97%}.threaded-tree-legend{z-index:5;white-space:nowrap;color:#586678;background:#ffffffeb;border:1px solid #cbd3dc;border-radius:6px;align-items:center;gap:14px;max-width:96%;padding:6px 9px;font-family:DM Mono,monospace;font-size:7px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1f2b3812}.threaded-tree-legend span{align-items:center;gap:5px;display:flex}.threaded-tree-legend i{border-top:2px solid #71827c;width:22px;height:0;display:inline-block}.threaded-tree-legend .thread-sample{border-top:2px dashed #657b96}.btree-visual .tree-kind-label{top:-8px}.bnode{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.bnode small{letter-spacing:.08em;color:#89918c;font-family:DM Mono,monospace;font-size:6px}.root-bnode small{color:#b9d1c7}.btree-visual.bplus-tree .child-bnode{border-color:var(--orange)}.btree-visual.bstar-tree .child-bnode{background:#f3eee4;min-width:118px}.bplus-leaf-chain{width:100%;height:30px;position:absolute;top:68%;left:0;overflow:visible}.bplus-leaf-chain line{stroke:var(--orange);stroke-width:2px;stroke-dasharray:4 3}.bplus-leaf-chain marker path{fill:var(--orange)}.btree-visual{width:min(860px,96%)}.root-bnode{white-space:nowrap;max-width:88%}.btree-visual.many-leaves .child-bnode{white-space:nowrap;min-width:0;padding:11px 4px;font-size:9px}.btree-visual.many-leaves.bstar-tree .child-bnode{min-width:0}.child-bnode.splitting{border-color:var(--orange);animation:.7s ease-in-out infinite alternate leafSplit;box-shadow:0 0 0 7px #ef5a3621,0 10px 22px #1f2f3929}.root-bnode.promoting{animation:.65s ease-out parentReceives}.promoted-key{z-index:6;background:var(--orange);color:#fff;text-align:center;border:2px solid #fff;border-radius:6px;min-width:44px;padding:8px 10px;font-family:DM Mono,monospace;font-size:12px;font-weight:700;animation:.36s ease-in-out forwards promoteToParent;position:absolute;top:67%;transform:translate(-50%,-50%);box-shadow:0 9px 24px #ef5a3659}.promoted-key small{letter-spacing:.12em;color:#ffe9e2;margin-bottom:2px;font-size:6px;display:block}@keyframes leafSplit{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.08)}}@keyframes promoteToParent{0%{opacity:.25;top:67%}25%{opacity:1}to{opacity:1;top:31%}}@keyframes parentReceives{0%{transform:translate(-50%,-50%)scale(.92);box-shadow:0 0 0 9px #ef5a3633}to{transform:translate(-50%,-50%)scale(1)}}.fibonacci-forest .fib-node{background:#fff8e9;border-color:#b88627}.fibonacci-forest .fib-node:nth-of-type(2){color:#fff;background:#b88627}.quadtree-visual{z-index:2;border:3px solid var(--green);background:#f8f5ee;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:270px;height:270px;display:grid;position:relative;box-shadow:0 12px 25px #23342c24}.quadtree-visual>div{border:1px solid var(--green);color:#557168;place-items:center;font-family:DM Mono,monospace;font-size:10px;display:grid}.quadtree-visual>div:nth-of-type(2){background:#e6eee9}.quadtree-visual>div:nth-of-type(3){background:#f7e5da}.quadtree-visual>div:nth-of-type(4){background:#e9e4d9}.quadtree-visual>div:nth-of-type(5){background:#dde8e3}.octree-visual{z-index:2;perspective:700px;width:300px;height:260px;transform-style:preserve-3d;position:relative}.octree-visual .octant{border:2px solid var(--green);width:92px;height:92px;color:var(--green);background:#f8f5eec7;place-items:center;font-family:DM Mono,monospace;font-size:10px;display:grid;position:absolute;box-shadow:8px -8px #1f6b531a}.octant-0{top:42px;left:42px}.octant-1{top:42px;left:136px}.octant-2{top:136px;left:42px}.octant-3{top:136px;left:136px}.octant-4{top:20px;left:66px;transform:translateZ(-30px)}.octant-5{top:20px;left:160px;transform:translateZ(-30px)}.octant-6{top:114px;left:66px;transform:translateZ(-30px)}.octant-7{top:114px;left:160px;transform:translateZ(-30px)}.spatial-point{z-index:8;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;min-width:24px;height:24px;padding:0 4px;font-family:DM Mono,monospace;font-size:7px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #44271c40}.spatial-point.active{transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 0 5px #ef5a3633,0 4px 10px #44271c40}.fenwick-visual{z-index:2;width:min(680px,92%);padding-top:35px;position:relative}.fenwick-bars{border-bottom:2px solid #71877e;justify-content:center;align-items:flex-end;gap:10px;height:190px;display:flex}.fenwick-column{flex-direction:column;align-items:center;gap:5px;display:flex}.fenwick-column>span{color:#737c77;font-family:DM Mono,monospace;font-size:7px}.fenwick-bar{border:1px solid var(--green);width:48px;color:var(--green);background:#e0ebe5;border-radius:6px 6px 0 0;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.fenwick-bar strong{font-family:DM Mono,monospace;font-size:12px}.fenwick-bar small{margin-top:5px;font-family:DM Mono,monospace;font-size:6px}.fenwick-column.active .fenwick-bar{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-7px);box-shadow:0 8px 15px #ef5a3633}.suffix-visual{z-index:2;align-items:center;gap:70px;width:min(640px,90%);height:260px;padding-top:36px;display:flex;position:relative}.suffix-root{background:var(--green);color:#fff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-family:DM Mono,monospace;font-size:8px;display:grid}.suffix-branches{flex-direction:column;gap:9px;display:flex}.suffix-branches>div{background:#faf8f2;border:1px solid #a8b0ab;border-radius:5px;min-width:150px;padding:7px 12px;font-family:DM Mono,monospace;font-size:9px;transition:all .2s;position:relative}.suffix-branches>div i{border-top:1px solid #82938b;width:70px;position:absolute;top:50%;right:100%}.suffix-branches>div.active{background:var(--orange);border-color:var(--orange);color:#fff;transform:translate(7px)}.suffix-branches>div.active i{border-color:var(--orange)}@media (max-width:780px){.tree-kind-label{font-size:6px}.fenwick-bars{gap:4px}.fenwick-bar{width:36px}.fenwick-bar small{font-size:5px}.btree-visual.bstar-tree .child-bnode{min-width:88px}.btree-visual.many-leaves .child-bnode{min-width:0;padding:9px 2px;font-size:7px}.btree-visual.many-leaves.bstar-tree .child-bnode{min-width:0}.btree-visual.many-leaves .root-bnode{padding-inline-start:8px;padding-inline-end:8px;font-size:8px}.suffix-visual{gap:42px}.suffix-branches>div i{width:42px}.suffix-branches>div{min-width:120px}}.hero{align-items:center;gap:22px;padding:20px 0 17px}.hero>div:first-child{flex:1;min-width:0}.hero h1{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(30px,3.2vw,43px);line-height:1.02}.hero p{max-width:820px;font-size:12px;line-height:1.55}.eyebrow{gap:7px}.eyebrow span,.eyebrow i{letter-spacing:.12em;font-size:8px}.eyebrow i{padding:2px 5px}.complexity-card{border-radius:10px;min-width:225px;max-width:285px;padding:12px 15px}.complexity-card>small{font-size:7px}.complexity-card>strong{margin:5px 0 8px;font-size:11px;line-height:1.35}.complexity-card>div{padding-top:7px;font-size:8px}.complexity-card>div svg{width:13px;height:13px}@media (max-width:780px){.mobile-menu-button+.hero{padding-top:12px}.hero{gap:12px;padding-bottom:15px}.hero h1{margin:6px 0 7px;font-size:32px}.hero p{font-size:11px;line-height:1.5}.complexity-card{max-width:none;margin-top:14px;padding:11px 14px}}.future-description{min-height:112px;color:var(--ink);background:linear-gradient(135deg,#ffffff8f,#eae4d88c);border:1px dashed #c7c1b6;border-radius:13px;align-items:flex-start;gap:14px;margin-top:16px;padding:18px 20px;display:flex}.future-description-icon{background:var(--orange-soft);width:40px;height:40px;color:var(--orange);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.future-description>div:last-child{min-width:0}.future-description span{color:var(--orange);letter-spacing:.14em;margin-bottom:4px;font-family:DM Mono,monospace;font-size:7px;font-weight:600;display:block}.future-description h2{letter-spacing:-.02em;margin:0 0 6px;font-size:15px}.future-description p{max-width:760px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}@media (max-width:430px){.future-description{min-height:100px;padding:15px}.future-description-icon{flex-basis:34px;width:34px;height:34px}.future-description h2{font-size:13px}}.bug-fab{z-index:35;background:var(--orange);color:#fff;cursor:pointer;border:1px solid #ffffff47;border-radius:22px;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 10px 28px #3f211847}.bug-fab:focus-visible{outline-offset:3px;outline:3px solid #ef5a3647}.bug-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e1b18ad;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.bug-modal{width:min(640px,100%);max-height:calc(100vh - 44px);color:var(--ink);background:#fbf9f4;border:1px solid #ffffffb3;border-radius:20px;animation:.22s ease-out bugModalIn;overflow:auto;box-shadow:0 30px 80px #00000059}.bug-modal header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;min-height:80px;padding:17px 20px;display:flex}.bug-modal-icon{background:var(--orange);color:#fff;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.bug-modal header>div:nth-child(2){min-width:0}.bug-modal header span{color:var(--orange);letter-spacing:.12em;margin-bottom:3px;font-family:DM Mono,monospace;font-size:8px;font-weight:700;display:block}.bug-modal header h2{letter-spacing:-.03em;margin:0;font-size:19px}.bug-modal header>button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;margin-left:auto;display:grid}.bug-intro{color:var(--muted);margin:0;padding:18px 20px 11px;font-size:13px;line-height:1.65}.bug-section-label{border-left:3px solid var(--green);background:#e7eee9;border-radius:0 8px 8px 0;margin:0 20px 16px;padding:10px 12px}.bug-section-label small,.bug-section-label strong{display:block}.bug-section-label small{letter-spacing:.11em;color:#718078;margin-bottom:3px;font-family:DM Mono,monospace;font-size:7px}.bug-section-label strong{color:var(--green);font-size:12px}.bug-modal form{grid-template-columns:1fr 215px;gap:14px;padding:0 20px 20px;display:grid}.bug-modal form label{flex-direction:column;gap:6px;display:flex}.bug-modal form label.bug-field-wide{grid-column:1/-1}.bug-modal form label.bug-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.bug-modal form label>span{color:#4f5c56;font-size:11px;font-weight:750}.bug-modal input,.bug-modal select,.bug-modal textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbc7bd;border-radius:9px;outline:0;padding:10px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bug-modal input,.bug-modal select{height:43px}.bug-modal textarea{resize:vertical;min-height:76px;line-height:1.5}.bug-modal input:focus,.bug-modal select:focus,.bug-modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef5a361a}.bug-form-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding-top:5px;display:flex}.bug-form-actions p{max-width:230px;color:var(--muted);align-items:center;gap:6px;margin:0 auto 0 0;font-size:9px;line-height:1.45;display:flex}.bug-form-actions p svg{color:var(--green);flex:none}.bug-form-actions button{height:41px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbc7bd;border-radius:9px;padding:0 14px;font-size:11px;font-weight:800}.bug-form-actions button[type=submit]{border-color:var(--orange);background:var(--orange);color:#fff;align-items:center;gap:7px;display:flex}@keyframes bugModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.bug-fab{justify-content:center;width:46px;height:46px;padding:0;bottom:15px;right:15px}.bug-fab span{display:none}.bug-modal-backdrop{padding:10px}.bug-modal{max-height:calc(100vh - 20px)}.bug-modal form{grid-template-columns:1fr}.bug-modal form label{grid-column:1!important}.bug-form-actions{flex-direction:column-reverse;grid-column:1}.bug-form-actions p{text-align:center;justify-content:center;max-width:none;margin:2px 0 0}.bug-form-actions button{justify-content:center;width:100%}}:root{--paper:#f4f6f8;--cream:#fff;--ink:#202938;--muted:#667085;--line:#d9dee7;--orange:#c85f43;--orange-soft:#f7e8e3;--green:#49698f;--navy:#202a38;--shadow:0 5px 18px #2029380f}body{background:var(--paper)}.sidebar{background:var(--navy);box-shadow:none}.brand{height:82px;padding:18px 20px}.brand-mark{box-shadow:none;border-radius:9px}.brand-home:hover .brand-mark{transform:none;box-shadow:inset 0 0 0 1px #fff3}.brand-copy>span,.nav-heading,.author-credit small{text-transform:none;letter-spacing:.025em}.sidebar .search{background:#0714102b;border-color:#ffffff29;border-radius:7px}.sidebar .search:focus-within{box-shadow:none;border-color:#fff6}.nav-heading{color:#a7b7b1;font-weight:600}.nav-group button{border-radius:6px}.nav-group button:hover{background:#ffffff0e}.nav-group button.selected{color:var(--ink);box-shadow:none;background:#f6f3ed}.sidebar-foot{padding:14px 18px}.author-credit{border-color:#ffffff1f}.welcome-page{padding-top:22px}.welcome-hero{min-height:410px;box-shadow:none;background:#f0ede6;border-radius:14px;padding:48px clamp(30px,5vw,66px)}.welcome-hero:before{display:none}.eyebrow span,.eyebrow i{text-transform:none;letter-spacing:.025em}.eyebrow span{font-weight:700}.eyebrow i{background:#f8faf8;border-color:#c9d0cc;border-radius:5px;padding:3px 7px;font-weight:600}.welcome-copy h1{letter-spacing:-.05em;margin-top:14px}.welcome-start{box-shadow:none;border-radius:7px;font-weight:700}.welcome-start:hover{box-shadow:none;background:#c95438;transform:none}.welcome-root{border-radius:18px;box-shadow:0 8px 22px #202a382e}.welcome-node{border-radius:7px;box-shadow:0 3px 10px #20293812}.welcome-about{padding-top:54px}.welcome-section-heading>span,.welcome-path small{text-transform:none;letter-spacing:.025em}.welcome-features{gap:12px}.welcome-features article{box-shadow:none;background:#fff;border-radius:10px}.welcome-features article>svg{margin-bottom:20px}.welcome-path{background:#283548;border:1px solid #35445b;border-radius:10px}.welcome-path small{color:#f1a48d}.hero h1{letter-spacing:-.04em}.complexity-card{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:#fff;border-radius:9px}.complexity-card>small{text-transform:none;letter-spacing:.025em;color:var(--muted)}.complexity-card>strong{color:var(--green)}.complexity-card>div{border-color:var(--line);color:var(--muted)}.panel{box-shadow:var(--shadow);background:#fff;border-radius:10px;outline:none}.visual-panel,.code-panel{outline:none}.panel-head{height:56px}.panel-index{color:#8a918d;font-weight:400}.panel-head button,.learning-strip button{border-radius:6px;font-weight:650}.panel-head button{font-size:11px}.panel-head-actions{flex:none;align-items:center;gap:6px;display:flex}.panel-head-actions button:last-child{color:var(--muted);background:#f8f9fb}.panel-head-actions button:last-child:hover{border-color:var(--green);color:var(--green)}.panel-head-actions .clear-demo-button{color:#a44d3b;background:#fff9f7;border-color:#ead8d3}.panel-head-actions .clear-demo-button:hover{color:#913b2b;background:#fff3ef;border-color:#c65f47}.canvas-grid{background-color:#eef1f5;background-image:linear-gradient(#3648620b 1px,#0000 1px),linear-gradient(90deg,#3648620b 1px,#0000 1px)}.canvas-grid:before,.canvas-grid:after{display:none}.step-badge{background:#ffffffeb;border-radius:5px}.player>button{border-radius:6px}.player .play{box-shadow:none;font-weight:700}.language{background:#e8eef6;border-radius:4px}.operations-panel{background:#f8f9fb}.operation-fields label span{text-transform:none;letter-spacing:.025em;font-size:11px;font-weight:650}.operation-fields input{border-radius:6px;font-size:13px}.operation-fields input:focus{box-shadow:0 0 0 2px #d960431c}.operation-actions button{min-height:35px;box-shadow:none;border-radius:6px;font-size:12px;font-weight:650}.operation-actions button:hover{box-shadow:none;transform:none}.operation-actions button.selected-operation{box-shadow:none}.operation-message{background:#eef1f5;border-radius:0 5px 5px 0}.operation-message>span{text-transform:none;letter-spacing:.025em;font-size:10px;font-weight:600}.operation-message p{font-size:13px;line-height:1.55}.empty-visual span{text-transform:none;letter-spacing:.025em}.code-tabs{border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:0}.panel-head .code-tabs button{letter-spacing:0;border-radius:0;padding:7px 8px 6px;font-family:inherit;font-size:10px}.panel-head .code-tabs button.active{border-bottom:2px solid var(--green);box-shadow:none;background:0 0}.panel-head .copy-button{letter-spacing:0;font-family:inherit;font-size:10px}.code-panel pre{scrollbar-color:#657187 #1d2735;background:#1d2735}.code-panel code.active{box-shadow:inset 2px 0 var(--orange);background:#d960431f;animation:.28s ease-out codeSyncPulse}.code-panel code.active i{color:#f1a38d}.code-panel code.helper-method-label{color:#f0ae99;background:#192c29;border-top:1px solid #ffffff17;margin-top:12px;padding-top:8px;padding-bottom:8px;font-weight:700}.code-panel code.helper-method-label i{color:#8ba49b}@keyframes codeSyncPulse{0%{background:#c85f4347}to{background:#d960431f}}.note{color:var(--orange);background:#fbf7f2}.note strong{font-size:13px}.note span{font-size:13px;line-height:1.6}.future-description,.future-description.available-description{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:10px}.future-description span{text-transform:none;letter-spacing:.025em}.future-description-icon{border-radius:8px}.description-details article,.description-learning-grid article{background:#f8f9fb;border-radius:7px}.description-tip{background:#fff8f4;border:1px solid #efd8cd}.description-java-example{border-radius:8px}.learning-strip{border:1px solid var(--line);background:#ebe8e1;border-radius:8px}.tree-kind-label{letter-spacing:.025em;background:#fff;border-radius:5px}.data-cell,.hash-slot{box-shadow:0 2px 7px #2c35300e}.welcome-orbit:after{box-shadow:0 0 0 4px #49698f1f}.available-description .future-description-icon{color:var(--green);background:#e8eef6}.description-java-example{background:#1d2735;border-color:#283548}.description-java-example>div{background:#263448}.bug-fab{border-color:#bf5037;border-radius:8px;font-weight:700;bottom:20px;right:22px;box-shadow:0 5px 16px #3f211829}.bug-fab:hover{transform:none;box-shadow:0 7px 18px #3f211833}.guided-tour-launch{z-index:35;color:#294d70;cursor:pointer;background:#fff;border:1px solid #c6d0dc;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:11px;font-weight:750;transition:border-color .28s,background .28s,transform .28s,box-shadow .28s;display:flex;position:fixed;bottom:76px;right:22px;box-shadow:0 5px 16px #202a3824}.guided-tour-launch:hover{background:#f3f7fb;border-color:#6e89a5;transform:translateY(-2px);box-shadow:0 9px 22px #202a382b}.guided-tour-launch:focus-visible{outline-offset:3px;outline:3px solid #365f8740}.guided-tour{z-index:110;opacity:1;pointer-events:none;transition:opacity .22s;position:fixed;top:0;bottom:0;left:0;right:0}.guided-tour.is-leaving{opacity:0}.guided-tour-backdrop{z-index:0;cursor:default;pointer-events:auto;background:0 0;border:0;position:fixed;top:0;bottom:0;left:0;right:0}.guided-tour-spotlight{z-index:1;pointer-events:none;border:2px solid #ef9d86;border-radius:13px;transition:left .42s cubic-bezier(.22,.72,.2,1),top .42s cubic-bezier(.22,.72,.2,1),width .42s cubic-bezier(.22,.72,.2,1),height .42s cubic-bezier(.22,.72,.2,1),border-radius .42s;position:fixed;box-shadow:0 0 0 9999px #0e1720ad,0 0 0 5px #ef9d8638}.guided-tour-card{z-index:2;color:#202a38;pointer-events:auto;background:#fbfaf7;border:1px solid #cad3de;border-radius:14px;width:min(360px,100vw - 32px);padding:20px;transition:left .42s cubic-bezier(.22,.72,.2,1),top .42s cubic-bezier(.22,.72,.2,1),box-shadow .28s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 65px #08101952}.guided-tour-card[style]{transform:none}.guided-tour-card header,.guided-tour-card footer,.guided-tour-card footer>div{align-items:center;display:flex}.guided-tour-card header{justify-content:space-between;gap:15px}.guided-tour-card header>span{color:#c7583e;letter-spacing:.08em;align-items:center;gap:7px;font:800 10px/1 DM Mono,monospace;display:flex}.guided-tour-card header>button{color:#637080;cursor:pointer;background:#fff;border:1px solid #d8dde3;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.guided-tour-progress{grid-template-columns:repeat(7,1fr);gap:5px;height:4px;margin:16px 0 17px;display:grid}.guided-tour-progress i{background:#dce1e6;border-radius:5px;transition:background .32s,transform .32s}.guided-tour-progress i.active{background:#365f87;transform:scaleY(1.35)}.guided-tour-card>small{color:#758294;text-transform:uppercase;letter-spacing:.06em;font:700 9px/1.2 DM Mono,monospace}.guided-tour-card h2{letter-spacing:-.025em;margin:7px 0 8px;font-size:22px;line-height:1.2}.guided-tour-card>p{color:#687586;min-height:65px;margin:0;font-size:13px;line-height:1.58}.guided-tour-card footer{justify-content:space-between;gap:10px;margin-top:18px}.guided-tour-card footer>div{gap:7px}.guided-tour-card footer button{cursor:pointer;border-radius:7px;min-height:35px;font-size:10px;font-weight:750}.tour-skip{color:#7b8490;background:0 0;border:0;padding:0}.tour-previous{color:#405267;background:#fff;border:1px solid #ccd3db;align-items:center;gap:5px;padding:0 10px;display:flex}.tour-next{color:#fff;background:#365f87;border:1px solid #365f87;align-items:center;gap:5px;padding:0 12px;display:flex}.tour-next:hover{background:#294d70}@media (prefers-reduced-motion:reduce){.guided-tour,.guided-tour-spotlight,.guided-tour-card,.guided-tour-progress i,.guided-tour-launch{transition:none!important}}@media (max-width:780px){.guided-tour-launch{justify-content:center;width:46px;height:46px;padding:0;bottom:70px;right:15px}.guided-tour-launch span{display:none}.guided-tour-card,.guided-tour-card[style]{width:auto;bottom:18px;right:16px;transform:none;top:auto!important;left:16px!important}.guided-tour-card>p{min-height:0}.guided-tour-card footer{align-items:flex-end}.guided-tour-card footer>div{flex-wrap:wrap;justify-content:flex-end}}.bug-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141f1b94}.bug-modal{border-color:var(--line);border-radius:12px;box-shadow:0 18px 50px #00000040}.bug-modal-icon{border-radius:8px}.bug-modal header span,.bug-section-label small{text-transform:none;letter-spacing:.025em}.bug-modal input,.bug-modal select,.bug-modal textarea,.bug-form-actions button{border-radius:7px}@media (max-width:780px){.workspace{padding:0 14px 24px}.sidebar{box-shadow:12px 0 32px #0003}.mobile-menu-button{box-shadow:none;border-radius:7px}.welcome-hero{border-radius:10px;padding:34px 24px}.panel,.future-description{border-radius:9px}.panel-head-actions{gap:5px}.panel-head-actions button{justify-content:center;width:34px;height:32px;padding:0}}.educational-description{align-items:flex-start;gap:15px;padding:24px}.educational-description>.future-description-icon{position:sticky;top:18px}.educational-description-body{width:100%;min-width:0}.educational-description-body>span{color:var(--orange);margin-bottom:6px;font-size:11px;font-weight:650}.educational-description-body>h2{letter-spacing:-.025em;margin:0 0 10px;font-size:25px;line-height:1.2}.educational-description .description-lead{color:#536074;max-width:1050px;margin:0;font-size:15px;line-height:1.75}.description-overview-grid{grid-template-columns:1.25fr .75fr;gap:11px;margin-top:18px;display:grid}.description-overview-grid article{border:1px solid var(--line);background:#f8f9fb;border-radius:8px;padding:17px 18px}.description-overview-grid article header,.description-list-card header{color:var(--ink);align-items:center;gap:8px;display:flex}.description-overview-grid article header svg,.description-list-card header svg{color:var(--green);flex:none}.description-overview-grid article header strong,.description-list-card header strong{font-size:15px}.description-overview-grid article p{max-width:none;color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.72}.description-overview-grid .description-example-card{background:#fff9f5;border-color:#e7d8cf}.description-overview-grid .description-example-card header svg{color:var(--orange)}.description-deep-dive{background:#f3f6fa;border:1px solid #cad5e3;border-radius:8px;margin-top:11px;padding:18px}.description-deep-dive header{color:var(--ink);align-items:center;gap:8px;display:flex}.description-deep-dive header svg{color:var(--green)}.description-deep-dive header strong{font-size:15px}.description-deep-dive p{color:#5f6d81;max-width:none;margin:9px 0 0;font-size:14px;line-height:1.72}.description-deep-dive p+p{margin-top:7px}.description-deep-dive b{color:var(--ink)}.description-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:11px;display:grid}.description-list-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px 18px}.description-list-card ul{color:var(--muted);margin:11px 0 0;padding-left:20px;font-size:14px;line-height:1.68}.description-list-card li+li{margin-top:4px}.description-list-card li::marker{color:var(--green)}.description-list-card.positive{background:#f7f9fc}.description-list-card.warning{background:#fdf9f6}.description-list-card.warning header svg{color:var(--orange)}.description-list-card.warning li::marker{color:var(--orange)}.description-list-card.uses{background:#f8f9fb}.description-complexity-row{color:var(--green);background:#eef3f9;border:1px solid #cad5e3;border-radius:8px;grid-template-columns:auto minmax(180px,.4fr) 1fr;align-items:center;gap:12px;margin-top:11px;padding:14px 16px;display:grid}.description-complexity-row>svg{flex:none}.description-complexity-row small,.description-complexity-row strong{display:block}.description-complexity-row small{color:#718096;letter-spacing:.02em;margin-bottom:3px;font-family:DM Mono,monospace;font-size:10px}.description-complexity-row strong{color:var(--ink);font-family:DM Mono,monospace;font-size:13px;line-height:1.5}.description-complexity-row p{color:#627086;border-left:1px solid #cad5e3;max-width:none;margin:0;padding-left:13px;font-size:13px;line-height:1.65}.description-java-guide{background:#1d2735;border:1px solid #263448;border-radius:8px;grid-template-columns:minmax(245px,.38fr) minmax(0,.62fr);margin-top:11px;display:grid;overflow:hidden}.description-java-copy{color:#fff;background:#263448;padding:20px}.description-java-copy small{color:#f0a48f;letter-spacing:.025em;margin:0 0 5px;font-family:DM Mono,monospace;font-size:10px;display:block}.description-java-copy h3{margin:0 0 10px;font-size:18px;line-height:1.3}.description-java-copy p{color:#c0c9d7;max-width:none;margin:0;font-size:13px;line-height:1.7}.description-java-copy strong{color:#fff;margin:17px 0 5px;font-size:13px;display:block}.description-java-guide pre{color:#e6ebf2;scrollbar-color:#657187 #1d2735;background:#1d2735;min-width:0;margin:0;padding:17px 0;font-family:DM Mono,monospace;font-size:13px;line-height:1.72;overflow:auto}.description-java-guide code{min-width:max-content;display:block}.description-java-guide code>span{color:#e6ebf2;min-width:100%;font:inherit;letter-spacing:0;white-space:pre;margin:0;padding:0 18px;display:block}.description-java-guide code>span:hover{background:#ffffff09}.description-java-guide code>span>i{color:#718096;-webkit-user-select:none;user-select:none;width:32px;font-style:normal;display:inline-block}.description-java-guide code>span.helper-method-label{color:#f0ae99;background:#172f2b;border-top:1px solid #ffffff1a;margin-top:12px;padding-top:9px;padding-bottom:9px;font-weight:700}.educational-description .description-tip{align-items:flex-start;margin-top:11px;padding:14px 16px}.educational-description .description-tip p{color:#68574f;max-width:none;font-size:15px;line-height:1.68}.educational-description .description-tip strong{font-size:15px}@media (max-width:900px){.description-overview-grid{grid-template-columns:1fr}.description-complexity-row{grid-template-columns:auto 1fr}.description-complexity-row p{border-top:1px solid #cad5e3;border-left:0;grid-column:1/-1;padding:10px 0 0}.description-java-guide{grid-template-columns:1fr}.description-java-copy{padding:17px}.description-java-copy strong,.description-java-copy strong+p{display:none}}@media (max-width:650px){.educational-description{gap:11px;padding:17px}.educational-description>.future-description-icon{flex-basis:36px;width:36px;height:36px;position:static}.educational-description-body>h2{font-size:21px}.educational-description .description-lead{font-size:14px;line-height:1.7}.description-card-grid{grid-template-columns:1fr}.description-overview-grid article,.description-list-card{padding:15px}.description-list-card ul,.description-overview-grid article p{font-size:13px}.description-deep-dive{padding:15px}.description-deep-dive p{font-size:13px}.description-java-guide pre{font-size:12px}.educational-description .description-tip p,.educational-description .description-tip strong{font-size:14px}}@media (max-width:430px){.educational-description{padding:16px;display:block}.educational-description>.future-description-icon{margin-bottom:11px}}.opening-intro{z-index:100;color:#f7f9fc;background:#182231;place-items:center;padding:clamp(16px,3vw,40px);animation:.45s ease-out both openingBackdropIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.opening-intro:before{content:"";background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 78% 36%,#5b81ae3d,#0000 28rem);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000c,#0000 90%);mask-image:linear-gradient(#000c,#0000 90%)}.opening-intro.is-leaving{pointer-events:none;animation:.62s cubic-bezier(.55,0,.2,1) both openingBackdropOut}.opening-surface{background:#1b2738e0;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;width:min(1080px,100%);min-height:min(650px,100vh - 40px);padding:clamp(22px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000047}.opening-surface:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:340px;height:340px;animation:12s linear infinite openingCircle;position:absolute;bottom:-130px;right:-90px;box-shadow:0 0 0 56px #ffffff06,0 0 0 112px #ffffff05}.opening-header{z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.opening-header>div{align-items:center;gap:11px;display:flex}.opening-header p{margin:0}.opening-header strong,.opening-header small{display:block}.opening-header strong{font-size:14px}.opening-header small{color:#9eacbe;letter-spacing:.04em;margin-top:2px;font-size:9px}.opening-logo{background:var(--orange);color:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.opening-header button{color:#f7f9fc;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:7px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.opening-header button:hover{background:#ffffff1c;border-color:#ffffff73;transform:translate(2px)}.opening-content{z-index:2;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(290px,.65fr);align-items:center;gap:clamp(40px,7vw,100px);padding:55px 2% 45px;display:grid;position:relative}.opening-message{max-width:650px}.opening-kicker{color:#ef9d86;letter-spacing:.025em;align-items:center;gap:7px;font-size:11px;font-weight:700;animation:.55s ease-out .2s both openingRise;display:flex}.opening-message h1{letter-spacing:-.065em;margin:20px 0;font-size:clamp(42px,5.6vw,76px);line-height:.98}.opening-message h1 span{animation:.7s cubic-bezier(.2,.7,.2,1) both openingRise;display:block}.opening-message h1 span:first-child{animation-delay:.35s}.opening-message h1 span:last-child{color:#aebdd0;animation-delay:.5s}.opening-message>p{color:#c1cad7;max-width:650px;margin:0;font-size:clamp(14px,1.35vw,17px);line-height:1.75;animation:.65s ease-out .72s both openingRise}.opening-journey{flex-direction:column;gap:12px;display:flex;position:relative}.opening-journey:before{content:"";transform-origin:top;border-left:1px dashed #ffffff38;animation:1.4s ease-out .7s both openingLine;position:absolute;top:28px;bottom:28px;left:22px}.opening-journey>div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:13px;padding:13px;animation:.55s ease-out both openingCardIn;display:flex;position:relative}.opening-journey>div:first-child{animation-delay:.75s}.opening-journey>div:nth-child(2){animation-delay:1.02s}.opening-journey>div:nth-child(3){animation-delay:1.29s}.opening-journey>div>span{z-index:2;color:#ef9d86;background:#24354c;border:1px solid #ffffff29;border-radius:9px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;position:relative}.opening-journey p{margin:0}.opening-journey small,.opening-journey strong,.opening-journey em{display:block}.opening-journey small{color:#8291a5;margin-bottom:2px;font-family:DM Mono,monospace;font-size:7px}.opening-journey strong{font-size:13px}.opening-journey em{color:#9eacbe;margin-top:3px;font-size:10px;font-style:normal;line-height:1.4}.opening-footer{z-index:2;color:#8f9db0;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;font-size:9px;display:grid;position:relative}.opening-footer>div{background:#ffffff1a;border-radius:2px;height:2px;overflow:hidden}.opening-footer i{transform-origin:0;background:#ef9d86;width:100%;height:100%;animation:7.35s linear .2s both openingProgress;display:block}.opening-footer small{font:inherit;color:#aab5c4}@keyframes openingBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes openingBackdropOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.025)}}@keyframes openingRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes openingCardIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes openingLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes openingProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes openingCircle{to{transform:rotate(360deg)}}@media (max-width:760px){.opening-surface{border-radius:12px;min-height:calc(100vh - 24px);padding:22px}.opening-content{grid-template-columns:1fr;gap:30px;padding:42px 0 28px}.opening-message h1{font-size:clamp(39px,12vw,58px)}.opening-message>p{font-size:14px;line-height:1.65}.opening-journey{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.opening-journey:before{display:none}.opening-journey>div{padding:10px;display:block}.opening-journey>div>span{width:36px;height:36px;margin-bottom:9px}.opening-journey em{display:none}.opening-footer{grid-template-columns:1fr auto}.opening-footer>span{display:none}}@media (max-width:430px){.opening-intro{padding:0}.opening-surface{border:0;border-radius:0;min-height:100vh;padding:19px}.opening-header button{height:35px;padding:0 10px;font-size:10px}.opening-content{gap:25px;padding-top:36px}.opening-message h1{margin:16px 0;font-size:40px}.opening-message>p{font-size:13px}.opening-journey strong{font-size:11px}.opening-journey small{font-size:6px}.opening-footer small{font-size:8px}}@media (prefers-reduced-motion:reduce){.opening-intro,.opening-intro *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0s!important}}.welcome-copy .eyebrow{gap:10px}.welcome-copy .eyebrow span{font-size:15px;font-weight:800}.welcome-copy .eyebrow i{padding:5px 10px;font-size:14px;font-weight:700}@media (max-width:600px){.welcome-copy .eyebrow{flex-direction:column;align-items:flex-start;gap:7px}.welcome-copy .eyebrow span{font-size:13px}.welcome-copy .eyebrow i{padding:4px 8px;font-size:12px}}.welcome-copy>p{max-width:760px;font-size:17px;line-height:1.72}.welcome-start{height:50px;padding:0 20px;font-size:14px}.welcome-copy .welcome-motto{margin-top:20px;font-size:13px;line-height:1.55}.welcome-root small{font-size:10px}.welcome-node{font-size:11px}.welcome-section-heading{max-width:850px}.welcome-section-heading>span{font-size:12px}.welcome-section-heading h2{margin-top:11px;font-size:clamp(30px,3vw,42px)}.welcome-section-heading p{max-width:820px;font-size:16px;line-height:1.72}.welcome-features article{min-height:205px;padding:25px}.welcome-features article>span{font-size:11px}.welcome-features h3{font-size:19px;line-height:1.3}.welcome-features p{font-size:14px;line-height:1.7}.welcome-path{gap:25px;padding:24px 27px}.welcome-path small{font-size:11px}.welcome-path strong{font-size:16px}.welcome-path p{font-size:13px;line-height:1.62}@media (max-width:780px){.welcome-copy>p{font-size:15px;line-height:1.7}.welcome-start{font-size:13px}.welcome-copy .welcome-motto{font-size:12px}.welcome-section-heading>span{font-size:11px}.welcome-section-heading p{font-size:15px}.welcome-features article{min-height:0;padding:22px}.welcome-features h3{font-size:18px}.welcome-features p{font-size:14px}.welcome-path{padding:22px}.welcome-path strong{font-size:15px}.welcome-path p{font-size:13px}.pathfinding-canvas .graph-node{width:46px;height:46px}.pathfinding-canvas .graph-node span{font-size:12px}.pathfinding-canvas .graph-node small{font-size:7px}.pathfinding-status{gap:7px;max-width:100%;padding:5px 7px;font-size:8px;bottom:-6px}.pathfinding-status b{max-width:58px}.pathfinding-status em{padding-left:6px}}.path-map-visual{--map-search:#51d3e2;--map-frontier:#82e6ef;--map-route:#ffd36b;z-index:1;color:#e9f3f5;background:radial-gradient(circle at 14% 88%,#305b692e,#0000 34%),radial-gradient(circle at 88% 18%,#26445426,#0000 28%),linear-gradient(145deg,#151a20 0%,#10151b 58%,#0d1217 100%);border:1px solid #27323c;border-radius:16px;width:min(960px,96%);height:344px;position:relative;overflow:hidden;box-shadow:0 18px 42px #10181f42,inset 0 1px #ffffff0b}.path-map-visual.is-astar{--map-search:#75c6ff;--map-frontier:#a6d9ff;--map-route:#ffca78}.path-map-visual:before{content:"";z-index:1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.path-map-heading{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:14px;left:16px;right:16px}.path-map-heading>div{gap:4px;display:grid}.path-map-heading strong{letter-spacing:.025em;align-items:center;gap:7px;font-size:12px;font-weight:760;display:flex}.path-map-kicker{color:#79909a;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:6px;font-size:7px;font-weight:750;display:flex}.path-map-kicker i{background:var(--map-search);width:5px;height:5px;box-shadow:0 0 9px var(--map-search);border-radius:50%;animation:1.4s ease-in-out infinite mapLivePulse}.path-map-heading em{color:#97abb3;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e138f;border:1px solid #89a4af2e;border-radius:6px;padding:6px 8px;font-family:DM Mono,monospace;font-size:8px;font-style:normal;font-weight:500}.path-map-city{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.city-blocks rect{fill:#1a2229;stroke:#27333b;stroke-width:.9px;opacity:.66}.city-blocks rect.water-block{fill:#13252e;stroke:#1d3b47;opacity:.72}.city-road-shadow path,.city-road-base path,.city-road-explored path,.city-road-frontier path,.city-road-route path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.city-road-shadow path{stroke:#05090d;stroke-width:4.4px;opacity:.9}.city-road-shadow path.avenue{stroke-width:6px}.city-road-base path{stroke:#53656a;stroke-width:1px;opacity:.62}.city-road-base path.avenue{stroke:#687b80;stroke-width:1.35px;opacity:.72}.city-road-explored path{stroke:var(--map-search);stroke-width:2.05px;opacity:.72;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--map-search) 78%,transparent));animation:.3s ease-out both mapRoadReveal}.city-road-frontier path{stroke:var(--map-frontier);stroke-width:2.6px;opacity:.98;stroke-dasharray:4 4;animation:.8s linear infinite mapFrontierFlow}.city-road-route path{stroke:var(--map-route);stroke-width:3.8px;opacity:1;stroke-dasharray:7 4;animation:.72s linear infinite mapRouteFlow}.path-search-area{mix-blend-mode:screen;transition:cx .2s,cy .2s}.city-intersections circle{fill:#77898c;opacity:.55}.city-visited-points circle{fill:var(--map-search);opacity:.76}.city-frontier-points circle{fill:#d5fbff;stroke:var(--map-frontier);stroke-width:2px;filter:drop-shadow(0 0 5px var(--map-frontier))}.city-route-points circle{fill:#fff4c5;stroke:var(--map-route);stroke-width:1.5px}.path-map-searcher{transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite alternate mapSearcherArrow}.path-map-searcher path{fill:#eaffff;stroke:var(--map-search);stroke-width:1.5px;stroke-linejoin:round}.path-map-marker circle:first-child{fill:#111a21;stroke-width:3px}.path-map-marker.start-marker circle:first-child{stroke:#70dbe6}.path-map-marker.goal-marker circle:first-child{stroke:#f2a780}.path-map-marker.start-marker circle:nth-child(2){fill:#70dbe6}.path-map-marker.goal-marker path{fill:none;stroke:#f2a780;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.path-map-marker text{fill:#dce8ea;letter-spacing:.11em;paint-order:stroke;stroke:#10161b;stroke-width:4px;stroke-linejoin:round;font-family:DM Mono,monospace;font-size:9px;font-weight:700}.path-map-legend{z-index:5;color:#8fa2aa;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e13b3;border:1px solid #89a4af26;border-radius:7px;align-items:center;gap:12px;min-height:28px;padding:0 10px;font-size:7px;display:flex;position:absolute;bottom:13px;left:16px}.path-map-legend span{align-items:center;gap:5px;display:flex}.path-map-legend i{background:#53656a;border-radius:50%;width:7px;height:7px}.path-map-legend .legend-start{background:#70dbe6;box-shadow:0 0 5px #70dbe699}.path-map-legend .legend-goal{background:#f2a780}.path-map-legend .legend-frontier{background:var(--map-frontier);box-shadow:0 0 5px var(--map-frontier)}.path-map-legend .legend-explored{background:var(--map-search)}.path-map-legend .legend-route{background:var(--map-route);box-shadow:0 0 5px #ffd36bb3}.path-map-summary{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e13c2;border:1px solid #89a4af26;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:6px 9px;display:flex;position:absolute;bottom:13px;right:16px}.path-map-summary>span{white-space:nowrap;border-left:1px solid #ffffff14;gap:2px;min-width:62px;padding:0 8px;display:grid}.path-map-summary>span:first-child{border-left:0}.path-map-summary small{color:#70848d;letter-spacing:.11em;text-transform:uppercase;font-size:6px;font-weight:700}.path-map-summary b{color:#f2f8f9;font-family:DM Mono,monospace;font-size:9px;font-weight:600}.path-map-summary .path-map-empty{min-width:210px}.path-map-summary .path-map-empty b{color:#c6d3d6}@keyframes mapLivePulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes mapRoadReveal{0%{opacity:0;stroke-width:.4px}to{opacity:.72;stroke-width:2.05px}}@keyframes mapFrontierFlow{to{stroke-dashoffset:-8px}}@keyframes mapRouteFlow{to{stroke-dashoffset:-11px}}@keyframes mapSearcherArrow{0%{opacity:.74}to{opacity:1}}@media (max-width:780px){.path-map-visual{border-radius:12px;width:98%;height:288px}.path-map-heading{top:10px;left:11px;right:11px}.path-map-heading em{font-size:7px}.path-map-legend{gap:8px;padding-inline-start:8px;padding-inline-end:8px;bottom:9px;left:10px}.path-map-legend span:nth-child(3){display:none}.path-map-summary{bottom:9px;right:10px}.path-map-summary>span{min-width:52px;padding-inline-start:6px;padding-inline-end:6px}}@media (max-width:540px){.path-map-visual{border-radius:9px;width:100%;height:263px}.path-map-heading em{display:none}.path-map-legend{min-height:25px}.path-map-legend span:first-child,.path-map-legend span:nth-child(2){display:none}.path-map-summary{min-height:34px;padding:4px 6px}.path-map-summary>span:nth-child(2){display:none}.path-map-summary .path-map-empty{min-width:165px}.path-map-marker text{font-size:8px}}@media (max-width:1100px){.code-panel pre{flex-basis:250px;height:250px;min-height:250px}}.lab-grid.visual-only{grid-template-columns:minmax(0,1fr)}.lab-grid.visual-only .path-map-visual{width:min(1120px,97%)}.canvas-grid{isolation:isolate;background-size:28px 28px}.linear-visual{scrollbar-width:thin;scrollbar-color:#a8b2ae transparent;flex-wrap:nowrap;justify-content:safe center;width:calc(100% - 28px);max-width:none;min-height:118px;padding:28px 12px 20px;overflow:auto hidden}.linear-visual::-webkit-scrollbar{height:6px}.circular-scroll::-webkit-scrollbar{height:6px}.linear-visual::-webkit-scrollbar-thumb{background:#a8b2ae;border-radius:10px}.circular-scroll::-webkit-scrollbar-thumb{background:#a8b2ae;border-radius:10px}.linear-unit{flex:none}.sort-visual{z-index:2;width:calc(100% - 32px);min-width:0;max-width:920px;color:var(--ink);flex-direction:column;align-items:center;gap:15px;padding:18px 16px 15px;display:flex;position:relative}.sort-phase-label{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 12px;min-height:45px;display:flex}.sort-phase-label>span{color:#56657a;letter-spacing:.1em;background:#f8faf9;border:1px solid #bec8c3;border-radius:5px;padding:5px 8px;font-family:DM Mono,monospace;font-size:8px;font-weight:700}.sort-phase-label>strong{font-size:14px;font-weight:650}.sort-phase-label>small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.sort-array-row{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;display:grid}.sort-array-row>em{color:#66736f;text-align:right;font-family:DM Mono,monospace;font-size:10px;font-style:normal;font-weight:650}.sort-cells{scrollbar-width:thin;scrollbar-color:#a8b2ae transparent;justify-content:safe center;align-items:center;gap:6px;min-width:0;padding:11px 6px 13px;display:flex;overflow-x:auto}.sort-cells::-webkit-scrollbar{height:5px}.sort-cells::-webkit-scrollbar-thumb{background:#a8b2ae;border-radius:10px}.sort-cell{background:#fffdf8;border:1px solid #b6c0bc;border-radius:8px;flex-direction:column;flex:0 0 54px;justify-content:center;align-items:center;gap:4px;height:61px;transition:transform .28s,background-color .28s,border-color .28s,box-shadow .28s;display:flex;position:relative;box-shadow:0 5px 12px #1f2b3812}.sort-cell span{color:var(--ink);font-family:DM Mono,monospace;font-size:16px;font-weight:650}.sort-cell small{color:#818b87;min-height:10px;font-family:DM Mono,monospace;font-size:7px;line-height:1}.sort-cell.in-range{background:#f6f8f7;border-color:#80908a}.sort-cell.left-half{background:#f3f7fb;border-bottom:4px solid #5278a3}.sort-cell.right-half{background:#fff6f1;border-bottom:4px solid #c87257}.sort-cell.pivot{z-index:4;background:#c85f43;border-color:#c85f43;transform:translateY(-7px);box-shadow:0 9px 20px #c85f4340}.sort-cell.pivot span,.sort-cell.pivot small,.sort-cell.swapping span,.sort-cell.swapping small{color:#fff}.sort-cell.comparing{z-index:3;border-color:#496b91;box-shadow:0 0 0 3px #496b9129,0 7px 15px #1f2b381a}.sort-cell.swapping{z-index:3;background:#4f657d;border-color:#4f657d;transform:translateY(-5px)}.sort-cell.fixed:not(.pivot):not(.swapping){background:#e8efec;border-color:#668078}.sort-cell.writing{z-index:3;border-color:#c85f43;transform:translateY(-4px);box-shadow:0 0 0 3px #c85f4326}.sort-cell.active:not(.pivot):not(.swapping):not(.writing){transform:translateY(-3px)}.auxiliary-row{border-top:1px dashed #c5cdca;padding-top:2px}.sort-cell.auxiliary{height:51px;box-shadow:none;background:#f4f1e9;border-style:dashed}.sort-cell.auxiliary span{font-size:14px}.sort-cell.auxiliary.writing{background:#fff4ee;border-style:solid}.sort-legend{color:#6f7975;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 18px;min-height:20px;font-size:9px;display:flex}.sort-legend span{align-items:center;gap:5px;display:inline-flex}.sort-legend i{border:1px solid #8f9995;border-radius:3px;width:11px;height:11px}.sort-legend .pivot-sample{background:#c85f43;border-color:#c85f43}.sort-legend .compare-sample{border-color:#496b91;box-shadow:0 0 0 2px #496b9124}.sort-legend .fixed-sample{background:#e8efec;border-color:#668078}.sort-legend .left-sample{background:#f3f7fb;border-color:#5278a3}.sort-legend .right-sample{background:#fff6f1;border-color:#c87257}.sort-legend .write-sample{background:#fff4ee;border-color:#c85f43}.data-cell{background:#fffdf8;border-color:#aeb8b3;border-radius:8px;width:60px;height:66px;box-shadow:0 6px 15px #1f2b3814}.data-cell span{color:var(--ink);font-size:17px}.data-cell small{letter-spacing:.035em;min-height:10px;font-size:8px}.data-cell.first-cell:not(.active){border-left:2px solid #68788f}.data-cell.last-cell:not(.active){border-right:2px solid var(--orange)}.data-cell.active span{color:#fff}.linear-connector{flex:0 0 52px;width:52px;height:36px;margin:0 4px;overflow:visible}.linear-connector path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.linear-connector .connector-line{stroke-width:2px}.linear-connector .connector-head{stroke-width:2.25px}.linear-connector .forward{stroke:var(--orange)}.linear-connector .reverse{stroke:#556d89}.linear-connector.rail .forward{stroke:#8b9893;stroke-width:1.5px}.linear-connector.rail circle{fill:#8b9893}.linear-connector.bidirectional .reverse{stroke:#556d89}.circular-scroll{z-index:2;scrollbar-width:thin;scrollbar-color:#a8b2ae transparent;justify-content:safe center;align-items:center;width:calc(100% - 28px);min-height:188px;display:flex;position:relative;overflow:auto hidden}.circular-list-visual{flex:none;max-width:none;height:160px;max-height:none}.circular-list-visual .circle-edge,.circular-list-visual .circle-return{stroke-width:2.15px}.circle-caption{font-size:9px;font-weight:650}.tree-canvas .edge-layer line,.btree-edges line{stroke:#71827c;stroke-width:1.55px;stroke-linecap:round;vector-effect:non-scaling-stroke}.complexity-lesson{color:#253141;flex-direction:column;gap:18px;display:flex}.complexity-lesson article{background:#f8f9fb;border:1px solid #d5dbe3;border-radius:16px;box-shadow:0 8px 24px #1f2b380e}.complexity-lesson h2,.complexity-lesson h3{letter-spacing:-.025em;margin:7px 0 10px}.complexity-lesson h2{font-size:27px}.complexity-lesson h3{font-size:20px}.complexity-lesson p,.complexity-lesson li{color:#596779;font-size:14px;line-height:1.7}.complexity-lesson b{color:#26364a}.lesson-kicker{color:#b75c40;letter-spacing:.09em;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.complexity-intro-card{padding:28px 30px}.complexity-intro-card>p{max-width:900px;margin:0}.complexity-foundations{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.complexity-foundations>div{background:#fff;border:1px solid #d7dee7;border-radius:11px;padding:17px}.complexity-foundations strong{color:#b75c40;font-family:DM Mono,monospace;font-size:25px;display:block}.complexity-foundations span{margin:3px 0 7px;font-weight:700;display:block}.complexity-foundations p{margin:0;font-size:12px;line-height:1.55}.complexity-theory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.complexity-theory-grid>article{padding:24px 26px}.complexity-theory-grid ol,.complexity-theory-grid ul{margin:14px 0 0;padding-left:20px}.complexity-theory-grid li+li{margin-top:8px}.complexity-case-stack{gap:9px;margin-top:14px;display:grid}.complexity-case-stack p{background:#fff;border-left:4px solid #6d899d;border-radius:7px;margin:0;padding:12px 14px}.complexity-case-stack p:nth-child(2){border-color:#8b729c}.complexity-case-stack p:nth-child(3){border-color:#b7674b}.complexity-case-stack b,.complexity-case-stack span{display:block}.complexity-case-stack span{margin-top:3px;font-size:12px}.complexity-chart-card{grid-template-columns:minmax(230px,.7fr) minmax(420px,1.3fr);align-items:center;gap:30px;padding:26px 30px;display:grid}.complexity-chart-card>div:first-child p{margin:0}.complexity-static-chart{background:#fff;border:1px solid #d7dee7;border-radius:12px;padding:14px}.complexity-static-chart svg{width:100%;height:250px;display:block}.complexity-static-chart .axis{fill:none;stroke:#627186;stroke-width:1.1px}.complexity-static-chart .guide{fill:none;stroke:#e0e5eb;stroke-width:.7px;stroke-dasharray:2 2}.complexity-static-chart .curve{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.complexity-static-chart text{fill:#718094;font-family:DM Mono,monospace;font-size:4px}.complexity-chart-legend{flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}.complexity-chart-legend span{color:#5d6b7d;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;display:flex}.complexity-chart-legend i{border-radius:4px;width:13px;height:3px}.complexity-order-table-card{padding:26px 30px}.complexity-order-table{background:#fff;border:1px solid #d5dce5;border-radius:11px;margin-top:18px;overflow:hidden}.complexity-order-table>div{grid-template-columns:115px 165px minmax(220px,1fr) minmax(145px,.7fr);display:grid}.complexity-order-table>div+div{border-top:1px solid #e1e5ea}.complexity-order-table span,.complexity-order-table b{padding:12px 14px;font-size:12px}.complexity-order-table span+span,.complexity-order-table b+b{border-left:1px solid #e1e5ea}.complexity-order-table .table-head{color:#fff;background:#29384b}.complexity-order-table .table-head b{color:#fff;font-size:11px}.complexity-order-table strong{color:#b55c40;font-family:DM Mono,monospace;font-size:13px}.complexity-simplify-card>div{background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;display:flex}.complexity-simplify-card>div span{color:#778495;font-size:11px}.complexity-simplify-card>div strong{font-family:DM Mono,monospace;font-size:18px}.complexity-simplify-card .complexity-result{background:#e8f0ef;margin-top:12px}.complexity-simplify-card .complexity-result strong{color:#356d68;font-size:21px}.complexity-notation-card{padding:27px 30px}.complexity-notation-card>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;display:grid}.complexity-notation-card>div p{background:#fff;border:1px solid #d7dee7;border-radius:10px;margin:0;padding:17px}.complexity-notation-card p strong,.complexity-notation-card p b,.complexity-notation-card p span{display:block}.complexity-notation-card p strong{color:#b55c40;margin-bottom:8px;font-family:DM Mono,monospace;font-size:19px}.complexity-notation-card p b{font-size:13px}.complexity-notation-card p span{margin-top:5px;font-size:12px;line-height:1.55}.complexity-notation-card aside{color:#fff;background:#29384b;border-radius:9px;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:flex}.complexity-notation-card aside b{color:#fff;flex:none}.complexity-notation-card aside span{color:#dce5ef;font-family:DM Mono,monospace;font-size:11px;line-height:1.55}.complexity-summary-card{padding:22px 27px;background:#fff9ea!important;border-color:#d5c39e!important}.complexity-summary-card p{margin:8px 0 0;font-size:16px}.data-foundations strong{letter-spacing:-.02em;font-family:inherit;font-size:20px}.data-concept-pair{gap:10px;margin-top:14px;display:grid}.data-concept-pair p{background:#fff;border-left:4px solid #597c8e;border-radius:8px;margin:0;padding:13px 15px}.data-concept-pair p:last-child{border-color:#b6674c}.data-concept-pair b,.data-concept-pair span{display:block}.data-concept-pair span{margin-top:4px;font-size:12px;line-height:1.55}.data-families-card,.data-map-card{padding:27px 30px}.data-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.data-family-grid>div{background:#fff;border:1px solid #d7dee7;border-radius:11px;min-height:210px;padding:18px;position:relative}.data-family-grid i{color:#9da8b5;font-family:DM Mono,monospace;font-size:10px;font-style:normal;display:block}.data-family-grid strong,.data-family-grid small{display:block}.data-family-grid strong{color:#2d4158;margin-top:15px;font-size:18px}.data-family-grid small{color:#b55c40;margin-top:4px;font-family:DM Mono,monospace;font-size:9px;line-height:1.5}.data-family-grid p{margin:13px 0 0;font-size:12px;line-height:1.6}.data-operation-table>div{grid-template-columns:130px minmax(280px,1.2fr) minmax(220px,.8fr)}.data-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.data-map-grid p{background:#fff;border:1px solid #d7dee7;border-radius:10px;margin:0;padding:15px 17px}.data-map-grid b,.data-map-grid span{display:block}.data-map-grid b{font-size:13px}.data-map-grid span{color:#68778a;margin-top:5px;font-size:12px}.oop-lesson code{font-family:DM Mono,monospace}.oop-intro-card>p+p{margin-top:10px}.oop-foundations strong{font-family:inherit;font-size:20px}.oop-analogy{background:#fff;border-left:4px solid #607f97;border-radius:9px;margin-top:16px;padding:15px 17px}.oop-analogy b,.oop-analogy span{display:block}.oop-analogy span{color:#667589;margin-top:5px;font-size:12px;line-height:1.6}.oop-object-example>p{margin:0 0 14px}.oop-object-example>p code{color:#344c63;background:#e8edf2;border-radius:4px;padding:2px 5px;font-size:12px}.oop-lesson article{min-width:0}.oop-code{box-sizing:border-box;color:#e8eef5;-moz-tab-size:4;tab-size:4;background:#243344;border:1px solid #34475b;border-radius:11px;width:100%;max-width:100%;margin:16px 0 12px;padding:17px 19px;font:12px/1.7 DM Mono,monospace;overflow:auto}.oop-code code{white-space:pre}.oop-process-card,.oop-pillars-card,.oop-comparison-card,.oop-complete-example,.oop-mistakes-card,.oop-checklist-card{padding:27px 30px}.oop-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px;display:grid}.oop-process>div{background:#fff;border:1px solid #d7dee7;border-radius:11px;padding:17px}.oop-process i{color:#fff;background:#334b62;border-radius:50%;place-items:center;width:27px;height:27px;font:10px DM Mono,monospace;display:grid}.oop-process b,.oop-process span{display:block}.oop-process b{margin-top:13px;font-size:13px}.oop-process span{color:#68778a;margin-top:6px;font-size:12px;line-height:1.55}.oop-pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.oop-pillar-grid>div{background:#fff;border:1px solid #d7dee7;border-radius:11px;min-height:165px;padding:18px;position:relative}.oop-pillar-grid i{color:#b55c40;font:10px DM Mono,monospace}.oop-pillar-grid strong{color:#2d4158;margin-top:24px;font-size:17px;display:block}.oop-pillar-grid p{margin:9px 0 0;font-size:12px;line-height:1.6}.oop-access-table>div{grid-template-columns:140px minmax(210px,.8fr) minmax(300px,1.2fr)}.oop-comparison-card .data-concept-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.oop-comparison-card .data-concept-pair p{flex-direction:column;display:flex}.oop-comparison-card .data-concept-pair code{color:#40556b;background:#edf1f5;border-radius:6px;margin-top:9px;padding:7px 9px;font-size:11px;display:block}.oop-complete-example>p{max-width:850px;margin:0}.oop-example-notes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.oop-example-notes p{background:#fff;border:1px solid #d7dee7;border-radius:9px;margin:0;padding:13px 15px}.oop-example-notes b,.oop-example-notes span{display:block}.oop-example-notes span{margin-top:4px;font-size:12px}.oop-mistake-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.oop-mistake-grid p{background:#fff;border:1px solid #e0d8d2;border-radius:10px;margin:0;padding:15px 17px}.oop-mistake-grid b,.oop-mistake-grid span{display:block}.oop-mistake-grid span{margin-top:5px;font-size:12px;line-height:1.55}.oop-checklist-card ol{margin:17px 0 0;padding-left:22px}.oop-checklist-card li+li{margin-top:8px}.foundation-lesson article{min-width:0}.foundation-intro-card>p{max-width:980px}.foundation-key-grid strong{font-family:inherit;font-size:20px}.foundation-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.foundation-section-grid>article{padding:25px 27px}.foundation-section-grid>article>p{margin-bottom:0}.foundation-section-grid ul{margin:15px 0 0;padding-left:20px}.foundation-code-wrap{background:#243344;border:1px solid #33485c;border-radius:11px;margin-top:17px;overflow:hidden}.foundation-code-wrap header{color:#b9c8d6;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;align-items:center;gap:7px;padding:9px 13px;font:600 9px DM Mono,monospace;display:flex}.foundation-code-wrap pre{color:#edf3f7;margin:0;padding:17px 18px;font:12px/1.7 DM Mono,monospace;overflow:auto}.foundation-code-wrap code{white-space:pre}.foundation-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.foundation-review-grid>article{padding:25px 27px}.foundation-review-grid ul,.foundation-review-grid ol{gap:9px;margin:16px 0 0;padding:0;list-style:none;display:grid}.foundation-review-grid li{color:#596779;background:#fff;border:1px solid #dbe1e7;border-radius:8px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:12px;line-height:1.5;display:flex}.foundation-review-grid li svg{flex:none;margin-top:1px}.foundation-mistakes li svg{color:#b66049}.foundation-checklist li svg{color:#4d7c70}.foundation-summary-card{align-items:flex-start;gap:13px;display:flex}.foundation-summary-card>svg{color:#b75c40;flex:none}.foundation-summary-card p{margin-top:6px}@media (max-width:1050px){.data-family-grid,.oop-process,.oop-pillar-grid,.oop-mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.complexity-chart-card{grid-template-columns:1fr}.complexity-order-table{overflow-x:auto}.complexity-order-table>div{min-width:700px}.data-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.complexity-lesson h2{font-size:23px}.complexity-lesson h3{font-size:18px}.complexity-intro-card,.complexity-chart-card,.complexity-order-table-card,.complexity-notation-card,.data-families-card,.data-map-card,.oop-process-card,.oop-pillars-card,.oop-comparison-card,.oop-complete-example,.oop-mistakes-card,.oop-checklist-card,.foundation-section-grid>article,.foundation-review-grid>article{padding:21px}.complexity-foundations,.complexity-theory-grid,.complexity-notation-card>div,.data-family-grid,.data-map-grid,.oop-process,.oop-pillar-grid,.oop-example-notes,.oop-mistake-grid,.oop-comparison-card .data-concept-pair,.foundation-section-grid,.foundation-review-grid{grid-template-columns:1fr}.complexity-static-chart svg{height:210px}.complexity-notation-card aside{flex-direction:column;align-items:flex-start;gap:6px}.data-family-grid>div,.oop-pillar-grid>div{min-height:0}.oop-code,.foundation-code-wrap pre{padding:14px;font-size:11px}}.polynomial-visual{z-index:2;flex-direction:column;gap:7px;width:min(850px,98%);height:292px;padding-top:14px;display:flex;position:relative}.polynomial-node-schema{color:#72552b;text-align:center;background:#fffaf0;border:1px solid #c5a26a;border-radius:4px;grid-template-columns:repeat(3,34px);font-family:DM Mono,monospace;font-size:6px;display:grid;position:absolute;top:-13px;right:2px}.polynomial-node-schema span{padding:3px 2px}.polynomial-node-schema span+span{border-left:1px solid #d9c49d}.polynomial-row{border-bottom:1px solid #ddd9cf;grid-template-rows:22px 54px;grid-template-columns:50px minmax(0,1fr);align-items:center;min-height:76px;display:grid;position:relative}.polynomial-name{flex-direction:column;grid-row:1/3;align-items:center;display:flex}.polynomial-name strong{color:#27364c;font-family:DM Mono,monospace;font-size:18px}.polynomial-name small{color:#899199;letter-spacing:.08em;font-size:6px}.polynomial-expression{color:#3f4b57;grid-column:2;padding:2px 8px 0;font-family:DM Mono,monospace;font-size:9px;line-height:1.35}.polynomial-chain{scrollbar-width:thin;grid-column:2;align-items:center;min-width:0;padding:3px 4px 17px;display:flex;overflow:auto hidden}.polynomial-term-wrap{flex:none;align-items:center;display:flex;position:relative}.polynomial-node{color:#34414c;text-align:center;background:#fbfaf7;border:1.5px solid #bd744f;border-radius:3px;grid-template-columns:34px 30px 25px;width:89px;height:34px;font-family:DM Mono,monospace;font-size:10px;transition:all .2s;display:grid;position:relative}.polynomial-node>span{place-items:center;display:grid}.polynomial-node>span+span{border-left:1px solid #d3a68d}.polynomial-node:after{content:"➜";color:#bd744f;width:24px;font-size:15px;position:absolute;top:6px;left:89px}.polynomial-term-wrap:not(:last-of-type){margin-right:25px}.polynomial-link-dot{color:#bd744f;font-size:8px}.polynomial-node.pointer-active{border-color:#2c7c78;box-shadow:0 0 0 4px #2c7c781f}.polynomial-node.operation-active{border-color:var(--orange);background:#fff0e9}.polynomial-pointer{color:#fff;background:#2c7c78;border-radius:8px;place-items:center;width:18px;height:16px;font-family:DM Mono,monospace;font-size:9px;font-style:normal;display:grid;position:absolute;bottom:-18px;left:38px}.polynomial-null{color:#8e969d;flex:none;margin-left:24px;font-family:DM Mono,monospace;font-size:8px}.polynomial-chain>.polynomial-null:before{content:"⌟ ";color:#bd744f;font-size:15px}.polynomial-rule{white-space:nowrap;color:#7d858d;font-family:DM Mono,monospace;font-size:7px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.polynomial-c .polynomial-name strong{color:#a84e35}.polynomial-c .polynomial-node{border-color:#a84e35}.polynomial-c .polynomial-node:after,.polynomial-c .polynomial-link-dot{color:#a84e35}.generalized-list-visual{z-index:2;width:min(820px,98%);height:310px;position:relative}.generalized-list-visual>svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.generalized-caption{z-index:5;white-space:nowrap;align-items:center;gap:10px;font-family:DM Mono,monospace;display:flex;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.generalized-caption strong{color:#27364c;font-size:9px}.generalized-caption span{color:#7e8790;font-size:7px}.generalized-edge{stroke:#71818c;stroke-width:1.2px;vector-effect:non-scaling-stroke}.generalized-edge.dlink{stroke:#3b8d82;stroke-dasharray:3 2}.generalized-edge.null{stroke:#a1a8ae;stroke-width:1px}.generalized-edge.active{stroke:var(--orange);stroke-width:2px}.generalized-edge.link+marker path,.generalized-list-visual marker#glist-link-arrow path{fill:#71818c}.generalized-list-visual marker#glist-dlink-arrow path{fill:#3b8d82}.generalized-node{z-index:2;color:#33404a;text-align:center;background:#fbfaf7;border:1.5px solid #71818c;border-radius:3px;grid-template-columns:22px 28px 19px;width:69px;height:30px;font-family:DM Mono,monospace;font-size:9px;transition:all .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 9px #27364c17}.generalized-node>span{place-items:center;display:grid}.generalized-node>span+span{border-left:1px solid #bac2c8}.generalized-node>span:last-of-type{color:#71818c;font-size:7px}.generalized-node.tag-0{border-color:#b8764f}.generalized-node.tag-0>span:first-child{color:#8a4528;background:#f9e7dc}.generalized-node.tag-1{border-color:#3b8d82}.generalized-node.tag-1>span:first-child{color:#236c63;background:#e0f0ed}.generalized-node.tag-2{background:#fff9eb;border-color:#a57937}.generalized-node.tag-2>span:first-child{color:#694913;background:#f0d9ae}.generalized-node small{color:#8a642c;letter-spacing:.08em;font-size:6px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.generalized-node.active{border-color:var(--orange);background:#fff0e9;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 5px #d9604321}.generalized-null{z-index:2;color:#7f8991;font-size:15px;position:absolute;transform:translate(-50%,-50%)}.generalized-aliases{z-index:3;color:#27364c;flex-direction:column;align-items:flex-end;gap:1px;font-family:DM Mono,monospace;font-size:7px;font-weight:700;display:flex;position:absolute;transform:translateY(-50%)}.generalized-legend{white-space:nowrap;color:#707a83;gap:15px;font-family:DM Mono,monospace;font-size:6.5px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.generalized-legend span{align-items:center;gap:4px;display:flex}.generalized-legend i{border-radius:2px;width:9px;height:9px}.generalized-legend .tag0{background:#f2c6ad}.generalized-legend .tag1{background:#9fd2ca}.generalized-legend .tag2{background:#e4c58d}.dense-matrix-scene{z-index:2;color:#27364c;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.dense-matrix-heading{align-items:center;gap:12px;font-family:DM Mono,monospace;display:flex}.dense-matrix-heading strong{color:#fff;background:#27364c;border-radius:6px;padding:5px 9px;font-size:10px}.dense-matrix-heading span{color:#737d88;font-size:8px}.dense-matrix-grid{grid-template-rows:25px repeat(4,54px);grid-template-columns:28px repeat(4,62px);align-items:stretch;gap:5px;display:grid}.matrix-corner,.matrix-axis{color:#7c8792;place-items:center;font-family:DM Mono,monospace;font-size:8px;display:grid}.matrix-corner{grid-area:1/1;font-size:7px}.column-axis{grid-row:1}.matrix-row{display:contents}.row-axis{grid-column:1}.dense-matrix-cell{background:#fbfaf7;border:1px solid #aeb9c2;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;transition:all .22s;display:flex;position:relative;box-shadow:0 4px 10px #26364c12}.dense-matrix-cell strong{font-family:DM Mono,monospace;font-size:14px}.dense-matrix-cell small{color:#8b949e;margin-top:3px;font-family:DM Mono,monospace;font-size:6px}.dense-matrix-cell.diagonal{background:#f8f2e4;border-color:#9b7b3b}.dense-matrix-cell.active{z-index:2;border-color:var(--orange);background:var(--orange);color:#fff;transform:translateY(-3px)scale(1.06);box-shadow:0 8px 18px #d9604340}.dense-matrix-cell.active small{color:#ffe6dd}.dense-matrix-legend{color:#7c8792;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:7px;display:flex}.dense-matrix-legend i{background:#f8f2e4;border:1px solid #9b7b3b;border-radius:3px;width:11px;height:11px}.sparse-matrix-visual{z-index:2;width:min(760px,98%);height:330px;position:relative;overflow:hidden}.sparse-matrix-visual svg{width:100%;height:100%;display:block;overflow:visible}.sparse-axis-title{letter-spacing:.08em;fill:#7b8491;font-family:DM Mono,monospace;font-size:8px;font-weight:700}.sparse-header rect{fill:#f9fafb;stroke:#64748b;stroke-width:1.2px}.sparse-header text{fill:#334155;font-family:DM Mono,monospace;font-size:8px;font-weight:700}.sparse-header .pointer-label{fill:#8a94a3;font-size:6.4px;font-weight:500}.sparse-header.active rect{fill:#fff1eb;stroke:var(--orange);stroke-width:2px}.sparse-header.column-header.active rect{fill:#edf3fb;stroke:#49698f}.sparse-link,.sparse-return{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparse-link{stroke-width:1.15px;opacity:.62}.sparse-return{stroke-width:1px;stroke-dasharray:3 3;opacity:.42}.row-link,.row-return{stroke:#cf704f}.column-link,.column-return{stroke:#49698f}.sparse-link.active-link,.sparse-return.active-link{stroke-width:2px;opacity:1;filter:drop-shadow(0 1px 2px #1e293b2e)}.sparse-row-links marker path{fill:#cf704f}.sparse-column-links marker path{fill:#49698f}.sparse-node rect{fill:#fbfaf7;stroke:#7f8b96;stroke-width:1.1px;transition:fill .18s,stroke .18s,filter .18s}.sparse-node line{stroke:#c8cdd4;stroke-width:.8px}.sparse-node text{fill:#596273;font-family:DM Mono,monospace;font-size:7px}.sparse-node .node-value{fill:#1f2937;font-size:10px;font-weight:700}.sparse-node.active rect{fill:#fff0e9;stroke:var(--orange);stroke-width:2px;filter:drop-shadow(0 4px 6px #d9604338)}.sparse-node.visited-row:not(.active) rect{stroke:#cf704f}.sparse-node.visited-column:not(.active) rect{stroke:#49698f}.sparse-node.pending rect{fill:#fff9f5;stroke:var(--orange);stroke-width:1.7px;stroke-dasharray:4 2}.sparse-node.detached-row rect{fill:#f7f1ef;stroke:#b24a3c;stroke-dasharray:3 2}.sparse-node-legend text{fill:#7b8491;font-family:DM Mono,monospace;font-size:7px}.sparse-node-legend .right-legend{fill:#b85f43}.sparse-node-legend .down-legend{fill:#405f84}@media (max-width:780px){.polynomial-row{grid-template-columns:38px minmax(300px,1fr)}.polynomial-expression{font-size:8px}.polynomial-visual{width:100%;overflow-x:auto}.polynomial-node-schema,.polynomial-rule{display:none}.generalized-list-visual{width:100%;height:285px}.generalized-caption span{display:none}.generalized-node{grid-template-columns:18px 23px 16px;width:57px;height:27px;font-size:8px}.generalized-legend{gap:6px;font-size:5.5px}.dense-matrix-grid{grid-template-rows:22px repeat(4,46px);grid-template-columns:24px repeat(4,50px);gap:4px}.dense-matrix-cell strong{font-size:12px}.dense-matrix-heading{flex-direction:column;gap:5px}.sparse-matrix-visual{width:100%;height:290px}.sparse-matrix-visual svg{overflow:visible}.threaded-tree-canvas{width:98%;height:270px}.threaded-tree-legend{gap:8px;font-size:6px;bottom:0}.threaded-tree-legend span:last-child{display:none}}.tree-edge-label{text-anchor:middle;dominant-baseline:central;stroke:#ebe7de;stroke-width:5px;font-size:8.5px;font-weight:750}.tree-node{border-width:2px;box-shadow:0 5px 13px #1f2b381c}.tree-node-badge{letter-spacing:.015em;border-radius:5px;padding:3px 5px;font-size:7.5px;font-weight:650;top:49px}.tree-node.deep-node .tree-node-badge{font-size:6.5px;top:39px}.graph-canvas .edge-layer line{stroke:#7b8885;stroke-width:1.65px;stroke-linecap:round;vector-effect:non-scaling-stroke}.graph-canvas .edge-layer line.visited-edge{stroke:var(--orange);stroke-width:2.25px}.graph-canvas .edge-layer line.relaxed-edge{stroke:#c6553d;stroke-width:2.6px}.graph-canvas .edge-layer line.path-edge{stroke:#476e98;stroke-width:2.8px}.graph-canvas marker .arrow-default{fill:#687993}.graph-canvas marker .arrow-visited{fill:var(--orange)}.graph-canvas marker .arrow-relaxed{fill:#c6553d}.graph-canvas marker .arrow-path{fill:#476e98}.graph-node{background:#fffdf8;border-width:2px;border-color:#60758e;width:46px;height:46px;box-shadow:0 6px 15px #1f2b381f}.graph-node.active{border-color:var(--orange)}.graph-canvas text{fill:#425a70;stroke:#ebe7de;stroke-width:3px;font-size:4px;font-weight:750}.graph-canvas[class*=graph-design-]{isolation:isolate;background:#f7f8f7;border:1px solid #cfd7dc;border-radius:15px;width:min(720px,94%);height:310px;overflow:hidden;box-shadow:inset 0 1px #fffc,0 12px 28px #23344217}.graph-canvas[class*=graph-design-] .edge-layer{z-index:2;width:calc(100% - 28px);height:calc(100% - 30px);top:20px;bottom:10px;left:14px;right:14px}.graph-canvas[class*=graph-design-] .graph-node{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;display:flex}.graph-canvas[class*=graph-design-] .graph-node>span{font-size:13px;font-weight:750;line-height:1}.graph-canvas[class*=graph-design-] .graph-node>small{color:#75818b;white-space:nowrap;text-overflow:ellipsis;max-width:46px;font-family:DM Mono,monospace;font-size:6.5px;line-height:1;overflow:hidden}.graph-canvas[class*=graph-design-] .graph-node.active>small{color:#fff1eb}.graph-design-title{z-index:5;pointer-events:none;justify-items:end;gap:2px;display:grid;position:absolute;top:10px;right:12px}.graph-design-title span{color:#40515e;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800}.graph-design-title small{color:#87939b;text-align:right;max-width:260px;font-size:7px}.graph-design-motif{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.graph-design-motif i{display:block;position:absolute}.graph-design-grafo{background:radial-gradient(circle at 50% 48%,#fff 0 6%,#0000 7%),radial-gradient(circle at 50% 48%,#47708914,#0000 52%),#f7f9fa!important}.graph-design-grafo .graph-design-motif{opacity:.24;background-image:radial-gradient(#78909d 1px,#0000 1px);background-size:20px 20px}.graph-design-grafo .edge-layer line{stroke:#52768a}.graph-design-grafo .graph-node{background:#fbfdfe;border-color:#4b7187}.graph-design-grafo .graph-node.origin-node{color:#fff;background:#334f60}.graph-design-grafo .graph-node.origin-node small{color:#c9dce5}.graph-design-grafo-dirigido{background:linear-gradient(90deg,#f8f7fb,#f2f0f8)!important}.graph-design-grafo-dirigido .graph-design-motif i{opacity:.24;background:linear-gradient(90deg,#0000,#a49abc 12% 88%,#0000);height:1px;left:7%;right:7%}.graph-design-grafo-dirigido .graph-design-motif i:first-child{top:25%}.graph-design-grafo-dirigido .graph-design-motif i:nth-child(2){top:50%}.graph-design-grafo-dirigido .graph-design-motif i:nth-child(3){top:75%}.graph-design-grafo-dirigido .edge-layer line{stroke:#74699a;stroke-dasharray:5 3}.graph-design-grafo-dirigido marker .arrow-default{fill:#74699a}.graph-design-grafo-dirigido .graph-node{background:#fbfaff;border-color:#756a9e;border-radius:10px;width:58px!important;height:42px!important}.graph-design-grafo-dirigido .graph-node.origin-node{color:#fff;background:#544b78}.graph-design-grafo-dirigido .graph-node.origin-node small{color:#d9d4ec}.graph-design-dfs{background:linear-gradient(90deg,#0000 49.8%,#bb623e14 50%,#0000 50.2%),linear-gradient(#fbf8f4,#f7f2ec)!important}.graph-design-dfs .graph-design-motif i{border-top:1px dashed #b867452e;height:1px;left:6%;right:6%}.graph-design-dfs .graph-design-motif i:first-child{top:26%}.graph-design-dfs .graph-design-motif i:nth-child(2){top:52%}.graph-design-dfs .graph-design-motif i:nth-child(3){top:78%}.graph-design-dfs .edge-layer line{stroke:#a7674c}.graph-design-dfs .graph-node{background:#fffaf5;border-color:#a86043;border-radius:11px}.graph-design-dfs .graph-node.origin-node{color:#fff;background:#75442f}.graph-design-dfs .graph-node.origin-node small{color:#f0d8cb}.graph-design-dfs .graph-node.active{box-shadow:0 0 0 6px #c65c371f,0 9px 18px #5f342433}.graph-design-bfs{background:radial-gradient(circle,#0000 0 17%,#4d77a414 17.4% 17.8%,#0000 18.2% 34%,#4d77a412 34.4% 34.8%,#0000 35.2% 52%,#4d77a40f 52.4% 52.8%,#0000 53.2%),#f5f8fb!important}.graph-design-bfs .graph-design-motif i{border:1px dashed #416f9d29;border-radius:50%;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.graph-design-bfs .graph-design-motif i:first-child{width:100px;height:100px}.graph-design-bfs .graph-design-motif i:nth-child(2){width:205px;height:205px}.graph-design-bfs .graph-design-motif i:nth-child(3){width:310px;height:310px}.graph-design-bfs .edge-layer line{stroke:#557da5}.graph-design-bfs .graph-node{background:#f9fcff;border-color:#527ca8;box-shadow:0 0 0 5px #527ca812,0 6px 14px #2342621c}.graph-design-bfs .graph-node.origin-node{color:#fff;background:#345d86;box-shadow:0 0 0 8px #345d861a,0 8px 18px #2342622e;width:60px!important;height:60px!important}.graph-design-bfs .graph-node.origin-node small{color:#d2e3f2}.graph-design-prim{background-image:linear-gradient(#357e650e 1px,#0000 1px),linear-gradient(90deg,#357e650e 1px,#0000 1px),linear-gradient(145deg,#f7fbf9,#eff7f3)!important;background-size:24px 24px,24px 24px,auto!important}.graph-design-prim .graph-design-motif i{border:1px solid #317a613d;width:8px;height:8px;transform:rotate(45deg)}.graph-design-prim .graph-design-motif i:first-child{top:76%;left:12%}.graph-design-prim .graph-design-motif i:nth-child(2){top:17%;left:48%}.graph-design-prim .graph-design-motif i:nth-child(3){top:48%;right:12%}.graph-design-prim .edge-layer line{stroke:#4d8370}.graph-design-prim .graph-node{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:none;background:#f8fffc;border:0}.graph-design-prim .graph-node:before{content:"";z-index:-1;clip-path:inherit;background:#4b846f;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.graph-design-prim .graph-node:after{content:"";z-index:-1;clip-path:inherit;background:#f8fffc;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.graph-design-prim .graph-node.origin-node{color:#fff;background:#316d59}.graph-design-prim .graph-node.origin-node:after{background:#316d59}.graph-design-prim .graph-node.origin-node small{color:#d2eee4}.graph-design-prim .graph-weight{fill:#2d725b}.graph-design-kruskal{background:radial-gradient(at 21% 49%,#705b8517 0 19%,#0000 20%),radial-gradient(at 58% 54%,#705b8514 0 20%,#0000 21%),radial-gradient(at 88% 48%,#705b8514 0 17%,#0000 18%),#f9f7fa!important}.graph-design-kruskal .graph-design-motif i{border:1px dashed #69527f2e;border-radius:48%;width:32%;height:72%;top:14%}.graph-design-kruskal .graph-design-motif i:first-child{left:3%}.graph-design-kruskal .graph-design-motif i:nth-child(2){left:35%}.graph-design-kruskal .graph-design-motif i:nth-child(3){right:2%}.graph-design-kruskal .edge-layer line{stroke:#78678a}.graph-design-kruskal .graph-node{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);color:#fff;box-shadow:none;background:#6b587c;border:0}.graph-design-kruskal .graph-node small{color:#ded5e5!important}.graph-design-kruskal .graph-node.active{background:var(--orange)}.graph-design-kruskal .graph-weight{fill:#634d77}.graph-canvas[class*=graph-design-] .edge-layer line.visited-edge{stroke:var(--orange);stroke-width:2.5px}.graph-canvas[class*=graph-design-] .graph-weight{stroke:#f7f8f7;stroke-width:5px;paint-order:stroke;font-size:9px;font-weight:800}.hanoi-scene{z-index:1;grid-template-rows:58px 1fr;align-items:end;width:min(650px,96%);height:310px;display:grid;position:relative}.hanoi-call-state{background:#ffffffe0;border:1px solid #cfd7dc;border-radius:9px;grid-template-columns:auto auto;place-self:start center;align-items:center;gap:2px 12px;min-width:330px;padding:8px 12px;transition:border-color .2s,background .2s;display:grid;box-shadow:0 6px 16px #29374314}.hanoi-call-state span{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:800}.hanoi-call-state strong{font-family:DM Mono,monospace;font-size:9px;font-weight:650}.hanoi-call-state small{color:var(--muted);grid-column:1/-1;font-size:7px}.hanoi-call-state.phase-base{background:#f1f4f6;border-color:#a6b1bc}.hanoi-call-state.phase-move{background:#fff7f3;border-color:#dc8a6f}.hanoi-scene .hanoi{justify-content:space-around;gap:20px;width:100%;height:230px;padding:0 34px}.hanoi-scene .tower{width:145px}.hanoi-scene .tower:before{transition:background .2s,box-shadow .2s}.hanoi-scene .tower.receiving:before{background:var(--orange);box-shadow:0 0 10px #c85f4359}.hanoi-scene .tower i{transition:background .2s,transform .25s,box-shadow .25s}.hanoi-scene .tower i.active.tracing{background:#637c94;box-shadow:0 0 0 4px #637c941f}.hanoi-scene .tower i.active.moving{background:var(--orange);animation:.43s ease-in-out hanoiMovePulse;transform:translateY(-9px);box-shadow:0 7px 14px #c85f433d}@keyframes hanoiMovePulse{0%{transform:translateY(-2px)scale(.96)}55%{transform:translateY(-13px)scale(1.03)}to{transform:translateY(-9px)}}@media (max-width:780px){.graph-canvas[class*=graph-design-]{width:97%;height:280px}.graph-design-title small{display:none}.graph-canvas[class*=graph-design-] .graph-node{width:46px;height:46px}.hanoi-scene{height:285px;transform:scale(.92)}.hanoi-call-state{min-width:280px}.hanoi-scene .hanoi{gap:6px;padding-inline-start:5px;padding-inline-end:5px;transform:none}.hanoi-scene .tower{width:100px}}@media (max-width:430px){.graph-canvas[class*=graph-design-] .graph-node{width:42px;height:42px}.graph-canvas[class*=graph-design-] .graph-node>small{font-size:5.5px}.graph-design-title{top:6px;right:7px}.hanoi-scene{width:108%;transform:scale(.82)}}.description-loading{border:1px solid var(--line);background:#f8f5ee;border-radius:12px;align-items:flex-start;gap:16px;min-height:210px;margin-top:22px;padding:24px;display:flex}.description-loading>span{background:#dde5e1;border-radius:9px;width:42px;height:42px}.description-loading>div{flex:1;gap:12px;display:grid}.description-loading i{background:linear-gradient(90deg,#e4e1d9,#f2efe8,#e4e1d9) 0 0/220% 100%;border-radius:5px;height:14px;animation:1.3s ease-in-out infinite descriptionPulse;display:block}.description-loading i:first-child{width:34%}.description-loading i:nth-child(2){width:88%}.description-loading i:nth-child(3){width:72%}.educational-description{content-visibility:auto;contain-intrinsic-size:1100px}@keyframes descriptionPulse{0%{background-position:100% 0}to{background-position:-100% 0}}button:focus-visible{outline-offset:2px;outline:3px solid #c85f4342}a:focus-visible{outline-offset:2px;outline:3px solid #c85f4342}input:focus-visible{outline-offset:2px;outline:3px solid #c85f4342}select:focus-visible{outline-offset:2px;outline:3px solid #c85f4342}textarea:focus-visible{outline-offset:2px;outline:3px solid #c85f4342}.seo-prerendered{color:#1f2937;max-width:1100px;margin:0 auto;padding:48px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.seo-prerendered header{max-width:820px}.seo-prerendered h1{margin:8px 0 16px;font-size:clamp(34px,6vw,64px);line-height:1.05}.seo-prerendered h2{margin-top:30px;font-size:22px}.seo-prerendered p{color:#526071;font-size:16px;line-height:1.7}.seo-prerendered a{color:#315f91}.seo-topic-index{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.seo-topic-index section,.seo-prerendered article,.seo-prerendered nav{background:#fff;border:1px solid #d7dee7;border-radius:10px;padding:20px}.seo-prerendered li{margin:8px 0}@media (max-width:780px){.sidebar{box-shadow:none}.sidebar.open{box-shadow:12px 0 32px #0003}.panel-head{padding-inline-start:13px;padding-inline-end:13px}.panel-head-actions{gap:5px}.panel-head .panel-head-actions button{justify-content:center;width:35px;height:34px;padding:0;font-size:0}.panel-head .panel-head-actions button svg{margin:0}.algorithm-nav a{max-width:45%}.linear-visual{width:calc(100% - 12px);padding-inline-start:8px;padding-inline-end:8px}.sort-visual{width:calc(100% - 10px);padding-inline-start:5px;padding-inline-end:5px}.sort-array-row{grid-template-columns:38px minmax(0,1fr);gap:4px}.sort-cell{flex-basis:49px;height:57px}.sort-phase-label{gap:6px 8px}.linear-connector{flex-basis:44px;width:44px;margin-inline-start:2px;margin-inline-end:2px}.data-cell{width:55px;height:62px}.circular-scroll{width:calc(100% - 12px)}.tree-node-badge{font-size:7px}}@media (max-width:430px){.linear-visual{justify-content:flex-start}.sort-visual{gap:10px}.sort-array-row{display:block}.sort-array-row>em{text-align:left;margin:0 0 -5px 7px;display:block}.sort-cells{justify-content:flex-start}.sort-cell{flex-basis:46px;height:54px}.sort-legend{gap:7px 11px}.linear-connector{flex-basis:38px;width:38px}.data-cell{width:50px;height:58px}.circular-scroll{justify-content:flex-start}.graph-node{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.data-cell,.tree-node,.graph-node,.hash-slot,.maze-grid>div,.chess-board>div{transition-duration:.01ms!important}.path-map-searcher,.path-map-kicker i,.city-road-frontier path,.city-road-route path,.city-road-explored path,.hanoi-scene .tower i.active.moving,.child-bnode.splitting,.promoted-key,.description-loading i{animation:none!important}}