:root{color-scheme:dark;--bg:#06101c;--page-top:#081c33;--page-bottom:#050b14;--card:rgba(6,15,27,.82);--panel:rgba(10,25,43,.72);--panel-strong:rgba(11,29,50,.92);--line:rgba(93,171,255,.15);--line-soft:rgba(255,255,255,.08);--text:#f6f8fb;--muted:#9eabc0;--soft:#63738c;--blue:#2d8cff;--cyan:#19cfff;--violet:#9168ff;--green:#20e98b;--glow:0 30px 100px rgba(0,0,0,.34);--tile:rgba(255,255,255,.03);--tile-hover:rgba(255,255,255,.05)}
:root[data-theme="light"]{color-scheme:light;--bg:#eef5fc;--page-top:#d9eaf9;--page-bottom:#edf4fb;--card:rgba(255,255,255,.78);--panel:rgba(255,255,255,.82);--panel-strong:rgba(255,255,255,.96);--line:rgba(42,103,165,.16);--line-soft:rgba(20,50,90,.1);--text:#0f1726;--muted:#516177;--soft:#74849a;--glow:0 26px 80px rgba(46,87,129,.12);--tile:rgba(255,255,255,.72);--tile-hover:rgba(255,255,255,.92)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--blue) 17%,transparent),transparent 38rem),radial-gradient(circle at 78% 76%,color-mix(in srgb,var(--green) 10%,transparent),transparent 28rem),linear-gradient(180deg,var(--page-top) 0%,var(--page-bottom) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(50,130,210,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(50,130,210,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,black 28%,transparent 90%)}
.contours{position:fixed;top:2vh;width:min(27vw,340px);height:96vh;pointer-events:none;opacity:.42;fill:none;stroke:#0c6dc2;stroke-width:1}.contours-left{left:-70px}.contours-right{right:-70px;transform:scaleX(-1)}.contours .dashed{stroke-dasharray:5 8;opacity:.65}
.card-shell{position:relative;z-index:2;width:min(1040px,100%);border:1px solid color-mix(in srgb,var(--line) 100%,transparent);border-radius:30px;padding:28px 30px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 100%,transparent),color-mix(in srgb,var(--panel) 68%,transparent));box-shadow:var(--glow);backdrop-filter:blur(18px)}
.identity{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}.identity-main{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(23,134,255,.18))}.domain{margin:0 0 3px;color:var(--soft);font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}h1{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.035em;font-weight:730}
.header-actions{display:flex;align-items:center;gap:10px}.tool-button{width:38px;height:38px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:18px;cursor:pointer;transition:.18s}.tool-button:hover{color:var(--text);border-color:rgba(71,186,255,.3);background:rgba(57,129,194,.08)}.tool-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.theme-button{position:relative}.theme-button svg{position:absolute;inset:0;margin:auto;transition:opacity .18s,transform .18s}.icon-sun{opacity:0;transform:scale(.65) rotate(-30deg)}.icon-moon{opacity:1;transform:scale(1)}:root[data-theme="light"] .icon-sun{opacity:1;transform:scale(1) rotate(0)}:root[data-theme="light"] .icon-moon{opacity:0;transform:scale(.65) rotate(24deg)}.tool-button:focus-visible,.network-card:focus-visible,.command-result:focus-visible{outline:2px solid color-mix(in srgb,var(--cyan) 70%,white);outline-offset:3px}
.brand-stage{position:relative;overflow:hidden;margin-top:18px;border:1px solid rgba(83,159,247,.12);border-radius:24px;aspect-ratio:16/9;background:#061528;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.brand-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.brand-stage-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,21,.05),rgba(5,12,21,.12));pointer-events:none}.brand-stage-synapse{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.95}:root[data-theme="light"] .brand-stage{background:#dbe7f2}:root[data-theme="light"] .brand-stage-image{filter:saturate(1.02) brightness(1.03)}:root[data-theme="light"] .brand-stage-overlay{background:rgba(255,255,255,.08)}:root[data-theme="light"] .brand-stage-synapse{mix-blend-mode:normal;opacity:.82}
.hero-synapse-guide{fill:none;stroke:rgba(108,164,223,.20);stroke-width:1.5;stroke-dasharray:3 9}.hero-synapse-line{fill:none;stroke:url(#heroSignalGradient);stroke-width:2.5;stroke-linecap:round;opacity:.9}.hero-synapse-wave{fill:none;stroke:url(#heroSignalGradient);stroke-width:12;stroke-linecap:round;opacity:.17;filter:blur(15px)}.hero-node{fill:#091826;stroke-width:5}.hero-node-blue{stroke:var(--blue)}.hero-node-cyan{stroke:var(--cyan)}.hero-node-violet{stroke:var(--violet)}.hero-node-green{stroke:var(--green)}.hero-traveler-a{fill:#fff}.hero-traveler-b{fill:#7ddeff}.hero-traveler-c{fill:#39f0a9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.links-area{display:grid;gap:18px;padding-top:18px}.network-group{display:grid;gap:10px}.group-label{display:flex;align-items:baseline;gap:10px}.group-label h3{margin:0;color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.group-label p{margin:0;color:var(--soft);font-size:10px}.network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.network-card{--brand:#4aa9ff;position:relative;overflow:hidden;aspect-ratio:1/1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line-soft);border-radius:18px;background:var(--tile);text-decoration:none;color:inherit;transition:.16s}.network-card::after{content:"";position:absolute;right:-32px;bottom:-42px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%)}.network-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 42%,transparent);background:color-mix(in srgb,var(--brand) 6%,var(--tile-hover))}.network-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.network-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.03)}.network-icon img{width:20px;height:20px}.network-arrow{color:var(--soft);font-size:14px}.network-copy{position:relative;z-index:1;display:grid;gap:4px}.network-name-row{display:flex;align-items:center;gap:6px}.network-name{font-size:14px;font-weight:760;letter-spacing:-.01em}.network-handle{color:var(--soft);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-status{margin:0;color:var(--muted);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px rgba(32,233,139,.55)}.network-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.network-tag{padding:5px 8px;border:1px solid var(--line-soft);border-radius:999px;background:rgba(255,255,255,.025)}
.footer{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line-soft);color:#55657c;font-size:8.7px;letter-spacing:.02em}.command-dialog{width:min(520px,calc(100% - 24px));border:0;padding:0;background:transparent}.command-dialog::backdrop{background:rgba(0,6,13,.72);backdrop-filter:blur(8px)}.command-panel{overflow:hidden;border:1px solid rgba(92,173,255,.18);border-radius:18px;background:var(--panel-strong);box-shadow:0 30px 90px rgba(0,0,0,.5)}.command-input-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line-soft)}.command-input-row input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.command-input-row button{border:1px solid var(--line-soft);border-radius:7px;background:transparent;color:var(--soft);padding:4px 7px;font-size:9px}.command-results{padding:7px;max-height:330px;overflow:auto}.command-result{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.command-result:hover,.command-result.active{background:rgba(70,150,225,.08)}.command-result img{width:18px;height:18px}.command-result small{margin-left:auto;color:var(--soft);font-size:9px}
@media(max-width:860px){body{place-items:start center;padding:16px 12px 26px}.card-shell{width:min(980px,100%);padding:22px 20px 18px}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.card-shell{border-radius:22px;padding:18px 16px 14px}.brand-stage{border-radius:18px;margin-top:16px}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-card{aspect-ratio:auto;min-height:142px}.footer{font-size:8px}.footer-sep{display:none}}
@media(max-width:420px){.network-grid{grid-template-columns:1fr}.network-card{min-height:132px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-traveler-a,.hero-traveler-b,.hero-traveler-c,.hero-synapse-wave{display:none}}