:root{--bg:#101116;--panel:#17191f;--panel2:#20232b;--line:#2b2e36;--text:#f1f0ed;--muted:#9ea2ad;--accent:#f154a5;--accentText:#fff;--gold:#9e91ed;font-family:Arial,Helvetica,sans-serif}
:root[data-theme=light]{--bg:#f5f6f8;--panel:#fff;--panel2:#eff0f4;--line:#d8dbe3;--text:#161820;--muted:#626877;--accent:#c51670;--accentText:#fff;--gold:#7462cf}
body[data-directory]{--accent:#f154a5;--accentText:#fff}
html[data-theme=light] body[data-directory]{--accent:#c51670;--accentText:#fff}
.top-inner{max-width:none;min-height:96px;padding:20px 4%;gap:32px}
.brand{gap:13px;font-size:17px;font-weight:800;letter-spacing:.035em;line-height:1.5;white-space:nowrap}
.brand-mark{background:var(--accent);color:#fff;width:39px;height:42px;display:grid;place-items:center;font-size:30px;font-weight:900;border-radius:9px;flex-shrink:0}
.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:.27em;font-weight:500}
.top nav{align-items:center;gap:26px;font-size:14px;white-space:nowrap}
.top nav a{padding:10px 0}
.top nav [aria-current=page]{color:var(--accent)}
.top-actions{gap:12px}
#themeButton{background:transparent;border-color:transparent;flex-shrink:0}
#connectButton{font-size:14px;min-height:44px}
.access-note{font-size:13px!important;color:var(--muted)}
.token-avatar,.token-avatar.vlad{background:var(--panel2);color:var(--accent);border:1px solid var(--line)}
@media(max-width:1250px){.top-inner{gap:26px}.top nav{gap:19px}}
@media(max-width:850px){.top-inner{padding:18px 5%;gap:16px;flex-wrap:wrap}.top nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;gap:19px;border-top:1px solid var(--line);padding-top:8px}.brand{font-size:15px}.top-actions{margin-left:auto}.top-actions select{max-width:100px}}
@media(max-width:520px){.top nav{font-size:12px;gap:17px}.brand-mark{width:34px;height:38px;font-size:27px}.brand{gap:9px}.brand small{font-size:10px}.top-actions{gap:4px}#connectButton{font-size:12px;padding:10px 12px}.top-actions select{max-width:75px}}