:root{
  --paper:#eef3f7;--paper2:#f8fafb;--ink:#13222c;--muted:#677985;--line:#cfdae1;--white:#fff;
  --blue:#166de2;--orange:#e9673e;--green:#168e6b;--violet:#7758d7;
  --blue-w:#e4efff;--orange-w:#ffebe4;--green-w:#dff4ec;--violet-w:#eee9ff;
  --safe-t:max(14px,env(safe-area-inset-top));--safe-b:max(14px,env(safe-area-inset-bottom));
  --sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --mono:"SFMono-Regular","Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button{font:inherit;color:inherit}.skip{position:fixed;top:-60px;left:12px;z-index:99;background:#000;color:#fff;padding:8px}.skip:focus{top:12px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(20,35,44,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,35,44,.04) 1px,transparent 1px);background-size:24px 24px}
.atlas{min-height:100dvh;padding:var(--safe-t) 16px var(--safe-b);display:grid;grid-template-rows:auto auto minmax(330px,1fr) auto auto;gap:10px;position:relative}
.topbar,.reader-bar{display:flex;align-items:center;justify-content:space-between;min-height:44px;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 15px var(--mono)}.brand b{display:block;font:800 11px var(--mono);letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.icon-btn,.index-btn{width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:12px}
.atlas-copy{z-index:2}.eyebrow{font:750 9px var(--mono);letter-spacing:.13em;color:var(--blue);margin:5px 0}.atlas h1{font-size:clamp(32px,9vw,64px);line-height:.95;letter-spacing:-.055em;margin:7px 0 8px}.atlas-copy>p:last-child{font-size:11px;color:var(--muted);margin:0}
.graph-shell{position:relative;min-height:330px;border:1px solid rgba(126,148,161,.5);border-radius:24px;background:rgba(250,252,253,.66);overflow:hidden;box-shadow:inset 0 0 50px rgba(48,83,106,.05),0 18px 55px rgba(27,54,71,.08);touch-action:none}
.graph-shell:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 50% 50%,rgba(29,111,226,.12),transparent 27%),conic-gradient(from 20deg,transparent,rgba(118,88,215,.06),transparent 35%);animation:ambient 18s linear infinite;pointer-events:none}.graph{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.edge{stroke:#a9bac4;stroke-width:1.2;opacity:.42;vector-effect:non-scaling-stroke}.edge.strong{stroke:#4f7da3;stroke-width:1.8;opacity:.7}.orbit-line{fill:none;stroke:#bdcbd4;stroke-width:1;stroke-dasharray:3 8;opacity:.6}.node{cursor:pointer;outline:none}.node circle{stroke:#fff;stroke-width:3;filter:url(#glow);transition:.2s;vector-effect:non-scaling-stroke}.node text{font:700 14px var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--paper2);stroke-width:4px;stroke-linejoin:round}.node .node-no{font:700 8px var(--mono);fill:var(--muted);stroke-width:3px}.node:hover circle,.node:focus circle{stroke:var(--ink);stroke-width:5}.core-node text{fill:#fff;stroke:#155ab6;stroke-width:5px;font-size:18px}.graph-hint{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);background:rgba(19,34,44,.88);color:#fff;border-radius:99px;padding:7px 11px;font:600 10px var(--mono);white-space:nowrap;transition:.35s}.graph-hint.hide{opacity:0;transform:translate(-50%,8px);pointer-events:none}.zoom-controls{position:absolute;right:10px;top:10px;display:grid;gap:5px}.zoom-controls button{width:34px;height:34px;border:1px solid var(--line);background:rgba(255,255,255,.9);border-radius:10px;font:700 16px var(--mono);box-shadow:0 5px 16px rgba(20,40,54,.08)}
.legend{display:flex;gap:6px;overflow:hidden;min-height:28px}.legend button{min-width:0;flex:1;border:0;border-radius:9px;padding:6px 4px;font:700 9px var(--mono);white-space:nowrap}.legend button[data-color=blue]{background:var(--blue-w);color:var(--blue)}.legend button[data-color=orange]{background:var(--orange-w);color:var(--orange)}.legend button[data-color=green]{background:var(--green-w);color:var(--green)}.legend button[data-color=violet]{background:var(--violet-w);color:var(--violet)}
.explore-btn{border:0;background:var(--ink);color:#fff;border-radius:17px;min-height:56px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left}.explore-btn span{font-weight:760}.explore-btn small{color:#aebbc3;font:500 9px var(--mono)}.explore-btn b{grid-row:1/3;grid-column:2;align-self:center;font:400 25px var(--mono)}
@keyframes ambient{to{transform:rotate(360deg)}} 
/* Reader */
.reader{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding-top:var(--safe-t);position:relative}.reader[hidden],.atlas[hidden]{display:none}.reader-bar{padding:0 13px 8px}.back-map{border:0;background:transparent;display:flex;gap:5px;align-items:center;font-size:12px}.back-map span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:20px}.reader-progress{display:flex;gap:7px;align-items:center;font:700 9px var(--mono);color:var(--muted)}.reader-progress i{width:82px;height:3px;border-radius:4px;background:#d5dfe5;overflow:hidden}.reader-progress b{display:block;width:3%;height:100%;background:var(--blue);transition:.25s}
.slides{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;padding:0 10px}.slides::-webkit-scrollbar{display:none}.slide{height:100%;min-width:100%;scroll-snap-align:center;padding:0 4px 3px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px}.slide-title{display:flex;justify-content:space-between;align-items:end;padding:0 4px}.slide-title small{font:700 9px var(--mono);color:var(--accent);letter-spacing:.1em}.slide-title h2{font-size:clamp(25px,7.5vw,42px);line-height:1;letter-spacing:-.045em;margin:4px 0 0}.chapter-chip{font:700 9px var(--mono);background:var(--wash);color:var(--accent);padding:6px 8px;border-radius:99px;white-space:nowrap}
.view-toggle{justify-self:start;display:grid;grid-template-columns:1fr 1fr;background:#dfe7eb;border-radius:10px;padding:3px;margin-left:4px}.view-toggle button{border:0;background:transparent;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--muted)}.view-toggle button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(20,35,44,.1)}
.panel{min-height:0;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.84);overflow-y:auto;overscroll-behavior:contain;padding:14px;box-shadow:0 16px 45px rgba(24,48,62,.08)}.panel.text-mode .visual-content{display:none}.panel:not(.text-mode) .text-content{display:none}
.concept-lead{font-size:13px;color:var(--muted);margin:0 0 12px}.visual-card{min-height:250px;border-radius:16px;background:linear-gradient(145deg,var(--wash),#fff);border:1px solid color-mix(in srgb,var(--accent) 25%,#fff);padding:16px;display:grid;align-content:center;overflow:hidden}.visual-card h3{margin:0 0 15px;font-size:13px}.visual-note{margin:11px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:#fff;border-radius:0 9px 9px 0;font-size:11px;color:var(--muted)}
.diagram{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px}.d-node{min-width:72px;max-width:120px;min-height:68px;border:1px solid color-mix(in srgb,var(--accent) 45%,#fff);background:#fff;border-radius:13px;padding:10px 7px;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgba(22,40,52,.07)}.d-node small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.d-arrow{color:var(--accent);font:700 18px var(--mono)}.diagram.loop{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:9px 26px}.diagram.loop:before{content:"↻";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font:700 76px var(--mono);opacity:.2}.diagram.stack{flex-direction:column;gap:6px}.diagram.stack .d-node{width:min(100%,260px);max-width:none;min-height:42px}.diagram.matrix{display:grid;grid-template-columns:1fr 1fr;gap:7px}.diagram.matrix .d-node{max-width:none;min-height:72px}.diagram.orbit{position:relative;min-height:210px}.diagram.orbit:before,.diagram.orbit:after{content:"";position:absolute;border:1px dashed var(--accent);opacity:.35;border-radius:50%}.diagram.orbit:before{width:210px;height:160px}.diagram.orbit:after{width:135px;height:110px}.diagram.orbit .d-node{position:absolute;z-index:2}.diagram.orbit .d-node:nth-child(1){inset:auto auto 42% 36%}.diagram.orbit .d-node:nth-child(2){top:2%;left:8%}.diagram.orbit .d-node:nth-child(3){right:3%;top:24%}.diagram.orbit .d-node:nth-child(4){bottom:1%;left:11%}
.keypoints{display:grid;gap:7px;margin-top:12px}.keypoint{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:9px;border-radius:10px;background:#f8fafb;font-size:11px}.keypoint b{width:22px;height:22px;border-radius:7px;background:var(--wash);color:var(--accent);display:grid;place-items:center;font:700 9px var(--mono)}.keypoint span{align-self:center}
.text-content{font-size:13px;line-height:1.75}.text-content h3{font-size:15px;margin:2px 0 8px}.text-content p{margin:0 0 12px;color:#445761}.source-block{margin-top:16px;padding:13px;background:var(--wash);border-radius:12px}.source-block b{display:block;font-size:11px;color:var(--accent)}.source-block q{display:block;margin:6px 0;font-weight:650}.source-block a{font-size:10px;color:var(--accent)}
.swipe-nav{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:7px 12px var(--safe-b)}.swipe-nav button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px}.swipe-nav p{font:600 9px var(--mono);color:var(--muted);text-align:center;margin:0}.swipe-nav p span{display:inline-block;width:13px;height:1px;background:var(--line);vertical-align:middle;margin:0 4px}
.index-dialog{width:min(92vw,520px);max-height:82dvh;border:0;border-radius:24px;padding:0;background:var(--paper2);box-shadow:0 30px 90px rgba(13,30,40,.28)}.index-dialog::backdrop{background:rgba(12,28,38,.45);backdrop-filter:blur(6px)}.dialog-head{position:sticky;top:0;background:var(--paper2);display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line);z-index:2}.dialog-head small{font:700 9px var(--mono);color:var(--muted)}.dialog-head h2{margin:2px 0 0;font-size:24px}.dialog-head button{border:0;background:#e2e9ed;width:35px;height:35px;border-radius:50%;font-size:20px}.index-list{padding:8px 13px 18px}.index-group h3{font:700 9px var(--mono);color:var(--group);text-transform:uppercase;letter-spacing:.1em;margin:15px 5px 5px}.index-list button{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:8px;text-align:left;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;padding:10px 4px}.index-list button span{font:700 9px var(--mono);color:var(--muted)}.index-list button b{font-size:12px}.index-list button i{font-style:normal;color:var(--muted)}
button:focus-visible,.node:focus-visible{outline:3px solid #101d25;outline-offset:3px}
@media(min-width:760px){
  .atlas{padding-inline:max(24px,5vw);grid-template-columns:1fr 1.25fr;grid-template-rows:auto auto 1fr auto}.topbar{grid-column:1/-1}.atlas-copy{padding-top:8vh}.graph-shell{grid-column:2;grid-row:2/5;min-height:640px}.legend{align-self:end}.explore-btn{max-width:420px}.reader{max-width:980px;margin:auto}.slide{min-width:100%;padding:0 10px}.panel{padding:22px}.visual-content{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.visual-note,.keypoints{grid-column:2}.visual-card{min-height:440px}.diagram{min-height:300px}.text-content{max-width:720px;margin:auto;font-size:15px}.slide-title h2{font-size:42px}
}
@media(max-height:700px) and (max-width:759px){.atlas{grid-template-rows:auto auto minmax(270px,1fr) auto auto}.atlas h1{font-size:30px}.graph-shell{min-height:270px}.visual-card{min-height:210px}.diagram{min-height:145px}.slide-title h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.graph-shell:before{animation:none}}

/* v3 — mobile typography, dark observatory and bespoke concept diagrams */
.atlas{gap:8px}.atlas-copy .eyebrow{margin-top:2px}.atlas h1{font-size:clamp(29px,7.8vw,54px);line-height:1.08;letter-spacing:-.04em;margin:7px 0 9px;max-width:12em}.atlas-copy>p:last-child{font-size:11px;line-height:1.55}
.graph-shell{border-color:#263c4d;background:#08131c;box-shadow:inset 0 0 70px rgba(33,114,191,.13),0 14px 38px rgba(18,36,49,.14)}
.graph-shell:before{opacity:.85;background:radial-gradient(circle at 50% 48%,rgba(38,119,224,.2),transparent 25%),radial-gradient(circle at 20% 75%,rgba(118,88,215,.1),transparent 17%),linear-gradient(rgba(121,163,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(121,163,191,.045) 1px,transparent 1px);background-size:auto,auto,23px 23px,23px 23px;animation:none}
.edge{stroke:#54768c;opacity:.45}.edge.strong{stroke:#77a9cb;opacity:.72}.orbit-line{stroke:#63829a;opacity:.43}.node circle{stroke:#b8d7eb;stroke-width:1.5;filter:url(#glow);fill-opacity:.92}.node .node-title{fill:#fff;stroke:none;font:700 9.5px/1.1 var(--sans);letter-spacing:-.02em}.node .node-no{fill:rgba(255,255,255,.62);stroke:none;font:700 7px var(--mono)}.node:hover circle,.node:focus circle{stroke:#fff;stroke-width:3}.core-node .node-title{fill:#fff;stroke:none;font-size:13px}.graph-hint{background:rgba(240,248,252,.92);color:#102431;box-shadow:0 6px 22px rgba(0,0,0,.22)}.zoom-controls button{color:#dce9f1;background:rgba(16,34,47,.9);border-color:#345064;box-shadow:none}
.legend{background:#dfe7ec;border:1px solid #ccd7de;border-radius:12px;padding:3px;gap:2px;min-height:34px}.legend button{position:relative;border-radius:9px;background:transparent!important;color:#536672!important;padding:7px 3px;font-size:8.5px;letter-spacing:-.02em}.legend button:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot);margin-right:4px}.legend button[data-color=blue]{--dot:var(--blue)}.legend button[data-color=orange]{--dot:var(--orange)}.legend button[data-color=green]{--dot:var(--green)}.legend button[data-color=violet]{--dot:var(--violet)}.legend button:hover,.legend button:focus-visible{background:#fff!important;color:var(--ink)!important}
.slide-title h2{font-size:clamp(24px,7vw,38px);line-height:1.08}.concept-lead{font-size:12.5px;line-height:1.65}.panel{padding:12px}.visual-card{padding:12px;min-height:365px;display:block}.visual-card>h3{display:flex;align-items:center;gap:7px;font:750 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.visual-card>h3:before{content:"";width:16px;height:1px;background:var(--accent)}.visual-note{font-size:11px;line-height:1.65}.keypoint{font-size:11px;line-height:1.45}
.diagram-board{min-height:300px;display:grid;align-content:center;position:relative;color:var(--ink)}.diagram-board *{box-sizing:border-box}.vb{border:1px solid color-mix(in srgb,var(--accent) 35%,#bdcbd3);background:rgba(255,255,255,.93);border-radius:11px;padding:9px;min-width:64px;text-align:center;box-shadow:0 5px 14px rgba(27,48,61,.06)}.vb b{display:block;font-size:10.5px}.vb small{display:block;font-size:8px;line-height:1.35;color:var(--muted);margin-top:3px}.va{font:700 17px var(--mono);color:var(--accent);font-style:normal;text-align:center;align-self:center}.va small{display:block;font:600 7px var(--sans);white-space:nowrap}.sketch-note{display:block;width:max-content;max-width:88%;margin:7px 3px 0 auto;transform:rotate(-1.5deg);font:650 9.5px/1.5 "Kaiti SC","STKaiti",cursive;color:color-mix(in srgb,var(--accent) 88%,#27333a);border-bottom:1.5px wavy var(--accent);padding:2px 5px}.diagram-board svg path{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 01–08 */
.triad-map{height:250px;position:relative}.triad-map .core-disc{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--accent);color:#fff;box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 12%,transparent)}.triad-map .core-disc b{font:800 13px var(--mono)}.triad-map .core-disc small{font-size:8px}.triad-map>.vb{position:absolute;width:91px}.triad-map>.vb:nth-of-type(1){left:3%;top:8%}.triad-map>.vb:nth-of-type(2){right:3%;top:8%}.triad-map>.vb:nth-of-type(3){left:50%;bottom:2%;transform:translateX(-50%)}.triad-map svg{position:absolute;inset:0;width:100%;height:100%}.triad-map .dash{stroke-dasharray:4 7;opacity:.45}
.brain-cut{display:grid;grid-template-columns:92px 1fr;gap:10px}.brain-core{grid-row:1/3;border-radius:48% 52% 46% 54%;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 11px var(--mono);box-shadow:inset 10px -8px 0 rgba(0,0,0,.08)}.brain-cut>div:nth-child(2){display:grid;gap:7px}.decision-lane{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.decision-lane span{padding:7px 3px;text-align:center;background:#fff;border-top:3px solid var(--accent);font-size:8px}
.context-cut{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative}.ctx-static,.ctx-dynamic{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:12px}.ctx-static{background:var(--wash)}.ctx-dynamic{background:#fff}.ctx-static b,.ctx-dynamic b{font:700 8px var(--mono);color:var(--accent)}.ctx-static span,.ctx-dynamic span{padding:7px;background:rgba(255,255,255,.8);border-radius:7px;font-size:8px}.eye-mark{grid-column:1/-1;text-align:center;border:1px dashed var(--accent);border-radius:50%;padding:14px;font-weight:750}.eye-mark small{display:block;color:var(--muted);font-weight:500}
.tool-wheel{height:248px;position:relative}.tool-wheel .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-content:center;text-align:center;font:800 10px var(--mono)}.tool-wheel>span{position:absolute;width:68px;height:68px;border-radius:50%;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 50%,white);display:grid;place-content:center;text-align:center;font-size:9px;font-weight:700}.tool-wheel>span small{font-size:7px;color:var(--muted)}.tool-wheel>span:nth-of-type(1){left:4%;top:15%}.tool-wheel>span:nth-of-type(2){right:3%;top:12%}.tool-wheel>span:nth-of-type(3){right:0;bottom:8%}.tool-wheel>span:nth-of-type(4){left:50%;bottom:0;transform:translateX(-50%)}.tool-wheel>span:nth-of-type(5){left:0;bottom:9%}
.react-detail{position:relative}.react-detail>div:not(.env-line){display:flex;gap:7px;align-items:center;justify-content:center}.react-detail .vb{flex:1}.env-line{margin:8px 20px;padding:8px;border-radius:99px;background:var(--accent);color:#fff;display:flex;justify-content:center;gap:7px;font-size:9px}.react-detail svg{position:absolute;inset:-15px -5px;width:calc(100% + 10px);height:calc(100% + 25px);pointer-events:none;opacity:.45}
.harness-shell{height:250px;position:relative;display:grid;place-items:center}.model-core{z-index:5;width:82px;height:82px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;font:800 11px var(--mono)}.model-core small{font-size:7px}.shell{position:absolute;border:2px solid var(--accent);border-radius:50%;display:flex;justify-content:center;align-items:flex-start;padding-top:5px;font:700 7px var(--mono);color:var(--accent)}.shell.s1{width:130px;height:130px}.shell.s2{width:180px;height:180px;opacity:.72}.shell.s3{width:230px;height:230px;opacity:.45}.side-rule{position:absolute;right:0;display:grid;gap:5px}.side-rule span{font-size:7px;padding:3px 5px;background:#fff;border:1px solid var(--line);border-radius:5px}
.spectrum{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:relative;padding-top:34px}.spectrum-line{position:absolute;left:7%;right:7%;top:21px;height:5px;background:linear-gradient(90deg,#9fc2ec,var(--accent));border-radius:5px}.spectrum>div:not(.spectrum-line){min-height:85px;padding:10px 4px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center}.spectrum>div b{font-size:9px}.spectrum>div small{display:block;font-size:7px;color:var(--muted);margin-top:7px}.spectrum footer{grid-column:1/-1;display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}
.gate-map{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:5px;align-items:center}.request,.action{padding:12px 6px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;text-align:center}.gates{display:grid;gap:5px}.gates span{padding:7px;background:#fff;border-left:3px solid var(--accent);font-size:8px}.gates .danger{border-color:#df4e48;color:#a22a27}.abort{grid-column:1/-1;text-align:center;padding:8px;background:#fff1ef;color:#a43d35;border-radius:8px;font-size:8px}
/* 09–20 */
.message-trace{display:grid;gap:5px}.message-trace>div{display:grid;grid-template-columns:68px 1fr 38px;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.message-trace b{font:700 8px var(--mono);color:var(--accent)}.message-trace span{font-size:8px}.message-trace i{font-style:normal;font-size:7px;color:var(--muted)}
.cache-waterfall header,.cache-waterfall>div{display:grid;grid-template-columns:35px 1fr 45px;gap:5px;align-items:center}.cache-waterfall header{font:700 7px var(--mono);color:var(--muted);padding:5px}.cache-waterfall>div{height:44px;border-top:1px solid var(--line)}.cache-waterfall>div b{font:700 8px var(--mono)}.cache-waterfall i,.cache-waterfall em{display:block;height:13px;width:var(--w);border-radius:3px}.cache-waterfall i{background:var(--accent)}.cache-waterfall em{background:#f2a88e}.cache-waterfall footer{display:flex;justify-content:space-between;padding-top:8px;font-size:8px}.cache-waterfall strong{color:var(--accent)}
.prompt-blueprint{border:1px solid var(--accent);border-radius:11px;overflow:hidden;background:#fff}.prompt-blueprint header{padding:9px;background:var(--accent);color:#fff;font:700 9px var(--mono)}.prompt-blueprint section{padding:8px 11px;border-top:1px dashed var(--line)}.prompt-blueprint section b{font-size:9px}.prompt-blueprint section p{font-size:8px;color:var(--muted);margin:2px 0}
.skill-package{display:grid;grid-template-columns:105px 1fr;gap:10px}.folder{padding:13px 9px;background:var(--accent);color:#fff;border-radius:8px 8px 12px 12px;position:relative}.folder:before{content:"";position:absolute;left:0;top:-8px;width:48px;height:10px;border-radius:5px 5px 0 0;background:var(--accent)}.folder b,.folder span{display:block}.folder b{font:700 9px var(--mono);margin-bottom:10px}.folder span{font-size:8px;padding:4px 0;border-top:1px solid rgba(255,255,255,.25)}.package-links{display:grid;grid-template-columns:auto 1fr;gap:5px}.package-links .va{grid-row:1/4}.package-links .vb{padding:6px}.skill-package footer{grid-column:1/-1;padding:8px;text-align:center;background:#fff;border-radius:8px;font-size:8px}
.status-dash{border:1px solid #2c4352;background:#10222e;color:#e8f2f7;border-radius:12px;padding:11px}.status-dash header{display:flex;justify-content:space-between;border-bottom:1px solid #35505f;padding-bottom:7px;font:700 9px var(--mono)}.status-dash header i{font-style:normal;color:#6be1b5}.status-dash>div{display:grid;grid-template-columns:45px 1fr;padding:8px 0;border-bottom:1px solid #293f4c;font-size:8px}.status-dash>div span{color:#90a9b8}.status-dash meter{width:100%;accent-color:var(--accent)}.status-dash .warn{color:#ffc174}.status-dash footer{padding-top:7px;font:600 7px var(--mono);color:#7e99a9}
.compression-map{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.raw-stack{display:grid;gap:4px}.raw-stack b{font-size:8px}.raw-stack i{height:10px;background:#aebdc5;border-radius:2px}.raw-stack i:nth-child(2n){width:72%}.compression-map>.vb{grid-column:3}.compression-map>.va:nth-of-type(2){grid-column:3;transform:rotate(90deg)}.cold-layers{grid-column:2/4;display:grid;gap:4px}.cold-layers span{padding:7px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:8px}
.memory-time{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:25px}.timeline-line{position:absolute;left:9%;right:9%;top:15px;height:2px;background:var(--accent)}.memory-time>div:not(.timeline-line){padding:8px 5px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center}.memory-time i{display:grid;width:19px;height:19px;place-items:center;margin:-28px auto 10px;border-radius:50%;background:var(--accent);color:#fff;font:700 7px var(--mono)}.memory-time b{font-size:8px}.memory-time small{display:block;font-size:6.5px;color:var(--muted);margin-top:4px}
.rag-funnel{display:grid;grid-template-columns:65px 1fr 68px;gap:8px;align-items:center}.corpus{display:grid;gap:4px}.corpus span{padding:8px 3px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:center;font-size:8px}.funnel{display:grid;gap:4px;justify-items:center}.funnel b{display:block;padding:7px;text-align:center;background:var(--accent);color:#fff;font-size:8px;border-radius:4px}.funnel b:nth-child(1){width:100%}.funnel b:nth-child(2){width:84%}.funnel b:nth-child(3){width:66%}.funnel b:nth-child(4){width:48%}.answer{padding:15px 4px;border-radius:50%;background:#fff;border:2px solid var(--accent);text-align:center}.answer b,.answer small{display:block;font-size:8px}
.knowledge-split{display:grid;grid-template-columns:1fr 1fr;gap:6px}.knowledge-split>section{padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center}.knowledge-split header{font:700 8px var(--mono);color:var(--accent);margin-bottom:7px}.knowledge-split section>small{font-size:6.5px;color:var(--muted)}.tree-root,.tree-branch span,.tree-leaf i{padding:4px;background:var(--wash);font-size:7px;border-radius:4px}.tree-root{margin:0 20px 5px}.tree-branch,.tree-leaf{display:flex;justify-content:center;gap:4px;margin:4px}.graph-mini{height:92px;position:relative}.graph-mini>*:not(svg){position:absolute;padding:4px;border-radius:50%;background:var(--wash);font-size:7px;font-style:normal;z-index:2}.graph-mini b{left:0;top:34px}.graph-mini span{left:41px;top:5px}.graph-mini i{right:12px;top:35px}.graph-mini em{right:0;bottom:3px}.graph-mini svg{position:absolute;inset:0;width:100%;height:100%}
.tool-quadrant header{text-align:center;font:700 8px var(--mono);color:var(--accent)}.tool-quadrant section{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.tool-quadrant section>div{min-height:72px;background:rgba(255,255,255,.55);border:1px dashed var(--line);display:grid;place-items:center;padding:5px}.tool-quadrant .vb{width:100%}.tool-quadrant footer{display:flex;justify-content:space-between;font-size:7px;color:var(--muted)}
.event-swim{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:3px;align-items:stretch}.event-swim>div{display:grid;align-content:start;gap:4px;padding:7px 4px;background:#fff;border-top:3px solid var(--accent);border-radius:7px}.event-swim b{font-size:8px}.event-swim span{font-size:6.5px;padding:3px;background:var(--wash);border-radius:3px}
.coding-loop{display:grid;grid-template-columns:1.35fr .85fr;gap:8px}.code-window{background:#10222e;color:#dce8ee;border-radius:9px;overflow:hidden;padding-bottom:7px}.code-window header{background:#283d4a;padding:6px;font:700 7px var(--mono)}.code-window p{font:7px/1.8 var(--mono);margin:4px 8px}.code-window p b{color:#73d7ad}.code-cycle{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:relative}.code-cycle span{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:7px}.code-cycle b{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:36px;opacity:.3}.coding-loop footer{grid-column:1/-1;padding:7px;background:#fff;border-radius:7px;font-size:7px;text-align:center}
/* 21–33 */
.eval-building{display:flex;flex-direction:column;align-items:center}.eval-building>div{padding:10px;background:#fff;border:1px solid var(--line);text-align:center}.eval-building>div:nth-child(1){width:55%}.eval-building>div:nth-child(2){width:78%}.eval-building>div:nth-child(3){width:100%}.eval-building b{font-size:9px;color:var(--accent)}.eval-building span{display:block;font-size:7px;color:var(--muted)}.eval-building footer{margin-top:6px;padding:7px;width:100%;text-align:center;background:var(--accent);color:#fff;font-size:8px}
.dual-evidence{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:stretch}.dual-evidence section{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:center}.dual-evidence header{font:700 7px var(--mono);color:var(--accent)}.steps{display:grid;gap:3px;margin:8px 0}.steps span{font-size:7px;padding:4px;background:var(--wash)}.dual-evidence section>b{font-size:8px}.versus{align-self:center;color:var(--accent);font-size:20px}.db-state{margin:8px 0}.db-state i{display:block;width:42px;height:15px;border-radius:50%;background:var(--accent);margin:auto;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 70%,white),0 10px 0 color-mix(in srgb,var(--accent) 40%,white)}.db-state b,.db-state small{display:block;margin-top:14px;font-size:7px}
.metric-curves{position:relative;padding:4px 5px 0 20px}.chart{height:145px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.curve{position:absolute;left:10%;width:75%;height:110px;border:3px solid transparent}.curve.c1{bottom:-42px;border-top-color:var(--accent);border-radius:50% 50% 0 0;transform:rotate(-18deg)}.curve.c2{top:-42px;border-bottom-color:#e9673e;border-radius:0 0 50% 50%;transform:rotate(18deg)}.chart span{position:absolute;font:700 8px var(--mono)}.chart span small{display:block;font:500 6px var(--sans)}.p1{right:2px;top:18px;color:var(--accent)}.p2{right:2px;bottom:16px;color:#d95332}.axis-y,.axis-x{font-size:7px;color:var(--muted)}.axis-y{position:absolute;left:0;top:0}.axis-x{text-align:right}.metric-curves footer{display:flex;justify-content:center;gap:10px;padding-top:7px;font-size:8px}
.trace-map{background:#10222e;color:#dce8ee;border-radius:10px;padding:9px}.trace-map header{font:700 8px var(--mono);border-bottom:1px solid #39505e;padding-bottom:7px}.trace-row{height:45px;position:relative;border-bottom:1px solid #263d49}.trace-row b{position:absolute;top:8px;font:700 7px var(--mono)}.trace-row i{position:absolute;left:var(--l);width:var(--w);top:24px;height:7px;border-radius:4px;background:var(--accent)}.trace-row span{position:absolute;right:0;top:7px;font:6.5px var(--mono);color:#91a9b6}.trace-map footer{padding-top:7px;font:6.5px var(--mono);color:#72d4ad}
.training-mountain{height:225px;position:relative}.mount{position:absolute;z-index:2;text-align:center}.mount b,.mount small{display:block}.mount b{font-size:9px;color:var(--accent)}.mount small{font-size:6.5px}.mount.m1{left:10%;bottom:34px}.mount.m2{left:43%;bottom:69px}.mount.m3{right:10%;bottom:105px}.training-mountain svg{position:absolute;inset:0;width:100%;height:100%}.training-mountain svg path:first-child{fill:var(--wash);stroke:var(--accent)}.training-mountain .route{stroke:#e9673e;stroke-dasharray:5 5}
.reward-balance{padding-top:25px}.beam{height:8px;background:var(--accent);border-radius:4px;position:relative;transform:rotate(-3deg)}.beam:after{content:"";position:absolute;left:50%;top:8px;border:25px solid transparent;border-bottom-color:#9baab2;transform:translateX(-50%)}.reward-balance section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}.reward-balance section>div{position:relative}.reward-balance section>div:before{content:"";position:absolute;left:50%;bottom:100%;height:25px;border-left:1px solid var(--ink)}.reward-balance footer{margin-top:12px;padding:8px;background:#fff;border-radius:8px;font-size:7.5px}
.evo-cycle{height:240px;position:relative}.evo-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-content:center;text-align:center;font-weight:750;font-size:9px}.evo-cycle>span{position:absolute;width:73px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:7px;text-align:center}.evo-cycle>span:nth-of-type(1){left:35%;top:0}.evo-cycle>span:nth-of-type(2){right:0;top:25%}.evo-cycle>span:nth-of-type(3){right:2%;bottom:10%}.evo-cycle>span:nth-of-type(4){left:34%;bottom:0}.evo-cycle>span:nth-of-type(5){left:0;bottom:12%}.evo-cycle>span:nth-of-type(6){left:0;top:23%}.evo-cycle svg{position:absolute;inset:0;width:100%;height:100%;opacity:.45}
.carrier-depth header{display:flex;justify-content:space-between;font-size:7px;color:var(--muted);margin-bottom:5px}.carrier-depth>div{padding:8px 10px;border-left:4px solid var(--accent);background:#fff;margin:4px;border-radius:0 8px 8px 0}.carrier-depth>div:nth-of-type(2){margin-left:9%}.carrier-depth>div:nth-of-type(3){margin-left:18%}.carrier-depth>div:nth-of-type(4){margin-left:27%;background:var(--accent);color:#fff}.carrier-depth b{font-size:8px}.carrier-depth small{display:block;font-size:6.5px;color:var(--muted)}.carrier-depth>div:nth-of-type(4) small{color:#dbeaff}
.voice-lanes{display:grid;gap:7px}.voice-lanes>div{display:flex;align-items:center;gap:3px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.voice-lanes b{width:42px;font-size:7px;color:var(--accent)}.voice-lanes span{padding:5px;background:var(--wash);border-radius:5px;font-size:6.5px;text-align:center}.voice-lanes .wide{flex:1}.voice-lanes .pulse{background:var(--accent);color:#fff}.voice-lanes footer{text-align:center;font-size:7px;color:var(--muted)}
.gui-loop{display:grid;grid-template-columns:1.35fr .65fr;gap:8px}.mock-screen{height:165px;border:5px solid #263b48;border-radius:9px;background:#fff;position:relative;overflow:hidden}.mock-screen header{height:18px;background:#263b48;color:#fff;font:6px var(--mono);padding:3px}.mock-screen aside{position:absolute;left:0;top:18px;bottom:0;width:24%;background:#e5eaed}.mock-screen main{margin-left:27%;padding:9px;display:grid;gap:7px}.mock-screen main i{height:9px;background:#dde5e9;border-radius:3px}.mock-screen main button{width:60px;border:2px solid var(--accent);background:var(--wash);border-radius:5px;font-size:7px;padding:5px}.cursor{position:absolute;left:55%;top:58%;font-size:23px;color:var(--accent)}.perception-ring{display:grid;gap:4px;position:relative}.perception-ring span{display:grid;place-items:center;padding:5px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:6.5px}.perception-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:var(--accent);opacity:.2}
.robot-stack{display:grid;gap:7px}.world-strip{padding:8px;background:#2b3d48;color:#fff;border-radius:8px;text-align:center;font-size:7px}.planner{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.sim-bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.sim-bridge span{padding:8px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:7px}.sim-bridge i{font:700 7px var(--mono);color:var(--accent);padding:0 5px}.robot-stack footer{text-align:center;font-size:7px;color:var(--muted)}
.multi-matrix{display:grid;gap:4px}.multi-matrix header,.multi-matrix>div{display:grid;grid-template-columns:48px 1fr 1fr;gap:4px}.multi-matrix header b,.multi-matrix>div>b{font-size:7px;text-align:center}.topo{min-height:69px;padding:10px 4px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:center;font:700 9px/1.8 var(--mono);color:var(--accent)}.topo i{font-style:normal;font-size:7px;color:var(--ink)}.topo.split{border-style:dashed}.multi-matrix footer{text-align:center;font-size:7px;color:var(--muted)}
.cascade-line{display:flex;align-items:center;justify-content:center;gap:2px}.cascade-line>span{transform:scale(var(--s));padding:8px 4px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:6px;text-align:center}.cascade-line .bad{background:#e85c4a;color:#fff;border-color:#e85c4a}.circuit{margin-top:23px;padding:8px;border:2px dashed var(--accent);border-radius:9px;display:flex;gap:4px;flex-wrap:wrap}.circuit b{color:var(--accent);font-size:8px;width:100%}.circuit span{font-size:6.5px;padding:4px;background:#fff;border-radius:4px}
@media(max-width:380px){.atlas h1{font-size:27px}.graph-shell{min-height:300px}.visual-card{min-height:340px}.diagram-board{transform:scale(.94);transform-origin:center}.slide-title h2{font-size:22px}.legend button{font-size:7.5px}.event-swim{gap:1px}.event-swim .va{font-size:11px}}
@media(min-width:760px){.atlas h1{font-size:54px;line-height:1.08}.visual-card{min-height:440px}.diagram-board{max-width:520px;margin:auto;width:100%}}