@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e9eff7;background:#090e16;font-synthesis:none;--muted: #9daec1;--blue: #64afff;--yellow: #ffe16b;--red: #ff7181;--line: #293646}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#172333;border-radius:6px}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){background:#24364b}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}select{background:#1b293a;border:1px solid #415570;border-radius:5px;padding:7px 9px;max-width:100%}p{line-height:1.6}code{font-family:DM Mono,monospace}h1,h2,h3,p{margin:0}h2{font-size:21px;line-height:1.35;letter-spacing:-.5px}h3{font-size:17px;line-height:1.4}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:72px 1fr;min-height:100vh;padding-bottom:80px}.topbar{grid-column:1/-1;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);gap:22px;background:#0c131d}.brand{display:flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:2px;color:#f2f6fc;gap:2px}.brand>span:not(.brand-mark){color:var(--yellow)}.brand small{font:10px DM Mono,monospace;letter-spacing:1.5px;color:#94a9c0;margin-left:20px}.brand-mark{display:flex;align-items:flex-end;gap:4px;margin-right:11px;height:27px;width:27px}.brand-mark i{width:6px;height:17px;background:var(--blue)}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:11px;background:var(--yellow)}.edition{margin-left:auto;font:10px DM Mono,monospace;letter-spacing:1px;color:var(--muted);display:flex;gap:9px;align-items:center}.edition i,.location i{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffe16b77}.github-link{font-size:12px;color:#b9c9dc;padding:8px 10px;border:1px solid var(--line);border-radius:5px}.sidebar{padding:26px 17px 20px;border-right:1px solid var(--line);background:#0c131d;display:flex;flex-direction:column;gap:15px}.rail-label,.overline{font:10px/1.5 DM Mono,monospace;letter-spacing:1.3px;color:var(--muted)}.missions{display:grid;gap:8px}.missions button{display:flex;gap:11px;text-align:left;background:transparent;padding:13px 10px;font-size:13px;font-weight:700;line-height:1.45}.missions button>span{color:var(--muted);font:12px DM Mono,monospace;padding-top:3px}.missions small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:4px}.missions button[aria-pressed=true]{background:#1b2a3b;border-color:#4e759c}.missions button[aria-pressed=true]>span{color:var(--yellow)}.chapter-label{margin-top:12px}nav{display:grid;gap:3px}nav button{display:flex;align-items:center;text-align:left;gap:12px;border:0;background:transparent;padding:11px 9px;color:#aabbcf;font-size:12px}nav button>span{font:10px DM Mono,monospace;color:#708399}nav button>b{margin-left:auto;color:var(--blue)}nav button[aria-current]{color:var(--yellow);background:#2b2b21;box-shadow:inset 2px 0 var(--yellow)}nav button[aria-current]>span{color:var(--yellow)}.map-wrap{margin-top:auto;padding-top:22px}.map-wrap svg{width:100%;display:block;margin-top:7px}.map-grid{stroke:#243246;stroke-width:.5;fill:none}.map-route{fill:none;stroke:#5b8dbf;stroke-width:2}.map-stop{fill:#7295bb;stroke:#101925;stroke-width:2}.map-active{fill:var(--yellow)}.map-ring{fill:none;stroke:var(--yellow);stroke-width:1;opacity:.5}.map-wrap p{font-size:11px;color:#869bb3;line-height:1.7}.live-link{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left;padding:16px 0 0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.live-link span{color:#71849b}.workspace{padding:20px;min-width:0;display:flex;flex-direction:column;gap:16px}.city-stage{height:300px;flex-shrink:0;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#dcebf0}.city-view-controls{position:absolute;z-index:3;top:14px;right:16px;display:flex;gap:6px}.city-view-controls button{padding:8px 11px;font-size:11px;background:#0d1929ed;border-color:#4c6580;color:#d4e5f8;min-height:34px}.city-view-controls [data-expand]{border-color:#9a894c;color:var(--yellow)}.city-view-notice{position:absolute;z-index:3;right:16px;top:60px;max-width:min(350px,calc(100% - 32px));padding:10px 12px;background:#13243aee;border:1px solid #506881;border-radius:6px;font-size:12px}.city-view-notice:empty{display:none}#city-canvas{width:100%;height:100%;display:block;cursor:grab}#city-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.city-label{position:absolute;left:0;top:0;padding:5px 8px;font:9px DM Mono,monospace;letter-spacing:.6px;background:#0b1525da;border:1px solid #6c96bd;border-radius:3px;white-space:nowrap;color:#b4d8ff}.city-label.active{border-color:#ffe16b;color:#ffe99a;background:#191d22ed}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c1423f5 0%,#0c1423e8 22%,#0c142350 50%,transparent 72%),linear-gradient(0deg,#0a1528aa,transparent 25%)}.lesson-heading{position:absolute;left:26px;top:25px;width:min(49%,510px);pointer-events:none}.lesson-heading .overline{display:flex;flex-wrap:wrap;gap:12px;color:var(--yellow);font-size:9px}.lesson-heading .overline span+span{color:#9bacc2}h1{font-size:clamp(26px,2.65vw,40px);line-height:1.13;letter-spacing:-1.3px;font-weight:800;margin:14px 0}.lesson-heading p{font-size:13px;line-height:1.65;color:#b7c7da;max-width:420px}.scene-foot{position:absolute;bottom:15px;left:25px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.location{display:flex;align-items:center;gap:9px;font-size:11px;color:#c4d8eb}.camera-switch{display:flex;gap:3px;background:#0c1625dd;border:1px solid #34485e;padding:3px;border-radius:6px}.camera-switch button{font-size:10px;border:0;padding:6px 9px;background:transparent;color:#b7c8d9}.camera-switch button[aria-pressed=true]{color:#ffe695;background:#2b3440}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px;flex:1;align-items:start}.mechanism{border:1px solid var(--line);border-radius:10px;padding:20px 22px;background:linear-gradient(130deg,#152232,#101a27);min-width:0;min-height:360px}.mechanism>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.model-tag{font:9px DM Mono,monospace;letter-spacing:.5px;color:#74899f}.mechanism h2{margin-bottom:18px}.reading-panel{padding:18px 6px 12px;min-width:0}.takeaway{font-size:15px;line-height:1.7;color:#cfdae9;margin-top:12px}.reading-rule{height:1px;background:var(--line);margin:20px 0}.fact{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;line-height:1.5}.fact span{color:var(--muted)}.fact b{font-weight:500;text-align:right;overflow-wrap:anywhere}.evidence{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;font-size:12px}.evidence summary{cursor:pointer;font-size:12px;font-weight:600}.evidence summary span{float:right;color:var(--blue)}.evidence p{margin:10px 0;color:#b3c4d6}.evidence-kind{display:inline-block;margin-top:15px;color:var(--yellow);font:10px DM Mono,monospace}.function-list{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.function-list code{padding:4px;background:#182536;color:#b9cfe6;font-size:10px;overflow-wrap:anywhere;max-width:100%}.legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px;color:#8fa4bb;font-size:10px}.legend>span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:10px;height:7px;background:var(--yellow);border-radius:2px}.legend .legend-data{background:var(--blue);height:10px;border-radius:0}.legend .legend-wait{background:transparent;border:1px solid var(--red);height:10px;border-radius:50%}.node-label{font:10px DM Mono,monospace;letter-spacing:.5px;color:#9bb1c9}.predicate-tree{display:grid;grid-template-columns:70px minmax(0,1fr);gap:25px;align-items:center}.tree-root{display:flex;flex-direction:column;align-items:center;gap:8px}.tree-root small{font-size:10px;color:var(--muted);white-space:nowrap}.sql-token{width:52px;height:52px;border:1px solid #669dda;background:#1d3a59;display:grid;place-items:center;border-radius:12px;font:500 20px DM Mono,monospace;color:#a2d2ff}.tree-branches{position:relative;display:grid;gap:12px}.tree-branches:before{content:"";position:absolute;left:-16px;top:31px;bottom:64px;width:16px;border-left:1px solid #4a739a;border-top:1px solid #4a739a;border-bottom:1px solid #4a739a}.predicate{padding:13px 16px;border:1px solid #3d566f;background:#162b40;border-radius:7px;position:relative;min-width:0}.predicate.own{display:flex;flex-direction:column;gap:7px}.predicate code{font-size:13px;color:#a8d8ff;overflow-wrap:anywhere}.node-dot{position:absolute;right:15px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--blue)}.and-label{font:500 14px DM Mono,monospace;color:var(--yellow);margin-top:8px}.and-label span{font:11px Manrope,sans-serif;color:#9aadc4;margin-left:9px}.filter-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.filter-nodes>span{background:#1d334a;border:1px solid #35516e;padding:8px;text-align:center;border-radius:4px;font-size:11px}.filter-nodes .subquery{grid-column:1/-1;text-align:left;border-color:#a08843;background:#332f22;color:#dac77e;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.subquery b{color:#ffe18b;font-size:12px}.subquery.visited{box-shadow:0 0 0 2px #ffe16b33;background:#403925}.predicate-tree .probe-active{outline:2px solid #ffe16b;outline-offset:4px;box-shadow:0 0 24px #ffe16b26}.diagram-caption{font-size:11px;line-height:1.55;color:#8fa6bf;margin-top:15px}.gate-sequence{display:flex;align-items:stretch;gap:10px}.gate-card{flex:1;padding:18px 13px;border:1px solid #3c5067;border-radius:7px;min-width:0;background:#172535;position:relative}.gate-card>span{font:9px DM Mono,monospace;color:#91aac5}.gate-card>b{display:block;font-size:17px;margin:12px 0 8px}.gate-card p{font-size:12px;color:#aabed3}.gate-card i{font-style:normal;display:block;margin-top:16px;font-size:22px;color:#809bb7}.gate-card.accepted{border-color:#a39556;background:#2b2c23}.gate-card.accepted i{color:var(--yellow)}.flow-arrow{align-self:center;color:#7899b9;font-size:23px}.lesson-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;background:#1c2b3e;border-left:2px solid var(--blue);padding:13px 15px;margin-top:17px;font-size:12px;color:#b5c9df}.lesson-note strong{color:#e2effb;font-size:13px}.lesson-note span{font-size:11px;color:#adc0d4}.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branch-card{padding:16px;border:1px solid #3b526c;border-radius:7px;background:#152537;min-width:0}.branch-card h3{margin:9px 0 12px;color:#d5e8fd}.branch-card p{font-size:12px;color:#9eb8d3}.operator{padding:9px 10px;background:#1e344b;border:1px solid #3c5b7d;border-radius:4px;font:11px/1.5 DM Mono,monospace;text-align:center;overflow-wrap:anywhere}.index-op{color:#9dceff;border-color:#547eac}.connector{color:#7d9abb;text-align:center;font-size:18px;line-height:1.4}.union-node{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px auto 0;font-size:15px;color:#e5cf8f}.union-node b{border:1px solid #877a4c;border-radius:5px;padding:8px 18px;background:#2e2c23;font:12px DM Mono,monospace}.union-node span{color:#a6b9cc;font-size:11px}.truth-inputs{display:flex;gap:15px;margin-bottom:16px}.truth-inputs label{display:flex;gap:9px;align-items:center;font-size:12px;flex:1}.truth-inputs select{font-size:12px}.selected-branch{border-color:#cfb459;background:#2a3029}.selected-branch h3{color:var(--yellow)}.scenario-picker{display:flex;gap:5px;flex-wrap:wrap}.scenario-picker button{font-size:11px;padding:8px 10px;background:#182738;border-color:#354e68}.scenario-picker button[aria-pressed=true]{color:#ffeaa8;background:#393829;border-color:#b6a056}.case-caption{font-size:10px;color:#a4b6cc;margin:8px 0 15px}.cost-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-card{background:#162333;padding:17px;border:1px solid #334a64;border-radius:7px}.cost-card>span{font:9px DM Mono,monospace;letter-spacing:.5px;color:#a3b9d2}.cost-card>strong{display:block;font:500 clamp(24px,2.6vw,38px) "DM Mono",monospace;margin:12px 0;color:#c4d8ef}.cost-card>b{font-size:11px;font-weight:500;color:#9aadc4;display:block;margin-top:14px}.cost-card.winner{border-color:#ae9756;background:#2c3029}.cost-card.winner>strong,.cost-card.winner>b{color:var(--yellow)}.cost-track{height:7px;background:#091322;border-radius:3px;overflow:hidden}.cost-track i{height:100%;display:block;background:#74a8dc}.winner .cost-track i{background:var(--yellow)}.measure-row{margin:19px 0}.measure-row>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;font-size:13px;color:#b9cce0}.measure-row strong{font:500 25px DM Mono,monospace;color:#e8f2fc}.measure-track{height:21px;background:#091522;border-radius:4px;overflow:hidden}.measure-track i{display:block;height:100%;transition:width .45s ease}.blue{background:linear-gradient(90deg,#377dc6,#87c1ff)}.yellow{background:linear-gradient(90deg,#a98b37,#ffe16b)}.runtime-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 15px}.runtime-head label{font-size:12px;color:#aebfd2;display:flex;gap:10px;align-items:center}.runtime-head select{font-size:11px}.measured-tag{font:9px DM Mono,monospace;color:var(--yellow);white-space:nowrap}.result-seal{display:flex;gap:12px;align-items:center;border-top:1px solid #354655;padding-top:16px;margin-top:20px}.result-seal>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #b09f64;color:var(--yellow)}.result-seal b{font-size:14px}.result-seal small{display:block;font-size:11px;color:#9aafc5;margin-top:5px}.lock-ledger{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.process-chip{font:10px DM Mono,monospace;color:var(--yellow);background:#393324;padding:8px;border-radius:4px}.lock-chip{font:10px DM Mono,monospace;color:#a7b8ca;padding:8px;background:#1b2a3d;border:1px solid #3d4f65;border-radius:4px}.lock-chip.held{color:var(--yellow);border-color:#a38c40}.parent-handle{display:flex;justify-content:space-between;gap:10px;background:#28323b;border:1px solid #617083;padding:12px;font:11px DM Mono,monospace;border-radius:5px;margin-bottom:18px}.parent-handle>span{color:#a9bbca;font-size:10px}.cursor-rack .branch-card{padding:14px}.cursor-rack h3{font-size:15px}.cursor-rack code{font-size:12px;color:#cbdfef}.rejected{border-color:#b65c69}.rejected h3{color:#ff9daa}.dormant{opacity:.65}.scan-line{height:3px;background:#2a4059;margin-top:12px;overflow:hidden}.scan-line i{display:block;height:100%;width:calc(var(--step-progress, 0) * 100%);background:var(--yellow)}.scanning{border-color:#c7b261}.plan-root{font:11px/1.5 DM Mono,monospace;text-align:center;color:#a1ccf7;border:1px solid #547b9f;padding:10px;border-radius:4px;background:#203249}.plan-root+.union-node{margin-bottom:17px}.io-route{display:flex;align-items:center;gap:15px;padding:12px 0}.io-station{flex:1;min-width:0}.block-container{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.data-block{padding:12px 9px;border:1px solid #83b9ef;border-radius:3px;background:#244b6e;color:#bfdefc;font:10px DM Mono,monospace}.io-line{width:80px;flex-shrink:0;font-size:10px;color:#9ab7d2;text-align:center}.io-line i{display:block;height:1px;background:var(--blue);margin-top:13px;position:relative}.io-line i:after{content:"▰";position:absolute;top:-8px;left:calc(var(--step-progress, 0) * 90%);color:var(--yellow)}.buffer-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.buffer-slots i{height:28px;border:1px solid #426078;border-radius:3px;background:#172b3a}.buffer-slots i.filled{background:#387ba9;border-color:#91c9f5}.hash-cutaway{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:12px}.hash-cutaway code,.hash-cutaway b{padding:9px;background:#283748;border-radius:4px;font-size:11px}.request-route{display:flex;align-items:center;gap:20px;padding:15px}.endpoint{flex:1;min-width:0}.document-shape{width:85px;border:1px solid #8ac3fb;background:#1e4164;border-radius:4px 14px 4px 4px;margin-top:15px;padding:12px;font:12px DM Mono,monospace;color:#cde7ff}.document-shape i{display:block;width:85%;height:2px;background:#6095c4;margin-top:8px}.request-wire{flex:1;font-size:12px;color:#8ab8e7;text-align:center}.request-wire i{display:block;height:2px;background:#3c658b;margin-top:12px}.server-vehicle{background:#49412a;color:var(--yellow);border:1px solid #c2a955;border-radius:6px;padding:15px;margin-top:15px;white-space:nowrap;font-size:15px}.server-vehicle b{font:11px DM Mono,monospace}.ore-invitation{display:flex;width:100%;justify-content:space-between;text-align:left;padding:15px;margin-top:18px;font-size:13px;color:var(--yellow);border-color:#a29055;background:#2d3027}.transport{position:fixed;z-index:20;bottom:0;left:0;right:0;height:76px;background:#111c2bf7;border-top:1px solid #3a4d64;display:flex;align-items:center;gap:22px;padding:10px 25px;backdrop-filter:blur(15px)}.step-status{width:194px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.step-status>span{font:11px DM Mono,monospace;color:var(--yellow)}.step-status strong{font-size:11px;color:#99b0ca;font-weight:500}.playback{display:flex;gap:7px}.playback button{font-size:12px;padding:10px 14px;background:#1a2b3e;border-color:#3a536f}.playback .primary{background:var(--yellow);border-color:var(--yellow);color:#252311;min-width:90px;font-weight:800}.playback .primary:hover{background:#fff0b2}.auto-control{margin-left:auto;font-size:12px;display:flex;gap:8px;align-items:center;white-space:nowrap;color:#c5d2e2}.auto-control input{accent-color:#dfc56e}.pace-control{font-size:12px;color:#a5b8cf;display:flex;gap:10px;align-items:center}.pace-control select{font-size:12px;padding:6px 9px}.journey-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#263548}.journey-progress i{display:block;height:100%;background:var(--yellow)}.live-dialog{background:#182537;color:#e2edfb;border:1px solid #566981;border-radius:10px;padding:32px;max-width:480px}.live-dialog::backdrop{background:#030a17bb}.live-dialog h2{margin:20px 0}.live-dialog p{font-size:14px;margin:14px 0;color:#b5c9df}.live-dialog>button{float:right;background:transparent;border:0;font-size:24px}body.city-view-open{overflow:hidden}.app-shell.city-expanded{--transport-height: 76px;position:fixed;inset:0;z-index:100;display:block;width:100%;height:100vh;height:100dvh;min-height:0;padding:0 0 var(--transport-height);background:#101b2b}.city-expanded>.topbar,.city-expanded>.sidebar,.city-expanded .detail-grid{display:none}.city-expanded .workspace{display:block;width:100%;height:100%;padding:0}.city-expanded .city-stage{width:100%;height:100%;border:0;border-radius:0}.city-expanded .transport{height:var(--transport-height)}.city-expanded .scene-shade{background:linear-gradient(0deg,#061021d9,transparent 42%),linear-gradient(180deg,#06102166,transparent 18%)}.city-expanded .lesson-heading{top:auto;bottom:78px;left:26px;width:min(560px,calc(100% - 52px));text-shadow:0 2px 12px #020711}.city-expanded .lesson-heading h1{font-size:clamp(22px,2.4vw,32px);margin:8px 0}.city-expanded .lesson-heading p{max-width:510px;font-size:13px;color:#d0dded}.city-expanded.caption-hidden .lesson-heading{display:none}.city-expanded.caption-hidden .scene-shade{opacity:.45}.city-expanded .scene-foot{bottom:20px}.city-expanded .city-label{font-size:11px;padding:7px 10px}.city-expanded .city-view-controls{top:max(16px,env(safe-area-inset-top))}.city-expanded .camera-switch button{font-size:12px;padding:8px 12px}@media(min-width:1600px){.workspace{padding:26px;gap:20px}.city-stage{height:350px}.detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.mechanism{padding:24px 30px}.lesson-heading p{font-size:15px}.mechanism h2{font-size:25px}.predicate code{font-size:16px}.filter-nodes>span{font-size:13px}.takeaway{font-size:17px}}@media(max-width:1180px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.brand small{display:none}.sidebar{padding:20px 11px}.workspace{padding:14px}.detail-grid{grid-template-columns:minmax(0,1fr)}.reading-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:12px 8px}.reading-panel>.overline,.reading-panel>.takeaway{grid-column:1}.reading-panel>.reading-rule{display:none}.reading-panel>[data-facts]{grid-column:2;grid-row:1/3}.reading-panel>.evidence{margin:0;grid-column:1/-1}.legend{grid-column:1/-1;margin-top:8px}.step-status{width:150px}.transport{gap:15px}.lesson-heading{width:51%}.lesson-heading p{font-size:12px}.mechanism{min-height:340px}.missions button{font-size:12px}}@media(max-width:760px){.app-shell{display:flex;flex-direction:column;padding-bottom:120px}.topbar{height:62px;padding:0 16px;flex-shrink:0}.brand{font-size:20px}.edition{display:none}.github-link{margin-left:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:10px;padding:13px 14px}.sidebar>.rail-label,.chapter-label,.map-wrap,.live-link{display:none}.missions{grid-template-columns:1fr 1fr;gap:8px}.missions button{padding:9px 10px;font-size:12px}.missions small{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px;padding-bottom:4px}.sidebar nav button{white-space:nowrap;font-size:11px;padding:9px;gap:7px}.sidebar nav button>b{display:none}.workspace{padding:12px;gap:12px}.city-stage{height:340px}.lesson-heading{left:18px;top:18px;width:85%}.lesson-heading h1{max-width:340px;font-size:29px}.lesson-heading p{max-width:350px;font-size:12px}.scene-shade{background:linear-gradient(180deg,#0c1423f5,#0c1423a0 55%,#0c142340)}.scene-foot{left:15px;right:12px;bottom:12px;flex-wrap:wrap}.location{font-size:10px}.mechanism{padding:17px 15px;min-height:0}.mechanism h2{font-size:20px;margin-bottom:17px}.model-tag{display:none}.predicate-tree{grid-template-columns:43px minmax(0,1fr);gap:19px}.sql-token{width:39px;height:39px;font-size:16px}.tree-root small{font-size:8px}.predicate{padding:12px}.predicate code{font-size:11px}.node-label{font-size:9px}.filter-nodes{grid-template-columns:1fr;gap:5px}.filter-nodes>span{padding:7px;text-align:left;font-size:11px}.filter-nodes .subquery{display:block;font-size:10px}.subquery b{display:block;margin-bottom:3px}.and-label{font-size:12px}.and-label span{font-size:9px;margin-left:5px}.branch-grid{gap:9px}.branch-card{padding:12px}.branch-card h3{font-size:14px}.operator{font-size:9px;padding:8px 6px}.truth-inputs{flex-wrap:wrap;gap:10px}.truth-inputs label{font-size:11px;justify-content:space-between}.truth-inputs select{font-size:11px}.cost-card{padding:13px 10px}.cost-card strong{font-size:25px}.cost-card>span{font-size:8px}.scenario-picker button{font-size:10px;padding:8px}.gate-sequence{display:grid;grid-template-columns:1fr}.gate-card{padding:13px}.gate-card i{position:absolute;right:15px;top:10px;margin:0}.gate-card p{font-size:12px}.gate-card b{font-size:16px;margin:7px 0}.flow-arrow{display:none}.lesson-note{font-size:11px;padding:12px}.runtime-head{flex-wrap:wrap}.runtime-head label{font-size:11px}.runtime-head select{max-width:220px}.measured-tag{display:none}.reading-panel{display:block;padding:10px 4px}.reading-panel>.takeaway{font-size:14px;margin-bottom:18px}.reading-panel .evidence{margin-top:18px}.transport{height:104px;padding:10px 14px 13px;gap:8px;flex-wrap:wrap;justify-content:space-between}.step-status{width:auto;min-width:90px}.step-status strong{font-size:10px}.playback{gap:5px}.playback button{padding:9px 10px;font-size:11px}.playback .primary{min-width:66px}.auto-control{margin-left:0;font-size:11px}.pace-control{font-size:11px}.pace-control select{font-size:10px;padding:4px}.parent-handle{font-size:10px;flex-wrap:wrap}.lock-chip,.process-chip{font-size:9px}.cursor-rack h3{font-size:13px}.io-route{gap:9px}.io-line{width:55px;font-size:9px}.data-block{font-size:9px;padding:9px 6px}.request-route{gap:8px;padding:5px}.server-vehicle{font-size:12px;padding:12px 8px}.server-vehicle b{font-size:9px}.union-node{gap:6px;font-size:12px}.union-node span{font-size:10px}.union-node b{font-size:10px;padding:8px}.plan-root{font-size:10px}}.city-stage .scene-shade{background:linear-gradient(90deg,#edf2ecef,#edf2ecc9 25%,transparent 65%)}.city-stage .lesson-heading{color:#19384a;text-shadow:none}.city-stage .lesson-heading p{color:#345365}.city-stage .lesson-heading .overline{color:#806014}.city-stage .lesson-heading .overline span+span{color:#4b6877}.city-stage .location{color:#234455}.city-stage .city-label{background:#fff9ecf5;color:#2d536c;border-color:#91b3c3}.city-stage .city-label.active{border-color:#ae7c16;color:#725116;background:#fff3ce}.city-expanded .city-stage .scene-shade{background:linear-gradient(0deg,#edf2ecf2,#edf2ecb0 18%,transparent 43%)}.city-stage.has-interior{height:640px}.city-expanded .city-stage.has-interior{height:100%}.interior-switch{position:absolute;z-index:4;top:14px;left:20px;display:flex;gap:3px;padding:3px;background:#fffaf0ed;border:1px solid #91a9b2;border-radius:8px}.interior-switch[hidden],.interior-labels[hidden]{display:none}.interior-switch button{border:0;background:transparent;color:#315568;padding:8px 10px;font-size:11px}.interior-switch button[aria-pressed=true]{background:#f1d77f;color:#3f381e}.has-interior:not(.interior-active) .lesson-heading{top:86px}.city-expanded .has-interior:not(.interior-active) .lesson-heading{top:auto;bottom:78px}.interior-heading,.interior-console{display:none}.interior-active .interior-heading{display:flex;flex-direction:column;gap:6px;position:absolute;z-index:2;left:24px;top:72px;color:#254d62;pointer-events:none}.interior-heading>strong{font-size:23px;font-weight:700;letter-spacing:-.6px}.interior-heading>small{font:9px DM Mono,monospace;letter-spacing:1.3px;color:#526f7b}.city-stage.interior-active .lesson-heading,.city-expanded.caption-hidden .interior-heading{display:none}.city-stage.interior-active .scene-shade{background:linear-gradient(180deg,#e9f1edf5,transparent 27%,transparent 70%,#e9f1edf5)}.interior-active .interior-console{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:absolute;z-index:3;bottom:66px;left:24px;right:24px;gap:7px 16px;padding:12px 15px;border:1px solid #b0c5c9;border-radius:8px;color:#254657;background:#fffcf4f2}.interior-focus{font-size:13px;font-weight:700;margin:0}.interior-focus:before{content:"▰";color:#b78213;margin-right:8px}.interior-boundary{flex-basis:100%;font-size:10px;color:#56707d;margin:0}[data-interior-options]{display:flex;gap:12px;flex-wrap:wrap}[data-interior-options] label{display:flex;align-items:center;gap:8px;font-size:11px}[data-interior-options] select{color:#264b5c;background:#eef4f0;border-color:#95b3bb;padding:6px;max-width:235px;font-size:11px}.interior-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.exhibit-label{--exhibit-color: #337fa8;position:absolute;transform:translate(-50%,-50%);width:225px;padding:12px 14px;border-radius:8px;border:1px solid #a8bec6;border-top:4px solid var(--exhibit-color);box-shadow:0 8px 18px #314e5918;background:#fffdf6f5;color:#243f4e}.exhibit-label.tone-teal{--exhibit-color: #278574}.exhibit-label.tone-amber{--exhibit-color: #ad7a19}.exhibit-label.tone-rose{--exhibit-color: #b15762}.exhibit-label>span{display:block;font:9px DM Mono,monospace;letter-spacing:.4px;color:var(--exhibit-color)}.exhibit-label>strong{display:block;margin-top:7px;font-size:19px;line-height:1.15;letter-spacing:-.4px}.exhibit-label>p{font-size:12px;line-height:1.4;color:#4a6573;margin:6px 0 0}.exhibit-label.is-current{border:2px solid #b88921;border-top-width:4px;box-shadow:0 0 0 4px #f1d48488,0 12px 24px #314e5926}.exhibit-label.is-current:after{content:"SERVER 1 · HERE";position:absolute;top:-23px;right:5px;padding:4px 8px;font:9px DM Mono,monospace;background:#f3d57d;color:#514018;border-radius:4px 4px 0 0}.exhibit-label.is-visited>span:before{content:"✓ "}.interior-tight .exhibit-label{display:none}.interior-tight .exhibit-label.is-current{display:block;left:50%!important;top:43%!important}.interior-active #city-canvas{animation:atrium-arrival .65s ease-out}@keyframes atrium-arrival{0%{opacity:.1}to{opacity:1}}@media(max-width:760px){.city-stage.has-interior{height:780px}.interior-switch{top:58px;left:14px}.interior-active .interior-heading{left:17px;top:111px;right:16px}.interior-heading>strong{font-size:17px}.interior-heading>small:last-child{display:none}.interior-heading>small{font-size:8px}.has-interior:not(.interior-active) .lesson-heading{top:118px}.interior-active .interior-console{bottom:67px;left:14px;right:14px;padding:9px 11px}.interior-focus{font-size:11px}.interior-boundary{font-size:9px;line-height:1.5}[data-interior-options]{gap:8px}[data-interior-options] label{font-size:10px;gap:5px}[data-interior-options] select{font-size:10px;max-width:194px}.exhibit-label{width:221px;padding:9px 12px}.exhibit-label>strong{font-size:17px;margin-top:4px}.exhibit-label>p{font-size:11px;margin-top:4px}.exhibit-label>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:760px){.city-stage{height:390px}.lesson-heading{top:65px}.city-view-controls{top:12px;right:12px}.city-view-controls button{padding:8px;font-size:10px}.app-shell.city-expanded{--transport-height: calc(104px + env(safe-area-inset-bottom)) }.city-expanded .transport{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.city-expanded .lesson-heading{top:auto;left:18px;bottom:91px;width:calc(100% - 36px)}.city-expanded .lesson-heading h1{font-size:23px}.city-expanded .lesson-heading p{font-size:12px}.city-expanded .scene-foot{left:18px;right:18px;bottom:16px;gap:12px}.city-expanded .camera-switch button{font-size:10px;padding:8px}}