:root{--nx-bg:#06080d;--nx-panel:#0b0f16;--nx-line:#1c2330;--nx-muted:#8993a3;--nx-purple:#7a2cf4}html,body{background:var(--nx-bg)}
.nx-top{height:58px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--nx-line);background:#070a0ff2;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}
.nx-back{width:38px;height:38px;border:1px solid #242c39;background:#0b0f16;border-radius:11px;color:#c9d0da;display:grid;place-items:center;text-decoration:none;padding:0}.nx-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nx-brand{justify-self:center;font-size:13px;font-weight:900;letter-spacing:.22em;white-space:nowrap}.nx-brand span{color:#8c43ff}.nx-spacer{width:38px}
.nx-bottom{position:fixed;left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#080b10f7;border-top:1px solid #1a202b;z-index:60;backdrop-filter:blur(18px)}
.nx-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7f8998;text-decoration:none;font-size:9px}.nx-bottom a.active{color:#b993ff}.nx-bottom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:901px){.nx-bottom{max-width:720px;left:50%;transform:translateX(-50%);border:1px solid #1a202b;border-bottom:0;border-radius:14px 14px 0 0}.nx-top{max-width:900px;margin:auto}}