/* NexusHub — Community & Discussion Platform
   Accent: Orange #f97316 + Amber #eab308 */
:root {
    --bg-primary: #06060d;
    --bg-secondary: #0c0c18;
    --bg-card: rgba(15,15,30,0.6);
    --bg-card-hover: rgba(20,20,40,0.8);
    --bg-input: rgba(15,15,30,0.8);
    --text-primary: #f0f0ff;
    --text-secondary: #8888aa;
    --text-muted: #5a5a7a;
    --accent: #f97316;
    --accent2: #eab308;
    --blue: #00b4ff;
    --violet: #8b5cf6;
    --green: #22c55e;
    --red: #ef4444;
    --gradient-primary: linear-gradient(135deg, var(--accent), var(--accent2));
    --gradient-glow: linear-gradient(135deg, rgba(249,115,22,0.12), rgba(234,179,8,0.1));
    --glow-accent: rgba(249,115,22,0.2);
    --font-heading: 'Sora', sans-serif;
    --font-body: 'Outfit', sans-serif;
    --radius: 14px;
    --radius-sm: 10px;
    --radius-xs: 6px;
    --radius-full: 999px;
    --border-subtle: rgba(255,255,255,0.06);
    --border-accent: rgba(249,115,22,0.25);
    --shadow-card: 0 4px 24px rgba(0,0,0,0.35);
    --nav-height: 60px;
    --content-max: 1160px;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-body); background:var(--bg-primary); color:var(--text-primary); min-height:100vh; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }

/* ── Navbar ─────────────────────────────────────────────── */
.navbar { position:fixed; top:0; left:0; right:0; z-index:1000; height:var(--nav-height); background:rgba(6,6,13,0.95); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--border-subtle); }
.nav-inner { max-width:var(--content-max); margin:0 auto; padding:0 1rem; height:100%; display:flex; align-items:center; gap:1rem; }
.nav-logo { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.logo-img { height:30px; width:auto; }
.logo-label { font-family:var(--font-heading); font-size:.75rem; font-weight:600; color:var(--accent); background:rgba(249,115,22,0.1); padding:2px 8px; border-radius:var(--radius-full); border:1px solid rgba(249,115,22,0.25); }
.nav-search { flex:1; max-width:380px; display:flex; align-items:center; gap:.5rem; background:var(--bg-input); border:1px solid var(--border-subtle); border-radius:var(--radius-full); padding:7px 14px; transition:border-color .2s; }
.nav-search:focus-within { border-color:var(--border-accent); }
.nav-search input { background:none; border:none; outline:none; color:var(--text-primary); font-family:var(--font-body); font-size:.85rem; width:100%; }
.nav-search svg { color:var(--text-muted); flex-shrink:0; }
.nav-actions { display:flex; align-items:center; gap:.5rem; margin-left:auto; }

/* Buttons */
.btn { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem 1.1rem; border-radius:var(--radius-sm); font-family:var(--font-body); font-size:.85rem; font-weight:600; cursor:pointer; border:none; transition:all .2s; white-space:nowrap; }
.btn-primary { background:var(--gradient-primary); color:#fff; }
.btn-primary:hover { opacity:.88; transform:translateY(-1px); }
.btn-outline { background:transparent; border:1px solid var(--border-accent); color:var(--accent); }
.btn-outline:hover { background:rgba(249,115,22,0.08); }
.btn-sm { padding:.35rem .8rem; font-size:.78rem; }
.btn-ghost { background:transparent; color:var(--text-secondary); }
.btn-ghost:hover { color:var(--text-primary); background:rgba(255,255,255,0.04); }
.btn-danger { background:rgba(239,68,68,0.15); color:var(--red); border:1px solid rgba(239,68,68,0.25); }
.btn-danger:hover { background:rgba(239,68,68,0.25); }

/* User avatar + dropdown */
.nav-user { position:relative; }
.nav-avatar-btn { background:none; border:none; cursor:pointer; padding:0; display:flex; align-items:center; }
.nav-avatar { width:34px; height:34px; border-radius:50%; border:2px solid var(--border-accent); object-fit:cover; }
.nav-avatar-placeholder { width:34px; height:34px; border-radius:50%; background:var(--gradient-primary); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.8rem; color:#fff; flex-shrink:0; }
.user-dropdown { position:absolute; right:0; top:calc(100% + 8px); background:rgba(12,12,24,0.97); border:1px solid var(--border-subtle); border-radius:var(--radius); padding:.5rem; min-width:190px; z-index:200; display:none; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); box-shadow:var(--shadow-card); }
.user-dropdown.show { display:block; }
.dropdown-header { padding:.5rem .75rem .6rem; border-bottom:1px solid var(--border-subtle); margin-bottom:.25rem; }
.dropdown-username { display:block; font-weight:700; font-size:.88rem; }
.dropdown-role { font-size:.72rem; color:var(--text-muted); }
.dropdown-item { display:block; padding:.5rem .75rem; border-radius:var(--radius-xs); font-size:.83rem; color:var(--text-secondary); transition:all .15s; }
.dropdown-item:hover { color:var(--text-primary); background:rgba(255,255,255,0.04); }
.dropdown-divider { border:none; border-top:1px solid var(--border-subtle); margin:.25rem 0; }
.dropdown-danger { color:var(--red) !important; }

/* Mobile toggles */
.nav-mobile-toggle  { display:none; background:none; border:none; cursor:pointer; color:var(--text-primary); padding:4px; border-radius:var(--radius-xs); flex-shrink:0; }
.nav-search-toggle  { display:none; background:none; border:none; cursor:pointer; color:var(--text-muted); padding:4px; border-radius:var(--radius-xs); align-items:center; justify-content:center; flex-shrink:0; }

/* ── Layout ─────────────────────────────────────────────── */
.main-content { padding-top:calc(var(--nav-height) + 1.25rem); min-height:100vh; }
.page-layout { max-width:var(--content-max); margin:0 auto; padding:0 1rem; display:grid; grid-template-columns:1fr 300px; gap:1.25rem; align-items:start; }
.container { max-width:var(--content-max); margin:0 auto; padding:0 1rem; }

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar { position:sticky; top:calc(var(--nav-height) + 1.25rem); display:flex; flex-direction:column; gap:1rem; }
.sidebar-card { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); padding:1.1rem; }
.sidebar-title { font-family:var(--font-heading); font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--text-muted); margin-bottom:.75rem; }

/* Subnexus item */
.subnexus-item { display:flex; align-items:center; gap:.7rem; padding:.45rem .5rem; border-radius:var(--radius-sm); transition:background .15s; }
.subnexus-item:hover { background:rgba(255,255,255,0.03); }
.subnexus-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.subnexus-name { font-size:.85rem; font-weight:600; }
.subnexus-count { font-size:.72rem; color:var(--text-muted); margin-left:auto; }

/* ── Post card ──────────────────────────────────────────── */
.post-card { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); display:flex; gap:0; overflow:hidden; transition:border-color .15s, background .15s; margin-bottom:.75rem; }
.post-card:hover { border-color:rgba(255,255,255,0.1); background:var(--bg-card-hover); }
.vote-col { display:flex; flex-direction:column; align-items:center; padding:.75rem .55rem; background:rgba(0,0,0,.12); gap:.15rem; min-width:44px; flex-shrink:0; }
.vote-btn { background:none; border:none; cursor:pointer; color:var(--text-muted); border-radius:var(--radius-xs); padding:4px; display:flex; align-items:center; justify-content:center; transition:all .15s; }
.vote-btn:hover { color:var(--accent); background:rgba(249,115,22,0.1); }
.vote-btn.up.active { color:var(--accent); }
.vote-btn.down.active { color:var(--blue); }
.vote-score { font-family:var(--font-heading); font-size:.8rem; font-weight:700; color:var(--text-secondary); }
.post-body { flex:1; padding:.85rem .95rem; min-width:0; }
.post-meta { font-size:.72rem; color:var(--text-muted); margin-bottom:.4rem; display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.post-meta .sub-link { color:var(--accent); font-weight:600; }
.post-meta .sub-link:hover { text-decoration:underline; }
.post-title { font-family:var(--font-heading); font-size:.97rem; font-weight:700; line-height:1.4; margin-bottom:.45rem; display:block; }
.post-title:hover { color:var(--accent); }
.post-preview { font-size:.83rem; color:var(--text-secondary); line-height:1.55; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; margin-bottom:.55rem; }
.post-footer { display:flex; gap:.35rem; align-items:center; flex-wrap:wrap; }
.post-action { display:inline-flex; align-items:center; gap:.3rem; padding:.3rem .6rem; border-radius:var(--radius-xs); font-size:.73rem; color:var(--text-muted); background:none; border:none; cursor:pointer; transition:all .15s; }
.post-action:hover { color:var(--text-primary); background:rgba(255,255,255,0.04); }
.post-image { width:100%; max-height:300px; object-fit:cover; border-radius:var(--radius-sm); margin-bottom:.6rem; }
.post-link-preview { display:flex; align-items:center; gap:.5rem; padding:.45rem .75rem; background:rgba(0,0,0,.2); border-radius:var(--radius-xs); font-size:.78rem; color:var(--accent); border:1px solid rgba(249,115,22,0.1); margin-bottom:.55rem; word-break:break-all; }
.flair { display:inline-block; padding:1px 8px; border-radius:var(--radius-full); font-size:.68rem; font-weight:600; }
.pinned-badge { background:rgba(34,197,94,0.1); color:var(--green); border:1px solid rgba(34,197,94,0.2); padding:1px 8px; border-radius:var(--radius-full); font-size:.68rem; font-weight:600; }
.locked-badge { background:rgba(234,179,8,0.1); color:var(--accent2); border:1px solid rgba(234,179,8,0.2); padding:1px 8px; border-radius:var(--radius-full); font-size:.68rem; font-weight:600; }

/* ── Comment ────────────────────────────────────────────── */
.comment { display:flex; gap:.7rem; padding:.8rem 0; border-bottom:1px solid var(--border-subtle); }
.comment-avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.comment-avatar-placeholder { width:28px; height:28px; border-radius:50%; background:var(--gradient-primary); display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:700; flex-shrink:0; }
.comment-body { flex:1; min-width:0; }
.comment-meta { font-size:.72rem; color:var(--text-muted); margin-bottom:.3rem; }
.comment-meta .author { font-weight:600; color:var(--text-secondary); }
.comment-content { font-size:.87rem; line-height:1.6; white-space:pre-wrap; word-break:break-word; }
.comment-actions { display:flex; gap:.25rem; margin-top:.4rem; flex-wrap:wrap; }
.comment-vote-btn { display:inline-flex; align-items:center; gap:.25rem; padding:3px 7px; border-radius:var(--radius-xs); font-size:.72rem; color:var(--text-muted); background:none; border:none; cursor:pointer; transition:all .15s; }
.comment-vote-btn:hover { color:var(--accent); background:rgba(255,255,255,0.04); }
.comment-vote-btn.up.active { color:var(--accent); }
.comment-vote-btn.down.active { color:var(--blue); }
.comment-children { margin-left:1.25rem; border-left:2px solid var(--border-subtle); padding-left:.85rem; }

/* ── Subnexus header ────────────────────────────────────── */
.sub-header { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); overflow:hidden; margin-bottom:1.25rem; }
.sub-banner { height:80px; background:var(--gradient-glow); }
.sub-header-body { padding:.9rem 1.1rem; display:flex; align-items:flex-start; gap:.9rem; flex-wrap:wrap; }
.sub-icon { font-size:1.8rem; flex-shrink:0; }
.sub-info { flex:1; min-width:0; }
.sub-title { font-family:var(--font-heading); font-size:1.15rem; font-weight:800; }
.sub-desc { font-size:.81rem; color:var(--text-muted); margin-top:.2rem; line-height:1.5; }
.sub-stats { display:flex; gap:1rem; margin-top:.45rem; flex-wrap:wrap; }
.sub-stat { font-size:.78rem; color:var(--text-muted); }
.sub-stat strong { color:var(--text-secondary); }
.sub-actions { display:flex; gap:.4rem; align-items:center; flex-shrink:0; }

/* ── Sort bar ───────────────────────────────────────────── */
.sort-bar { display:flex; gap:.35rem; align-items:center; margin-bottom:1rem; flex-wrap:wrap; }
.sort-btn { padding:.38rem .8rem; border-radius:var(--radius-sm); font-size:.8rem; font-weight:500; background:var(--bg-card); border:1px solid var(--border-subtle); color:var(--text-muted); cursor:pointer; transition:all .15s; text-decoration:none; display:inline-flex; align-items:center; gap:.3rem; }
.sort-btn:hover, .sort-btn.active { background:rgba(249,115,22,0.1); border-color:var(--border-accent); color:var(--accent); }

/* ── Submit form ────────────────────────────────────────── */
.submit-card { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); padding:1.35rem; }
.tab-selector { display:flex; gap:.35rem; margin-bottom:1.35rem; }
.type-tab { flex:1; padding:.6rem .75rem; background:var(--bg-input); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); font-size:.83rem; font-weight:600; color:var(--text-muted); cursor:pointer; text-align:center; transition:all .15s; }
.type-tab.active { background:rgba(249,115,22,0.1); border-color:var(--border-accent); color:var(--accent); }
.form-group { margin-bottom:1rem; }
.form-label { display:block; font-size:.82rem; font-weight:600; color:var(--text-secondary); margin-bottom:.35rem; }
.form-control { width:100%; background:var(--bg-input); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:.62rem .9rem; color:var(--text-primary); font-family:var(--font-body); font-size:.88rem; outline:none; transition:border-color .15s; -webkit-appearance:none; }
.form-control:focus { border-color:var(--accent); }
.form-control::placeholder { color:var(--text-muted); }
textarea.form-control { resize:vertical; min-height:120px; }
select.form-control { cursor:pointer; }

/* ── Alerts ─────────────────────────────────────────────── */
.alert { padding:.8rem 1rem; border-radius:var(--radius-sm); font-size:.85rem; margin-bottom:.85rem; display:flex; align-items:flex-start; gap:.5rem; }
.alert-success { background:rgba(34,197,94,0.08); border:1px solid rgba(34,197,94,0.2); color:var(--green); }
.alert-error   { background:rgba(239,68,68,0.08);  border:1px solid rgba(239,68,68,0.2);  color:var(--red);   }

/* ── Pagination ─────────────────────────────────────────── */
.pagination { display:flex; justify-content:center; gap:.35rem; margin-top:1.75rem; flex-wrap:wrap; }
.page-btn { min-width:34px; height:34px; padding:0 .5rem; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); font-size:.83rem; background:var(--bg-card); border:1px solid var(--border-subtle); color:var(--text-secondary); transition:all .15s; }
.page-btn:hover, .page-btn.active { background:rgba(249,115,22,0.1); border-color:var(--border-accent); color:var(--accent); }

/* ── Empty state ────────────────────────────────────────── */
.empty-state { text-align:center; padding:3rem 1rem; color:var(--text-muted); }
.empty-state h3 { font-family:var(--font-heading); font-size:1rem; font-weight:600; color:var(--text-secondary); margin-bottom:.4rem; }

/* ── Card ───────────────────────────────────────────────── */
.card { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); padding:1.35rem; }

/* ── Tabs ───────────────────────────────────────────────── */
.tabs { display:flex; gap:.25rem; border-bottom:1px solid var(--border-subtle); padding-bottom:0; flex-wrap:wrap; }
.tab { padding:.55rem 1rem; font-size:.83rem; color:var(--text-muted); border-radius:var(--radius-sm) var(--radius-sm) 0 0; transition:all .15s; white-space:nowrap; }
.tab:hover { color:var(--text-primary); background:rgba(255,255,255,0.03); }
.tab.active { color:var(--accent); background:rgba(249,115,22,0.08); border-bottom:2px solid var(--accent); }

/* ── Footer ─────────────────────────────────────────────── */
.site-footer { background:var(--bg-secondary); border-top:1px solid var(--border-subtle); margin-top:4rem; padding:2.5rem 0 1.25rem; }
.footer-inner { max-width:var(--content-max); margin:0 auto; padding:0 1rem; display:flex; gap:2rem; flex-wrap:wrap; }
.footer-brand { flex:0 0 180px; }
.footer-brand img { height:26px; margin-bottom:.5rem; }
.footer-brand p { font-size:.78rem; color:var(--text-muted); line-height:1.6; }
.footer-links { display:flex; gap:2rem; flex:1; flex-wrap:wrap; }
.footer-col h4 { font-family:var(--font-heading); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--accent); margin-bottom:.6rem; }
.footer-col a { display:block; font-size:.78rem; color:var(--text-muted); margin-bottom:.3rem; transition:color .15s; }
.footer-col a:hover { color:var(--text-primary); }
.footer-bottom { max-width:var(--content-max); margin:.1rem auto 0; padding:1rem 1rem 0; border-top:1px solid var(--border-subtle); text-align:center; color:var(--text-muted); font-size:.74rem; }

/* ── Toast ──────────────────────────────────────────────── */
.toast-container { position:fixed; bottom:1.25rem; left:50%; transform:translateX(-50%); z-index:9999; display:flex; flex-direction:column; align-items:center; gap:.5rem; pointer-events:none; width:calc(100% - 2rem); max-width:380px; }
.toast { padding:.65rem 1.1rem; border-radius:var(--radius-sm); font-size:.84rem; font-weight:500; color:#fff; pointer-events:auto; display:flex; align-items:center; gap:.6rem; box-shadow:0 4px 20px rgba(0,0,0,.5); animation:toastIn .25s ease; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); min-width:220px; max-width:100%; }
.toast.success { background:rgba(34,197,94,0.9); }
.toast.error   { background:rgba(239,68,68,0.9); }
.toast.info    { background:rgba(0,180,255,0.85); }
.toast.warning { background:rgba(234,179,8,0.9); color:#1a1a00; }
.toast.fade-out { animation:toastOut .3s ease forwards; }
@keyframes toastIn  { from { opacity:0; transform:translateY(12px) scale(.95); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes toastOut { from { opacity:1; transform:translateY(0) scale(1); } to { opacity:0; transform:translateY(8px) scale(.95); } }

/* ── Custom Modal / Dialog ──────────────────────────────── */
.modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); z-index:2000; display:flex; align-items:flex-end; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s; }
.modal-backdrop.open { opacity:1; pointer-events:auto; }
@media(min-width:480px) { .modal-backdrop { align-items:center; } }
.modal { background:var(--bg-secondary); border:1px solid var(--border-subtle); border-radius:var(--radius) var(--radius) 0 0; padding:1.5rem; width:100%; max-width:400px; transform:translateY(30px); transition:transform .25s cubic-bezier(.34,1.3,.64,1); box-shadow:0 -4px 40px rgba(0,0,0,.5); }
@media(min-width:480px) { .modal { border-radius:var(--radius); transform:scale(.95) translateY(10px); box-shadow:0 8px 48px rgba(0,0,0,.55); } }
.modal-backdrop.open .modal { transform:translateY(0); }
@media(min-width:480px) { .modal-backdrop.open .modal { transform:scale(1) translateY(0); } }
.modal-icon { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; font-size:1.3rem; }
.modal-icon.danger  { background:rgba(239,68,68,0.12); }
.modal-icon.warning { background:rgba(234,179,8,0.12); }
.modal-icon.info    { background:rgba(0,180,255,0.12); }
.modal-title { font-family:var(--font-heading); font-size:1rem; font-weight:700; text-align:center; margin-bottom:.5rem; }
.modal-body  { font-size:.87rem; color:var(--text-secondary); text-align:center; line-height:1.55; margin-bottom:1.25rem; }
.modal-actions { display:flex; gap:.6rem; flex-direction:column; }
@media(min-width:360px) { .modal-actions { flex-direction:row; } }
.modal-actions .btn { flex:1; justify-content:center; }
.modal-drag-handle { width:36px; height:4px; background:rgba(255,255,255,0.12); border-radius:var(--radius-full); margin:0 auto 1.1rem; display:block; }
@media(min-width:480px) { .modal-drag-handle { display:none; } }

/* ── Responsive / Mobile ────────────────────────────────── */

/* Tablet */
@media(max-width:900px) {
    .page-layout { grid-template-columns:1fr; }
    .sidebar { display:none; }
}

/* Mobile */
@media(max-width:640px) {
    :root { --nav-height: 56px; }
    .nav-inner { padding:0 .85rem; gap:.6rem; }
    .nav-search { display:none; }
    .nav-search.mobile-open { display:flex; position:fixed; top:var(--nav-height); left:0; right:0; border-radius:0; border:none; border-bottom:1px solid var(--border-subtle); background:rgba(6,6,13,.98); padding:.65rem 1rem; max-width:none; z-index:999; }
    .nav-mobile-toggle { display:flex; }
    .nav-search-toggle { display:flex; }
    .logo-label { display:none; }
    .main-content { padding-top:calc(var(--nav-height) + 1rem); }
    .page-layout { padding:0 .75rem; gap:1rem; }
    .container { padding:0 .75rem; }
    .post-body { padding:.7rem .8rem; }
    .post-title { font-size:.93rem; }
    .vote-col { min-width:38px; padding:.65rem .45rem; }
    .post-footer { gap:.2rem; }
    .post-action { padding:.25rem .5rem; font-size:.7rem; }
    .comment-children { margin-left:.75rem; padding-left:.65rem; }
    .sub-header-body { gap:.7rem; }
    .sort-bar { gap:.25rem; }
    .sort-btn { padding:.32rem .65rem; font-size:.77rem; }
    .submit-card { padding:1rem; }
    .tab-selector { gap:.25rem; }
    .type-tab { padding:.55rem .5rem; font-size:.78rem; }
    .footer-inner { gap:1.5rem; }
    .footer-brand { flex:0 0 100%; }
    .footer-links { gap:1.5rem; }
    .site-footer { padding:1.75rem 0 1rem; margin-top:3rem; }
    .pagination { gap:.25rem; }
    .page-btn { min-width:30px; height:30px; font-size:.78rem; }
    .card { padding:1rem; }
    .modal { padding:1.25rem; }
    .tabs { gap:.1rem; }
    .tab { padding:.5rem .75rem; font-size:.78rem; }
}

/* Very small screens */
@media(max-width:380px) {
    .nav-inner { padding:0 .65rem; }
    .post-body { padding:.6rem .65rem; }
    .vote-col { min-width:34px; }
    .type-tab { font-size:.73rem; padding:.5rem .4rem; }
}

/* ── Mobile nav links ───────────────────────────────────── */
.nav-links-mobile { display:none; position:fixed; top:var(--nav-height); left:0; right:0; background:rgba(6,6,13,.98); flex-direction:column; padding:1rem; gap:.15rem; border-bottom:1px solid var(--border-subtle); z-index:998; max-height:calc(100vh - var(--nav-height)); overflow-y:auto; }
.nav-links-mobile.show { display:flex; }
.nav-links-mobile a { display:block; padding:.7rem .9rem; border-radius:var(--radius-sm); font-size:.9rem; color:var(--text-secondary); transition:all .15s; }
.nav-links-mobile a:hover { color:var(--text-primary); background:rgba(255,255,255,0.04); }
.nav-links-mobile .divider { border:none; border-top:1px solid var(--border-subtle); margin:.35rem 0; }