*,:before,:after{box-sizing:border-box}:root{--surface:#0b0e17;--surface-low:#10131d;--surface-high:#1b1f2b;--surface-highest:#222636;--surface-bright:#2a2f40;--primary:#e20078;--primary-light:#ff89b0;--primary-dim:#c0005e;--primary-container:#3d0020;--tertiary:#7be9ff;--tertiary-dim:#00b8d4;--tertiary-container:#003340;--on-surface:#e3e4f2;--on-surface-dim:#8b8fa8;--on-surface-faint:#4a4e63;--success:#4ade80;--warning:#f59e0b;--error:#f87171;--font-display:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", monospace}html,body{background:var(--surface);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e2007866}::selection{color:#fff;background:#e2007840}button{font-family:var(--font-body);cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);margin:0}p{margin:0}.glass-card{-webkit-backdrop-filter:blur(16px);background:#1b1f2bb3 linear-gradient(135deg,#e200780d 0%,#0000 40%);border:1px solid #ffffff0f;border-radius:1.5rem;transition:border-color .2s,background .2s}.glass-card:hover{background:#222636bf;border-color:#ffffff1f}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dot-spinner{width:52px;height:52px;animation:2.4s linear infinite spinnerRotate;position:relative}.dot-spinner__dot{background:var(--primary-light);transform-origin:-12px -12px;width:9px;height:9px;transform:rotate(calc(var(--i) * 60deg)) translateY(-22px);animation:1.4s ease-in-out infinite dotPulse;animation-delay:calc(var(--i) * .23s);border-radius:50%;position:absolute;top:50%;left:50%}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{opacity:.25;transform:rotate(calc(var(--i)*60deg)) translateY(-22px) scale(.7)}50%{opacity:1;transform:rotate(calc(var(--i)*60deg)) translateY(-22px) scale(1.2)}}.btn-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge-polkadot{color:var(--primary-light);background:#e2007826;border:1px solid #e2007840;box-shadow:0 0 6px #e2007833}.badge-parachain{color:var(--tertiary);background:#7be9ff1f;border:1px solid #7be9ff33;box-shadow:0 0 6px #7be9ff26}