:root{--bg:#050a13;--panel:#0b1728;--text:#eef8ff;--muted:#7f94aa;--cyan:#37d5ff;--blue:#556dff;--line:rgba(64,210,255,.28);font-family:Inter,Segoe UI,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 45%,#0b2440 0,#07131f 28%,var(--bg) 68%);overflow:hidden}.stars{position:fixed;inset:0;background-image:radial-gradient(circle,rgba(103,202,255,.28) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle,#000,transparent 78%);opacity:.45}header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(100,190,255,.12);background:linear-gradient(180deg,rgba(4,10,19,.92),transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:.95rem;letter-spacing:.22em}.brand b{color:var(--cyan)}.brand-mark,.mini-mark{display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);box-shadow:0 0 22px rgba(55,213,255,.3);font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px}.mini-mark{width:44px;height:44px;border-radius:13px;font-size:1.3rem}.icon-btn{width:43px;height:43px;border:1px solid rgba(90,205,255,.3);border-radius:12px;background:rgba(8,23,39,.75);color:#a9eaff;font-size:1.25rem;cursor:pointer;transition:.2s}.icon-btn:hover{transform:rotate(22deg);border-color:var(--cyan)}main{min-height:100vh;display:grid;place-items:center}.network{position:relative;width:min(94vw,1100px);height:min(78vh,760px)}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px rgba(55,213,255,.4))}.connections line{stroke:var(--line);stroke-width:1;stroke-dasharray:6 9;animation:dash 18s linear infinite}.core{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.core-glow{position:absolute;inset:0;border:1px solid rgba(61,206,255,.16);border-radius:50%;box-shadow:0 0 90px rgba(31,158,255,.17),inset 0 0 70px rgba(31,158,255,.08);animation:pulse 4s ease-in-out infinite}.core-logo{width:112px;height:112px;border-radius:32px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0e2540,#07111e);border:1px solid rgba(79,216,255,.62);box-shadow:0 0 40px rgba(55,213,255,.24),inset 0 0 25px rgba(74,119,255,.13)}.core-logo img{width:100%;height:100%;object-fit:contain;padding:9px}.core-logo span{font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--cyan),#6771ff);color:transparent;background-clip:text}.core h1{font-size:1rem;letter-spacing:.25em;margin:16px 0 3px}.core p{font-size:.65rem;letter-spacing:.32em;color:var(--muted);margin:0}.node{position:absolute;width:126px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:var(--text);z-index:4;animation:float var(--duration,5s) ease-in-out infinite;animation-delay:var(--delay,0s)}.node-icon{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(16,39,66,.96),rgba(6,17,30,.98));border:1px solid color-mix(in srgb,var(--accent),transparent 35%);box-shadow:0 0 28px color-mix(in srgb,var(--accent),transparent 78%),inset 0 0 18px rgba(255,255,255,.035);transition:.25s}.node:hover .node-icon{transform:translateY(-4px) scale(1.08);box-shadow:0 0 38px color-mix(in srgb,var(--accent),transparent 62%)}.node img{width:100%;height:100%;object-fit:contain;padding:11px}.node-fallback{font-weight:800;font-size:1.5rem;color:var(--accent)}.node-name{font-size:.86rem;text-align:center;text-shadow:0 2px 10px #000;max-width:126px}.empty-add{position:absolute;left:50%;top:76%;transform:translateX(-50%);background:transparent;border:0;color:var(--muted);cursor:pointer}.empty-add b{display:block;font-size:1.7rem;color:var(--cyan)}footer{position:fixed;bottom:22px;left:0;right:0;text-align:center;font-size:.65rem;letter-spacing:.2em;color:#648097}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39efaa;box-shadow:0 0 10px #39efaa;margin-right:8px}dialog{border:0;padding:0;background:transparent;color:var(--text);max-height:92vh}dialog::backdrop{background:rgba(1,6,12,.78);backdrop-filter:blur(10px)}.panel{position:relative;background:linear-gradient(145deg,rgba(12,29,49,.98),rgba(6,15,27,.98));border:1px solid rgba(75,198,255,.26);border-radius:24px;padding:28px;box-shadow:0 30px 100px #000;max-height:88vh;overflow:auto}.compact{width:min(92vw,430px)}.wide{width:min(94vw,720px)}.close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#91a5b9;font-size:1.8rem;cursor:pointer}.panel-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.panel h2{margin:0 0 5px}.panel p{margin:0;color:var(--muted)}label{display:grid;gap:7px;color:#9db1c6;font-size:.82rem;margin:15px 0}input{width:100%;border:1px solid rgba(117,169,208,.25);border-radius:11px;background:#07111f;color:white;padding:12px 13px;font:inherit;outline:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(55,213,255,.1)}input[type=color]{padding:4px;height:44px}.primary{width:100%;padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#1cb7e8,#5267ff);color:white;font-weight:700;cursor:pointer;box-shadow:0 8px 28px rgba(47,132,255,.25)}.primary.small{width:auto;margin:4px 0 16px}.error{min-height:20px;color:#ff8798!important;font-size:.8rem}.tabs{display:flex;gap:8px;border-bottom:1px solid rgba(110,177,220,.16);margin-bottom:18px}.tab{padding:10px 16px;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:var(--cyan);border-color:var(--cyan)}.portal-list{display:grid;gap:10px}.portal-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid rgba(110,177,220,.15);border-radius:14px;background:rgba(4,13,24,.55)}.portal-row img,.row-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#0d2138;padding:6px}.row-logo{display:grid;place-items:center;color:var(--cyan);font-weight:800}.portal-row strong{display:block}.portal-row small{display:block;color:var(--muted);max-width:390px;overflow:hidden;text-overflow:ellipsis}.row-actions button,.logout{border:0;background:transparent;color:#91b0c8;cursor:pointer;padding:7px}.row-actions .danger{color:#ff8496}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center}.check input{width:auto}.logout{margin-top:20px;color:#ff98a7}.empty-list{padding:35px;text-align:center;color:var(--muted);border:1px dashed rgba(110,177,220,.22);border-radius:16px}@keyframes float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes pulse{50%{transform:scale(1.04);opacity:.7}}@keyframes dash{to{stroke-dashoffset:-120}}@media(max-width:700px){header{height:64px}.brand{font-size:.75rem}.network{width:100vw;height:78vh}.core{width:160px;height:160px}.core-logo{width:84px;height:84px;border-radius:24px}.core-logo span{font-size:3rem}.node{width:94px}.node-icon{width:59px;height:59px;border-radius:18px}.node-name{font-size:.72rem;max-width:94px}.panel{padding:22px}.portal-row small{max-width:170px}footer{font-size:.55rem}.connections{opacity:.7}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}