.dj-ecosystem-nav{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid rgba(104,225,255,.34);border-radius:14px;background:rgba(4,8,13,.94);box-shadow:0 12px 34px rgba(0,0,0,.46);backdrop-filter:blur(12px)}
.dj-ecosystem-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid transparent;border-radius:10px;color:#eaf3f7;text-decoration:none;font:900 .78rem/1 system-ui;letter-spacing:.055em;white-space:nowrap}
.dj-ecosystem-nav .ds-home{color:#fff0c1;border-color:rgba(232,184,91,.72);background:linear-gradient(135deg,#60400e,#201505);box-shadow:0 0 14px rgba(226,168,57,.22)}
.dj-ecosystem-nav .ds-grey{color:#e0c3ff;border-color:#aa69ff;background:linear-gradient(135deg,#4d1478,#180727);box-shadow:0 0 14px rgba(155,77,255,.30)}
.dj-ecosystem-nav .ds-dj{color:#caf8ff;border-color:#75edff;background:linear-gradient(135deg,#041a22,#087089,#03141b);box-shadow:0 0 16px rgba(74,211,238,.32)}
body.dj-ecosystem-ready{padding-top:58px!important}
@media(max-width:520px){.dj-ecosystem-nav{left:8px;right:8px;transform:none;width:auto}.dj-ecosystem-nav a{flex:1;min-width:0;padding:7px 6px;font-size:.7rem}}