:root { color-scheme: dark; --bg:#0b1020; --panel:#121a31; --panel2:#1a2444; --text:#e5e7eb; --muted:#94a3b8; --border:#27324f; }
body { background: var(--bg); color: var(--text); }
.top-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 1rem}
.top-nav a{color:var(--text);text-decoration:none;background:var(--panel2);border:1px solid var(--border);padding:.35rem .55rem;border-radius:8px;font-size:13px}
.top-nav a.active{outline:1px solid #7c3aed}
.top-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 .6rem}
.top-actions .muted{color:var(--muted)}
.auth-btn{padding:.35rem .6rem;border:1px solid var(--border);background:#0f172a;color:var(--text);border-radius:8px;cursor:pointer}

.gear-wrap{position:relative}
.gear-btn{padding:.35rem .6rem;border:1px solid var(--border);background:#0f172a;color:var(--text);border-radius:8px;cursor:pointer}
.gear-menu{position:absolute;right:0;top:110%;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.35rem;display:none;z-index:50}
.gear-menu.open{display:block}
.gear-menu a,.gear-menu button{display:block;width:100%;text-align:left;padding:.45rem .55rem;border-radius:8px;color:var(--text);text-decoration:none;background:transparent;border:none;cursor:pointer;font-size:13px}
.gear-menu a:hover,.gear-menu button:hover{background:#1f2a4c}
.gear-section{padding:.3rem .55rem;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}