:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e6eefb;background:#070d18;font-synthesis:none;--line:#27374e;--muted:#9baec8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 0%,#112a38 0%,transparent 50%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#111e30;border:1px solid #34465d;border-radius:8px;padding:10px 13px;min-height:42px}button:hover{border-color:#79e8d3;background:#193344}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #79e8d3;outline-offset:4px}a{color:inherit;text-decoration:none}header{max-width:1500px;margin:auto;padding:24px 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.brand{display:flex;align-items:center;gap:14px;font-size:23px;color:#7ce8d3}.brand span{font-size:17px;letter-spacing:2px;color:#e6eefb}.brand b{font-weight:400;color:#92a6be}.badge,.eyebrow{font-size:11px;letter-spacing:2px;color:#7ce8d3}main{max-width:1500px;margin:auto;padding:0 38px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:50px 0 30px}h1{font-size:clamp(30px,4vw,56px);letter-spacing:-2px;margin:13px 0 16px}h1 em{font-style:normal;color:#7ce8d3}p{line-height:1.8;color:var(--muted)}.intro p{margin:0}.index{display:flex;align-items:center;gap:16px;white-space:nowrap}.index b{font-size:64px;font-weight:300;color:#7ce8d3}.index span{font-size:12px;line-height:1.8;color:var(--muted)}.periphery{border:1px dashed #40516b;border-radius:10px;padding:15px 20px;background:#0c1524}.periphery>span{font-size:12px;color:#b7c8df}.periphery p{margin:7px 0 0;font-size:13px}.periphery small{display:block;color:#9baec8;line-height:1.8;margin-top:8px}nav{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0}nav button{flex:1;white-space:nowrap;border-top:2px solid var(--accent)}nav .active{color:var(--accent);background:#1a2b3d}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 14px}.toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar strong{font-size:13px}.toolbar label{font-size:12px;color:#9baec8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0a1322}.visual{min-width:0;background:radial-gradient(ellipse at center,#12283b,transparent 70%)}.scene-meta{display:flex;justify-content:space-between;padding:16px 18px;font-size:10px;letter-spacing:1px;color:#9baec8;gap:15px}#viewport{height:500px;position:relative;overflow:hidden;touch-action:none}#viewport canvas{display:block}#labels{position:absolute;inset:0;pointer-events:none}.node{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#101d2eee;border:1px solid var(--accent);padding:8px 10px;white-space:nowrap;border-radius:6px;box-shadow:0 8px 24px #0006}.node b{font-size:13px;font-weight:500}.node small{display:block;margin-top:4px;font-size:8px;color:#9baec8;letter-spacing:1px}.hint{font-size:11px;text-align:center;margin:10px 15px 18px;color:#8099b6}aside{border-left:1px solid var(--line);padding:27px 24px;background:#0d192a}h2{font-size:23px;line-height:1.4}aside h2{margin:13px 0}aside p{font-size:13px}aside .primary{width:100%;background:#80e5cf;color:#071720;border:none;font-weight:650}#focus{width:100%;font-size:12px;margin-top:9px}.boundary{border-left:2px solid #80e5cf;padding:0 0 0 13px;margin-top:24px}.boundary small{font-size:9px;letter-spacing:1px;color:#7ce8d3}aside h3{font-size:12px;margin-top:25px}#neighbors{display:flex;flex-wrap:wrap;gap:6px}#neighbors button{font-size:11px;padding:7px;min-height:36px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 18px}.detail-heading h2{margin:9px 0}.detail-heading>span{font-size:12px;color:#9baec8}.flow{display:flex;gap:10px;list-style:none;padding:0;counter-reset:flow;flex-wrap:wrap}.flow li{counter-increment:flow;flex:1;min-width:180px;padding:15px;background:#142638;border:1px solid #29435a;font-size:13px;border-radius:8px}.flow li:before{content:counter(flow,decimal-leading-zero)" → ";color:#7ce8d3;font-size:11px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cards article{padding:23px;background:#101d2e;border:1px solid var(--line);border-radius:10px;scroll-margin:25px}.cards small{font-size:10px;color:#7ce8d3;letter-spacing:1px}.cards h3{font-size:18px;margin:13px 0}.cards code,#textview code{display:block;font:12px/1.7 Consolas,monospace;overflow-wrap:anywhere;color:#d8c2ff;background:#080f1d;padding:10px;border-radius:6px}.cards p{font-size:13px;margin-bottom:0}.cards .highlight{border-color:#7ce8d3;box-shadow:0 0 25px #7ce8d318}.sources{font-size:11px;overflow-wrap:anywhere;margin:20px 0 30px}.overview-note{padding:25px 0}.overview-note h2{font-size:20px}.overview-note p{font-size:13px}.execution{margin-top:20px}#boundaries{margin:40px 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles p{font-size:12px;margin:0}.principles b{display:block;color:#dce7f6;font-size:14px;margin-bottom:8px}footer{padding:20px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#7f94ad;font-size:10px;letter-spacing:1px}#textview{padding:20px;max-height:550px;overflow:auto}#textview h3{font-size:14px}#textview button{display:block;width:100%;text-align:left;margin-bottom:10px;white-space:normal}#textview button span{display:block;font-size:12px;color:#9baec8;margin-top:8px;line-height:1.7}#textview button code{margin-top:8px}#textview p{font-size:12px}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}[hidden]{display:none!important}@media(min-width:1600px){#viewport{height:580px}}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 270px}main{padding:0 20px}header{padding:20px}.node small{display:none}.node{padding:7px}.node b{font-size:11px}.index{display:none}}@media(max-width:700px){header .badge{display:none}header{padding:18px 16px}main{padding:0 14px}.intro{padding:30px 0 22px}.intro p{font-size:13px}h1{letter-spacing:-1px}.periphery{padding:12px}.periphery p{font-size:11px}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px 0}nav button{padding:8px 3px;font-size:11px}.workspace{grid-template-columns:1fr}aside{border-left:none;border-top:1px solid var(--line);padding:22px}.toolbar strong{font-size:11px}.toolbar button{padding:8px 10px;font-size:12px}.toolbar label{font-size:11px}#viewport{height:410px}.scene-meta{font-size:8px;padding:14px 10px}.node b{font-size:10px}.node{padding:5px;min-height:34px}.cards{grid-template-columns:1fr}.detail-heading{align-items:start;flex-direction:column;gap:0}.flow{display:grid;grid-template-columns:1fr 1fr}.flow li{min-width:0;font-size:11px;padding:12px}.principles{grid-template-columns:1fr;gap:20px}.text-grid{grid-template-columns:1fr}footer{letter-spacing:0}.cards article{padding:20px}#textview{max-height:450px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.edge-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;font-size:10px;padding:8px 12px}.input-edge{color:#89b8ff}.call-edge{color:#83d9ff}.storage-edge{color:#a6d89a}.policy-edge{color:#ff9faa}#inspector-data{display:block;overflow-wrap:anywhere;white-space:normal;color:#d8c2ff;background:#070d18;padding:10px;font:11px/1.7 Consolas,monospace}#inspector-source{font-size:10px;line-height:1.8}.toolbar{position:sticky;top:0;z-index:5;background:#070d18;padding-top:10px}.node:focus{outline:2px solid #fff}