@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#edf4fa;background:#080d14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,#universe:focus-visible{outline:2px solid #78f4e4;outline-offset:5px}button:hover{color:#8ef8e9}button:disabled{opacity:.4}#app{height:100svh;min-height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 58%,#10282e66,transparent 46%),#080d14}#universe{position:absolute;inset:0;touch-action:none;outline:none;cursor:grab}#universe:active{cursor:grabbing}canvas{display:block}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}header{height:86px;position:absolute;top:0;left:0;right:0;margin:0 38px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c4e4f014;z-index:5}.brand{display:flex;align-items:center;text-decoration:none;color:#f4f8fc;font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand>span:last-child{color:#77939c}.brand-mark{display:grid;place-items:center;margin-right:12px;width:31px;height:34px;border:1px solid #60dccc70;border-radius:10px;color:#76f1df;font-size:25px;transform:rotate(-9deg)}.divider{height:22px;border-left:1px solid #b4cadd26}.workspace{font-size:14px;color:#7c8b99}.workspace b{font-weight:500;color:#c0cbd4}.chevron{margin:0 14px;color:#455663}.demo{margin-left:auto;font-size:12px;letter-spacing:.3px;background:#172523;border:1px solid #54796844;padding:7px 12px;border-radius:30px;color:#a8c7bc;white-space:nowrap}i,.pulse-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#75d7b0}.demo i{margin-right:6px}#motion{border:1px solid #afcadd20;border-radius:8px;padding:9px 13px;font-size:14px;color:#acbac5}#motion[aria-pressed=true]{background:#18312e;color:#8df4df;border-color:#5aebcf55}.intro{position:absolute;left:42px;top:128px;pointer-events:none}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;color:#6fb8b0}h1{font:500 34px 'Space Grotesk',sans-serif;letter-spacing:-1.3px;margin:14px 0 9px}.intro p{color:#788b9c;font-size:14px;margin:0}.overview{display:flex;align-items:center;gap:18px;margin-top:23px;font-size:12px;color:#7d919f}.overview b{font:500 15px 'Space Grotesk';color:#b5c7d3;margin-right:4px}.overview .healthy{border-left:1px solid #30404c;padding-left:18px}.healthy i{margin-right:5px}.legend{position:absolute;left:42px;bottom:135px;display:flex;flex-direction:column;gap:13px;font-size:12px;color:#8d9aa7;pointer-events:none}.legend i{background:var(--dot);margin-right:9px;width:6px;height:6px}.node{position:absolute;left:0;top:0;width:174px;padding:12px 14px;background:linear-gradient(130deg,#192630f2,#101a24f0);border:1px solid #53687565;border-radius:11px;pointer-events:auto;text-align:left;box-shadow:0 8px 30px #0004;will-change:transform;transition:border-color .2s,background .2s;backdrop-filter:blur(14px)}.node::before{content:'';position:absolute;left:-4px;top:50%;width:6px;height:6px;margin-top:-3px;border:1px solid var(--accent);border-radius:50%;background:#102125;box-shadow:0 0 8px var(--accent)}.node:hover,.node.selected{border-color:var(--accent);background:#1a303a}.node-top{display:flex;align-items:center;gap:9px}.node-icon{width:27px;height:27px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:6px}.node-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.node-name{font-weight:550;font-size:14px;white-space:nowrap}.status-dot{width:5px;height:5px;background:#7ee1ba;border-radius:50%;margin-left:auto}.node-sub{display:flex;justify-content:space-between;margin-top:9px;color:#8699a7;font-size:11px}.node-sub b{font-weight:400;color:#b2c0c9}.node-category{font-size:10px;color:#738c9b;margin-top:3px}#core-label{position:absolute;text-align:center;pointer-events:none;text-shadow:0 2px 18px #001b21;transform:translate(-50%,-50%)}#core-label strong{display:block;font:500 23px 'Space Grotesk';letter-spacing:7px;padding-left:7px;color:#d6ffff}#core-label span{display:block;font-size:8px;letter-spacing:2.1px;color:#98d0cf;margin-top:9px}footer{position:absolute;left:38px;right:38px;bottom:47px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:6}footer button,footer .tools{pointer-events:auto}#services,.tools{height:45px;display:flex;align-items:center;gap:12px;background:#111c26d9;border:1px solid #879fa42e;border-radius:9px;backdrop-filter:blur(20px)}#services{padding:0 15px;font-size:13px}#services>span{color:#82a6b2;font-size:20px}small{font-size:11px;color:#7d929e}#services small{background:#20313c;padding:3px 5px;border-radius:4px}.instructions{display:flex;align-items:center;gap:12px;color:#718693;font-size:12px}.instructions>span{font-size:21px;color:#819da9}.instructions i{width:3px;height:3px;background:#536975}.tools{gap:5px;padding:4px}.tools button{width:33px;height:33px;font-size:20px}.tools #reset{font-size:26px}#zoom-value{font:400 11px 'Space Grotesk';min-width:40px;text-align:center;color:#97aab7}.tool-divider{height:17px;border-left:1px solid #30404c;margin:0 2px}.corner-note{position:absolute;left:41px;bottom:17px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.3px;color:#5b707e;pointer-events:none}.pulse-dot{width:4px;height:4px;background:#789088}#inspector,#directory{position:absolute;z-index:8;border:1px solid #465b6b75;background:#101b25f5;backdrop-filter:blur(25px);box-shadow:0 20px 80px #0008;border-radius:16px}#inspector{right:30px;top:110px;width:306px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px}.panel-heading button{font-size:25px;color:#8da1af}.detail-icon{width:45px;height:45px}.detail-icon svg{width:29px;height:29px}#inspector h2{font:500 25px 'Space Grotesk';margin:18px 0 5px}.detail-category{color:#8298a9;font-size:13px}#inspector p{font-size:14px;line-height:1.7;color:#9db0bc;margin:22px 0}.detail-status{font-size:12px;margin-top:16px;color:#8be4bf}.detail-status i{margin-right:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#1a2832;border-radius:8px;padding:14px}.metric span{display:block;color:#8198a7;font-size:11px;margin-bottom:7px}.metric b{font:500 20px 'Space Grotesk'}.detail-connections{margin-top:24px;border-top:1px solid #44586755;padding-top:18px;font-size:12px;color:#8298a7}.detail-connections button{display:block;font-size:14px;margin-top:12px;color:#bccbd3}.sample-note{font-size:11px!important;margin-bottom:0!important;color:#617a8b!important}.detail-back{width:100%;padding:11px;border:1px solid #4b736f;border-radius:7px;margin-top:20px;color:#a1e8d9;font-size:13px}#directory{left:38px;bottom:105px;width:275px;padding:19px}.service-row{display:flex;align-items:center;width:100%;text-align:left;gap:11px;padding:9px 0}.service-row>span:nth-child(2){font-size:14px;flex:1}.service-row>small{font-size:11px}#service-list{margin-top:12px}#directory p{font-size:11px;color:#708897;margin-bottom:2px}#fallback{position:absolute;top:42%;left:25%;width:50%;text-align:center}#fallback p{color:#8ba6b6;line-height:1.6}[hidden]{display:none!important}
#universe,#labels{top:100px;bottom:100px}
#labels{z-index:2}#core-label{z-index:2}
@media(min-width:1600px){.intro{top:145px}h1{font-size:40px}}@media(max-width:900px){#universe,#labels{top:255px;bottom:105px}.workspace{display:none}.intro{top:112px;left:24px}header{margin:0 24px;height:77px}h1{font-size:29px}.legend{display:none}.instructions{display:none}footer{left:24px;right:24px}.corner-note{left:24px}.node{width:174px;padding:10px}.node-name{font-size:14px}.node-sub{font-size:12px}.node-category{display:none}#inspector{right:20px}}@media(max-width:600px){#universe,#labels{top:220px;bottom:95px}header{margin:0 18px;gap:13px;height:70px}.brand{font-size:23px}.divider{display:none}.brand-mark{margin-right:9px}.demo{font-size:10px;padding:6px 8px}#motion{padding:6px 8px;font-size:22px}#motion span{display:none}.intro{top:97px;left:21px}.eyebrow{font-size:10px}h1{font-size:27px;margin-top:10px}.intro p{font-size:12px}.overview{margin-top:16px;font-size:11px;gap:11px}.overview .healthy{padding-left:11px}.legend{display:none}.node{width:155px;border-radius:8px;padding:9px}.node-icon{width:21px;height:21px}.node-icon svg{width:17px;height:17px}.node-top{gap:7px}.node-name{font-size:14px}.node-sub{font-size:12px;margin-top:6px}#core-label strong{font-size:17px;letter-spacing:4px}#core-label span{font-size:7px;letter-spacing:1px}footer{left:18px;right:18px;bottom:43px}#services{gap:8px;padding:0 11px}.tools{gap:0}.tools button{width:30px}.corner-note{left:20px;font-size:9px;gap:6px;bottom:18px}.corner-note>span:last-child{display:none}#directory{left:18px;bottom:99px;width:270px}#inspector{top:auto;bottom:100px;right:18px;width:min(306px,calc(100% - 36px));padding:20px;max-height:calc(100svh - 190px);overflow:auto}#inspector p{margin:15px 0}.detail-connections{margin-top:16px}#fallback{left:10%;width:80%}}
@media(max-width:900px){.node{width:142px;padding:10px}.node-sub{display:none}.node-name{font-size:13px}.node-top{gap:7px}.node-icon{width:23px;height:23px}.node-icon svg{width:18px;height:18px}}

.node-sub{gap:12px}.node-sub span,.node-sub b{white-space:nowrap}
.specs{display:grid;gap:8px;margin-top:14px;font-size:12px}.specs div{display:flex;justify-content:space-between;gap:14px;color:#8198a7}.specs b{font-weight:500;color:#dce6ec;text-align:right}
.node{width:max-content;min-width:150px}
#inspector{overflow:auto;max-height:calc(100svh - 200px)}.pools{grid-column:1/-1;display:grid;gap:8px}.pool{background:#1a2832;border-radius:8px;padding:12px 14px}.pool-head,.pool-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8198a7}.pool-head{font-size:12px;margin-bottom:8px}.pool-head b{font-weight:600;color:#dce6ec}.pool-bar{height:5px;border-radius:3px;background:#0f1a22;overflow:hidden;margin-bottom:7px}.pool-bar i{display:block;height:100%;border-radius:3px}.pool-meta+.pool-meta{margin-top:3px}