.cosmos-wrap{margin-top:8px}#cosmos{position:relative;overflow:hidden;border-radius:20px;height:clamp(540px,calc(100vh - 170px),880px);border:1px solid rgba(147,185,255,.1);cursor:grab;background:radial-gradient(ellipse at 50% 52%,rgba(10,24,48,.3) 0%,rgba(4,12,26,.16) 30%,transparent 58%),radial-gradient(ellipse at 20% 25%,rgba(31,58,98,.1) 0%,transparent 42%),radial-gradient(ellipse at 82% 68%,rgba(15,72,104,.08) 0%,transparent 38%),linear-gradient(180deg,#01040a,#020713 44%,#01050b)}#cosmos.dragging{cursor:grabbing}#cosmos.pointer{cursor:pointer}#cosmosGl{position:absolute;inset:0;width:100%;height:100%;display:block}.cosmos-grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:screen}.cosmos-scan{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.055;background:linear-gradient(180deg,transparent,rgba(151,197,255,.045),transparent);transform:translateY(-100%);animation:cosmosScan 14s ease-in-out infinite}@keyframes cosmosScan{0%,74%,to{transform:translateY(-110%)}86%{transform:translateY(110%)}}.cosmos-hud{position:absolute;z-index:10;pointer-events:none}.cosmos-intro{top:22px;left:26px;opacity:.58}.cosmos-kicker{letter-spacing:.42em;color:#97c5ff9e;font-weight:800;font-size:9px;text-transform:uppercase;margin-bottom:6px}.cosmos-title{font-family:var(--sans);font-weight:700;font-size:clamp(20px,2vw,28px);line-height:.96;letter-spacing:-.04em;color:#eef6ff;text-shadow:0 0 28px rgba(109,168,255,.1)}.cosmos-title em{color:#f2cb8b;font-style:italic;font-weight:400}.cosmos-topbar{top:20px;right:22px;display:flex;gap:10px;pointer-events:auto}.cosmos-topbar button{color:#e8f4ff94;background:#8dbcff09;border:1px solid rgba(159,199,255,.13);border-radius:999px;padding:8px 14px;font-family:var(--sans);font-size:12px;letter-spacing:.02em;backdrop-filter:blur(18px);box-shadow:0 12px 42px #00000038,inset 0 0 22px #89beff06;cursor:pointer;transition:.16s ease}.cosmos-topbar button:hover{color:#eef6ff;border-color:#97c5ff57;background:#78aeff12;transform:translateY(-1px)}#cosmoPanel{right:20px;top:50%;transform:translateY(-50%);width:min(300px,calc(100% - 40px));padding:18px 18px 14px;border:1px solid rgba(147,185,255,.1);border-radius:18px;background:linear-gradient(180deg,#040c1c8c,#02081261);backdrop-filter:blur(26px) saturate(118%);box-shadow:0 22px 70px #00000052,inset 0 0 30px #70aaff05;pointer-events:auto;opacity:.88;transition:opacity .22s ease,transform .22s ease}#cosmoPanel.empty{opacity:0;pointer-events:none;transform:translateY(-50%) translate(10px)}.cosmos-cluster{display:flex;align-items:center;gap:9px;color:#e8f4ffcc;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin-bottom:12px}.cosmos-cluster:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--node-color, #d8a15f);box-shadow:0 0 8px #eeb56e59}#cosmoPanel h4{margin:0 0 5px;font-family:var(--sans);font-weight:700;font-size:22px;line-height:1.08;letter-spacing:-.03em;color:#f4f9fff0}.cosmos-subtitle{color:#e8f4ff6b;margin-bottom:13px;line-height:1.35;font-size:12px}.cosmos-bonds-title{color:#97c5ffb8;letter-spacing:.2em;font-size:10px;font-weight:800;text-transform:uppercase;margin:0 0 6px}#cosmoBonds{display:flex;flex-direction:column;max-height:240px;overflow:auto;padding-right:2px}#cosmoBonds::-webkit-scrollbar{width:4px}#cosmoBonds::-webkit-scrollbar-thumb{background:#97c5ff2e;border-radius:4px}.bond{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(174,207,255,.07);cursor:pointer}.bond:hover .bond-name{color:#f2cb8b}.bond-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;background:var(--bond-color);box-shadow:0 0 6px #eeb56e40}.bond-name{font-weight:650;transition:.14s ease;font-size:13.5px;color:#eef6ff}.bond-relation{color:#e8f4ff66;font-size:11.5px;margin-top:2px;line-height:1.35}.bond-type{font-weight:700}.bond-src .srctag{display:inline-block;margin-left:3px;padding:0 5px;border:1px solid rgba(231,190,138,.3);border-radius:5px;font-size:9px;font-weight:800;color:#e7be8a;vertical-align:1px}.cosmos-hint{margin-top:12px;color:#e8f4ff47;font-size:10.5px;line-height:1.35}.cosmos-zoom{left:50%;transform:translate(-50%);bottom:18px;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(151,197,255,.12);background:#030a166b;backdrop-filter:blur(14px);color:#e8f4ff70;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;box-shadow:0 0 28px #64a5ff0f}.cosmos-pulse{width:5px;height:5px;border-radius:50%;background:#a9d8ffb8;box-shadow:0 0 10px #7ebcff57;animation:cosmosPulse 3.8s ease-in-out infinite}@keyframes cosmosPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 900px){#cosmos{height:min(78vh,640px);border-radius:16px}.cosmos-intro{top:16px;left:16px}.cosmos-topbar{top:14px;right:14px}#cosmoPanel{inset:auto 12px 12px;transform:none;width:auto;max-height:44%;overflow:hidden;display:flex;flex-direction:column}#cosmoPanel.empty{transform:translateY(10px)}#cosmoBonds{max-height:none;flex:1}.cosmos-zoom{display:none}}