body[data-atlas=infra]{--accent:#9dcfff;--glow:#9dcfff28;background:radial-gradient(ellipse at 85% 0,#34577755,transparent 800px),#0d1118}body[data-atlas=ai]{--accent:#d4b3ff;--glow:#d4b3ff28;background:radial-gradient(ellipse at 85% 0,#61477855,transparent 800px),#120e18}nav a[aria-current]{color:var(--accent);border-color:var(--accent);background:#242932}header{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(120deg,#303641,#14171d 65%);border-color:#657080}h1{font-size:clamp(28px,4vw,44px);overflow-wrap:anywhere}.card{background:linear-gradient(135deg,#46505a,#252a32 40%,#343c48);border-color:#576370}.demo{background:radial-gradient(ellipse at bottom,var(--glow),transparent),#10151d}.name{background:linear-gradient(100deg,#313946,#232a36);border-top-color:#59657a}.node{background:linear-gradient(#293441,#19212d);color:#c0c9d8;border-color:#465467}.node.active{color:var(--accent);border-color:var(--accent);background:#30364a;box-shadow:0 0 18px var(--glow)}.readout{white-space:pre-wrap;background:#0b101a;border-color:#3e4c64;color:#c5d7ef}.name p,.status{color:#c7cbd8}.intro{color:#afbccc}button{background:linear-gradient(#e2e6f4,var(--accent));border-color:var(--accent);color:#18202c}button.secondary{background:linear-gradient(#364154,#202938);border-color:#60708a;color:#e1e7f0}select,input{background:#111824;border-color:#667a93;color:#e4e9f3}.server-art i{border-color:#66788f;background:repeating-linear-gradient(90deg,transparent 0 5px,#0b101c 6px 8px) 18px 20px/130px 22px no-repeat,linear-gradient(#424d60,#222939)}.server-art i::after{background:var(--accent);box-shadow:0 0 12px var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.controls label{flex-wrap:wrap;color:#c7cbd8}.token-piece{display:inline-block;padding:5px 8px;margin:3px;border:1px solid var(--accent);border-radius:4px;color:var(--accent);background:var(--glow)}.tokens{min-height:38px;margin-top:12px}.number{color:var(--accent);border-color:#526078}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
.card{display:flex;flex-direction:column}.demo{flex:1}.name{min-height:110px}