* {
    box-sizing: border-box;
}

:root {
    --ne-bg: #0b0e12;
    --ne-bg-soft: #121820;
    --ne-surface: rgba(20,27,36,.93);
    --ne-surface-2: rgba(25,33,44,.93);
    --ne-line: rgba(124,163,191,.22);
    --ne-line-2: rgba(255,255,255,.10);
    --ne-text: #f1f4f7;
    --ne-muted: #9ca7b4;
    --ne-soft: #748091;
    --ne-red: #c86770;
    --ne-cyan: #7ca3bf;
    --ne-blue: #9cb7cf;
    --ne-gold: #d4b074;
    --ne-amber: #c9854e;
    --ne-violet: #8996af;
    --ne-green: #68a37d;
    --ne-radius: 10px;
    --ne-shadow: 0 18px 44px rgba(0,0,0,.34);
}

html {
    background: var(--ne-bg);
}

body {
    margin: 0;
    min-height: 100vh;
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 12% 0, rgba(201,133,78,.12), transparent 28rem),
        radial-gradient(circle at 88% 8%, rgba(124,163,191,.13), transparent 30rem),
        radial-gradient(circle at 48% 0, rgba(212,176,116,.09), transparent 22rem),
        linear-gradient(180deg, #141a22, #0d1117 44%, #0b0e12) !important;
    color: var(--ne-text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

body::before,
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
}

body::before {
    z-index: -2;
    background:
        radial-gradient(circle at 14% 18%, rgba(201,133,78,.08), transparent 15rem),
        radial-gradient(circle at 78% 14%, rgba(124,163,191,.08), transparent 18rem),
        radial-gradient(circle at 66% 74%, rgba(212,176,116,.05), transparent 18rem);
    filter: blur(22px);
    opacity: .72;
}

body::after {
    z-index: -1;
    background-image:
        linear-gradient(rgba(124,163,191,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124,163,191,.03) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.04) 38%, transparent 100%);
    opacity: .14;
}

body.theme-midnight {
    --ne-bg: #04060b;
    --ne-surface: #0b111b;
    --ne-surface-2: #101827;
}

.bg-glow,
.bg-grid {
    display: none !important;
}

.container {
    width: min(1320px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(124,163,191,.12);
    background: rgba(11,14,18,.88) !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 30px rgba(0,0,0,.28);
}

.header-inner {
    min-height: 64px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 0 !important;
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 330px;
}

.brand-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(124,163,191,.18), rgba(212,176,116,.10), rgba(137,150,175,.10)) !important;
    border: 1px solid rgba(124,163,191,.34) !important;
    box-shadow: 0 0 18px rgba(124,163,191,.10), inset 0 1px 0 rgba(255,255,255,.12) !important;
    color: var(--ne-cyan) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    animation: neBrandGlow 5.4s ease-in-out infinite !important;
}

.brand-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.brand strong {
    display: block !important;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0;
    background: linear-gradient(100deg, #ffffff 0%, #bfd3e4 38%, #d4b074 68%, #ffffff 100%) !important;
    background-size: 220% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 14px rgba(124,163,191,.10) !important;
    animation: neBrandTitle 7s ease-in-out infinite !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.brand small {
    display: block !important;
    color: var(--ne-soft) !important;
    font-size: 12px !important;
    max-width: 250px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 1 1 360px !important;
    min-width: 0 !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
}

.nav a,
.header-actions .btn {
    min-height: 36px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: 0 12px !important;
    color: var(--ne-muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none;
    white-space: nowrap !important;
}

.nav a:hover,
.nav a.active {
    color: #fff !important;
    background: rgba(124,163,191,.08);
    border-color: rgba(124,163,191,.18);
    box-shadow: 0 0 14px rgba(124,163,191,.05);
}

.header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    flex: 1 1 360px !important;
}

.btn {
    min-height: 38px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.btn-primary {
    color: #031016 !important;
    background: linear-gradient(135deg, var(--ne-cyan), var(--ne-blue)) !important;
    border-color: rgba(124,163,191,.34) !important;
    box-shadow: 0 0 16px rgba(124,163,191,.10) !important;
}

.btn-gold {
    color: #141006 !important;
    background: linear-gradient(135deg, var(--ne-gold), var(--ne-amber)) !important;
    border-color: rgba(212,176,116,.34) !important;
    box-shadow: 0 0 14px rgba(212,176,116,.08) !important;
}

.btn-red {
    color: #fff !important;
    background: linear-gradient(180deg, #ff355c, #c71830) !important;
    border-color: rgba(255,82,103,.38) !important;
    box-shadow: none !important;
}

.btn-dark {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(80,220,255,.16) !important;
}

.btn:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
}

.site-footer {
    border-top: 1px solid var(--ne-line) !important;
    background: #06080c !important;
}

.footer-inner {
    min-height: 76px !important;
}

main {
    min-height: calc(100vh - 141px);
}

.section {
    padding: 28px 0 !important;
}

.flashes {
    padding-top: 12px !important;
}

.flash {
    margin: 8px 0 !important;
    border-radius: 9px !important;
    padding: 11px 13px !important;
    border: 1px solid var(--ne-line) !important;
    background: var(--ne-surface) !important;
    color: var(--ne-text) !important;
}

.flash.success {
    border-color: rgba(72,212,155,.42) !important;
    background: rgba(72,212,155,.10) !important;
    color: #b7f8d9 !important;
}

.flash.error {
    border-color: rgba(231,45,66,.46) !important;
    background: rgba(231,45,66,.10) !important;
    color: #ffc3cb !important;
}

.glass,
.panel,
.profile-card,
.author-card,
.article-card,
.comment-card,
.download-card,
.form-card,
.chatbox,
.stat-card,
.user-card,
.community-hero,
.table,
.admin-report {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: var(--ne-radius) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
        linear-gradient(135deg, rgba(40,230,255,.05), transparent 26%, rgba(247,201,72,.035) 72%, rgba(155,92,255,.05)),
        var(--ne-surface) !important;
    box-shadow: var(--ne-shadow), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(14px) !important;
}

.glass::before,
.panel::before,
.profile-card::before,
.author-card::before,
.article-card::before,
.comment-card::before,
.download-card::before,
.form-card::before,
.chatbox::before,
.stat-card::before,
.user-card::before,
.community-hero::before,
.table::before,
.admin-report::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(140deg, rgba(40,230,255,.06), transparent 26%, rgba(255,255,255,.015) 48%, transparent 64%, rgba(247,201,72,.05)),
        radial-gradient(circle at top right, rgba(74,163,255,.12), transparent 16rem);
    pointer-events: none !important;
    opacity: .9 !important;
}

.glass::after,
.panel::after,
.profile-card::after,
.author-card::after,
.article-card::after,
.comment-card::after,
.download-card::after,
.form-card::after,
.chatbox::after,
.stat-card::after,
.user-card::after,
.community-hero::after,
.table::after,
.admin-report::after {
    content: '' !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(40,230,255,.0), rgba(40,230,255,.62), rgba(247,201,72,.48), rgba(155,92,255,.0)) !important;
    opacity: .9 !important;
    pointer-events: none !important;
}

.glass > *,
.panel > *,
.profile-card > *,
.author-card > *,
.article-card > *,
.comment-card > *,
.download-card > *,
.form-card > *,
.chatbox > *,
.stat-card > *,
.user-card > *,
.community-hero > *,
.table > *,
.admin-report > * {
    position: relative !important;
    z-index: 1 !important;
}

.section-head {
    max-width: none !important;
    margin: 0 0 18px !important;
    text-align: left !important;
}

.section-head h1,
.community-hero h1,
.article-card h1,
.profile-title h1 {
    margin: 8px 0 0 !important;
    max-width: 820px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ffffff 0%, #dffbff 38%, #7ee7ff 70%, #ffe7a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: clamp(28px, 3.2vw, 43px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0;
    font-weight: 950 !important;
    text-shadow: none !important;
}

.section-head p,
.community-hero p {
    max-width: 760px !important;
    margin: 10px 0 0 !important;
    color: var(--ne-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.pill,
.badge,
.role-badge {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0;
}

.pill.cyan,
.badge.cyan {
    color: #9deefa !important;
    border-color: rgba(40,199,223,.38) !important;
    background: rgba(40,199,223,.11) !important;
}

.pill.red,
.badge.red {
    color: #ffb8c2 !important;
    border-color: rgba(231,45,66,.40) !important;
    background: rgba(231,45,66,.12) !important;
}

.badge.gold,
.pill.gold {
    color: #ffe6a0 !important;
    border-color: rgba(227,185,78,.38) !important;
    background: rgba(227,185,78,.12) !important;
}

.toolbar-row,
.back-row,
.reports-toolbar {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.grid {
    display: grid !important;
    gap: 14px !important;
}

.grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid.three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid.four {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.dashboard-layout,
.profile-layout,
.post-layout,
.comments-layout {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.community-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 18px !important;
    align-items: start !important;
}

.dashboard-main,
.profile-main,
.dashboard-sidebar {
    min-width: 0 !important;
    display: grid;
    gap: 14px;
}

.community-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
    background:
        linear-gradient(135deg, rgba(40,230,255,.10), rgba(247,201,72,.055) 42%, rgba(155,92,255,.07)),
        radial-gradient(circle at 90% 0, rgba(40,230,255,.14), transparent 18rem),
        var(--ne-surface) !important;
}

.community-hero-compact {
    padding: 18px 20px !important;
}

.community-hero-compact h1 {
    font-size: clamp(28px, 3vw, 42px) !important;
    max-width: 920px !important;
}

.homepage-spotlight {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
}

.spotlight-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.spotlight-grid.spotlight-count-1 {
    grid-template-columns: 1fr !important;
}

.spotlight-grid.spotlight-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.spotlight-card {
    display: grid !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(40,199,223,.18) !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
    min-width: 0 !important;
}

.spotlight-card.is-featured {
    grid-column: span 2 !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr) !important;
    align-items: stretch !important;
}

.spotlight-media {
    border-radius: 11px !important;
    overflow: hidden !important;
    border: 1px solid rgba(40,199,223,.18) !important;
    background: rgba(0,0,0,.26) !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 230px !important;
}

.spotlight-embed {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    background: #05070b !important;
}

.spotlight-image {
    object-fit: cover !important;
}

.spotlight-audio {
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    align-self: center !important;
}

.spotlight-copy {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.spotlight-copy strong {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
}

.spotlight-copy p {
    margin: 0 !important;
    color: var(--ne-muted) !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.future-nav-link {
    color: #c8d6e6 !important;
}

.future-page-card {
    display: grid !important;
    gap: 16px !important;
    max-width: 940px !important;
    padding: clamp(22px, 4vw, 42px) !important;
    background:
        radial-gradient(circle at 12% 0, rgba(40,230,255,.12), transparent 20rem),
        radial-gradient(circle at 88% 16%, rgba(247,201,72,.10), transparent 18rem),
        var(--ne-surface) !important;
}

.future-page-status {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.future-page-status small {
    color: var(--ne-muted) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

.future-page-card h1 {
    margin: 0 !important;
    font-size: clamp(34px, 5vw, 64px) !important;
    line-height: .98 !important;
}

.future-page-card p {
    margin: 0 !important;
    max-width: 760px !important;
    color: var(--ne-muted) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.future-page-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.future-page-meta {
    display: grid !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(40,230,255,.24) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.22) !important;
}

.future-page-meta a {
    color: var(--ne-cyan) !important;
    font-weight: 900 !important;
}

.new-user-panel {
    gap: 10px !important;
    padding: 18px !important;
}

.new-user-panel-copy {
    display: grid !important;
    gap: 8px !important;
}

.new-user-panel-copy strong {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.new-user-panel-copy p {
    margin: 0 !important;
    color: var(--ne-muted) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.onboarding-meter {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 2px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(40,230,255,.22) !important;
    border-radius: 999px !important;
    color: #bdf6ff !important;
    background: rgba(40,230,255,.08) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.onboarding-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.task-list {
    display: grid !important;
    gap: 8px !important;
}

.task-row {
    display: grid !important;
    gap: 6px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(80,220,255,.16) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(40,230,255,.035)) !important;
}

.task-row strong,
.task-row small {
    display: block !important;
}

.task-row strong {
    color: #f7fbff !important;
    font-size: 12px !important;
}

.task-row small {
    color: var(--ne-soft) !important;
    font-size: 11px !important;
}

.task-row > span {
    position: relative !important;
    display: block !important;
    height: 5px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
}

.task-row > span > i {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--ne-gold), var(--ne-cyan)) !important;
    box-shadow: 0 0 12px rgba(40,230,255,.26) !important;
}

.task-row.complete {
    border-color: rgba(53,255,154,.24) !important;
    background: rgba(53,255,154,.08) !important;
}

.category-checklist {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.category-pill-check {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

.category-pill-check input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.category-pill-check span,
.post-category-badges .badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(40,230,255,.18) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.03) !important;
    color: #dfeffc !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: .2s ease !important;
}

.category-pill-check input:checked + span {
    border-color: rgba(40,230,255,.42) !important;
    background: linear-gradient(135deg, rgba(40,230,255,.16), rgba(247,201,72,.11)) !important;
    color: #fff !important;
    box-shadow: 0 0 18px rgba(40,230,255,.14) !important;
}

.post-category-badges {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-right: 8px !important;
}

@media (max-width: 1280px) {
    .spotlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .spotlight-card.is-featured {
        grid-column: span 2 !important;
        grid-template-columns: 1fr !important;
    }
}

.hero-actions,
.account-actions,
.profile-actions,
.ne-form-actions,
.inline-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.profile-card,
.author-card,
.user-card {
    padding: 16px !important;
    text-align: center !important;
}

.profile-card {
    position: sticky;
    top: 82px;
}

.profile-card h2,
.author-card h2,
.user-card h3 {
    margin: 12px 0 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}

.profile-card p,
.author-card p,
.user-card p {
    margin: 5px 0 0 !important;
    color: var(--ne-muted) !important;
    font-size: 13px !important;
}

.account-actions {
    display: grid !important;
    margin-top: 14px !important;
}

.profile-avatar,
.ne-avatar {
    object-fit: cover !important;
    border: 1px solid var(--ne-line-2) !important;
    background: var(--ne-surface-2) !important;
    color: #fff !important;
}

.profile-avatar {
    width: 78px !important;
    height: 78px !important;
    border-radius: 16px !important;
    display: inline-grid !important;
    place-items: center !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.profile-avatar.xl {
    width: 106px !important;
    height: 106px !important;
}

.ne-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.ne-avatar.tiny {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

.role-badges {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin: 10px 0 0 !important;
}

.stat-card {
    min-height: 102px !important;
    padding: 16px !important;
}

.stat-card strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--ne-cyan) !important;
    font-size: 32px !important;
    line-height: 1 !important;
    text-shadow: 0 0 18px rgba(40,230,255,.22) !important;
}

.stat-card span {
    color: var(--ne-muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.panel,
.article-card,
.comment-card,
.download-card {
    padding: 16px !important;
}

.panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 0 11px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--ne-line) !important;
}

.panel-head h2 {
    margin: 3px 0 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ffffff 0%, #d8f6ff 46%, #ffe09c 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 20px !important;
    letter-spacing: 0;
    line-height: 1.15 !important;
}

.panel-head small {
    color: var(--ne-cyan) !important;
    font-size: 11px !important;
    letter-spacing: 0;
}

.panel-head a {
    color: var(--ne-muted);
    font-size: 13px;
    font-weight: 800;
}

.list-stack,
.user-list,
.quick-links,
.resource-downloads,
.comment-stack,
.mini-chat,
.chat-messages {
    display: grid !important;
    gap: 9px !important;
}

.list-row,
.activity-row,
.user-list-row,
.topic-row,
.resource-row,
.mini-chat-row,
.request-row {
    display: grid !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background:
        linear-gradient(135deg, rgba(40,230,255,.04), rgba(255,255,255,.03) 44%, rgba(247,201,72,.035)) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.list-row:hover,
.activity-row:hover,
.user-list-row:hover,
.topic-row:hover,
.resource-row:hover,
.mini-chat-row:hover,
.request-row:hover,
.forum-post-row:hover,
.attachment-card:hover {
    border-color: rgba(40,230,255,.34) !important;
    background:
        linear-gradient(135deg, rgba(40,230,255,.075), rgba(247,201,72,.035)),
        rgba(255,255,255,.04) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22), 0 0 20px rgba(40,230,255,.08) !important;
}

.list-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

.activity-row,
.user-list-row,
.topic-row,
.resource-row {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.mini-chat-row {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
}

.request-row {
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
}

.request-row.compact {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.list-row strong,
.activity-row strong,
.user-list-row strong,
.topic-row strong,
.resource-row strong {
    display: block !important;
    overflow: hidden !important;
    color: #fff;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
}

.community-dashboard .panel.tone-posts { --tone-a: rgba(40,230,255,.18); --tone-b: rgba(247,201,72,.10); }
.community-dashboard .panel.tone-news { --tone-a: rgba(247,201,72,.18); --tone-b: rgba(255,159,28,.10); }
.community-dashboard .panel.tone-chat { --tone-a: rgba(155,92,255,.18); --tone-b: rgba(40,230,255,.10); }
.community-dashboard .panel.tone-users { --tone-a: rgba(40,230,255,.16); --tone-b: rgba(155,92,255,.08); }
.community-dashboard .panel.tone-new { --tone-a: rgba(247,201,72,.18); --tone-b: rgba(255,47,85,.08); }
.community-dashboard .panel.tone-online { --tone-a: rgba(53,255,154,.18); --tone-b: rgba(40,230,255,.08); }
.community-dashboard .panel.tone-downloads { --tone-a: rgba(255,159,28,.18); --tone-b: rgba(247,201,72,.10); }
.community-dashboard .panel.tone-links { --tone-a: rgba(155,92,255,.18); --tone-b: rgba(74,163,255,.10); }
.community-dashboard .panel.tone-onboarding { --tone-a: rgba(74,163,255,.18); --tone-b: rgba(247,201,72,.12); }
.community-dashboard .panel.tone-spotlight { --tone-a: rgba(40,230,255,.18); --tone-b: rgba(247,201,72,.14); }

.community-dashboard .panel[class*="tone-"] {
    background:
        linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.02)),
        linear-gradient(135deg, var(--tone-a, rgba(40,230,255,.08)), transparent 38%, var(--tone-b, rgba(247,201,72,.05))),
        var(--ne-surface) !important;
}

.community-dashboard .panel[class*="tone-"]::before {
    background:
        linear-gradient(145deg, var(--tone-a, rgba(40,230,255,.06)), transparent 24%, rgba(255,255,255,.02) 52%, transparent 72%, var(--tone-b, rgba(247,201,72,.05))),
        radial-gradient(circle at top right, var(--tone-a, rgba(74,163,255,.12)), transparent 15rem) !important;
}

.community-dashboard .tone-posts .panel-head small,
.community-dashboard .tone-amxx .panel-head small,
.community-dashboard .tone-modules .panel-head small,
.community-dashboard .tone-engine .panel-head small,
.community-dashboard .tone-engineering .panel-head small {
    color: #7ee7ff !important;
}

.community-dashboard .tone-news .panel-head small,
.community-dashboard .tone-downloads .panel-head small,
.community-dashboard .tone-new .panel-head small {
    color: #ffd34d !important;
}

.community-dashboard .tone-chat .panel-head small,
.community-dashboard .tone-links .panel-head small {
    color: #c3a3ff !important;
}

.community-dashboard .tone-online .panel-head small {
    color: #35ff9a !important;
}

.community-dashboard .tone-onboarding .panel-head small,
.community-dashboard .tone-users .panel-head small {
    color: #9fe8ff !important;
}

.community-dashboard .tone-posts .activity-row,
.community-dashboard .tone-spotlight .spotlight-card,
.community-dashboard .tone-news .list-row,
.community-dashboard .tone-chat .mini-chat-row,
.community-dashboard .tone-users .user-list-row,
.community-dashboard .tone-new .user-list-row,
.community-dashboard .tone-online .user-list-row,
.community-dashboard .tone-downloads .resource-row,
.community-dashboard .tone-links a,
.community-dashboard .topic-panel .topic-row {
    border-left-width: 3px !important;
}

.community-dashboard .tone-posts .activity-row,
.community-dashboard .tone-spotlight .spotlight-card,
.community-dashboard .tone-users .user-list-row {
    border-left-color: rgba(40,230,255,.55) !important;
}

.community-dashboard .tone-news .list-row,
.community-dashboard .tone-downloads .resource-row,
.community-dashboard .tone-new .user-list-row {
    border-left-color: rgba(247,201,72,.55) !important;
}

.community-dashboard .tone-chat .mini-chat-row,
.community-dashboard .tone-links a {
    border-left-color: rgba(155,92,255,.52) !important;
}

.community-dashboard .tone-online .user-list-row {
    border-left-color: rgba(53,255,154,.55) !important;
}

.list-row small,
.activity-row small,
.user-list-row small,
.topic-row small,
.resource-row small {
    display: block !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    color: var(--ne-soft) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}

.ne-user-name {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    font-weight: 900 !important;
    isolation: isolate !important;
    transition: text-shadow .25s ease, filter .25s ease !important;
}

.ne-user-name.role-owner,
.ne-user-name.role-admin,
.ne-user-name.role-developer,
.ne-user-name.role-vip,
.ne-user-name.role-moderator {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.ne-user-name.role-owner {
    background-image: linear-gradient(135deg, #dffcff 0%, #7ee7ff 34%, #fff0b6 68%, #ffd34d 100%) !important;
}

.ne-user-name.role-admin {
    background-image: linear-gradient(135deg, #ffd5de 0%, #ff5b7a 34%, #c58fff 72%, #8a5cff 100%) !important;
}

.ne-user-name.role-developer {
    background-image: linear-gradient(135deg, #e2fbff 0%, #54c2ff 35%, #7ee7ff 70%, #9ec7ff 100%) !important;
}

.ne-user-name.role-vip {
    background-image: linear-gradient(135deg, #fff1bf 0%, #ffd34d 42%, #ffb85a 100%) !important;
}

.ne-user-name.role-moderator {
    background-image: linear-gradient(135deg, #d9ffe8 0%, #35ff9a 40%, #28e6ff 100%) !important;
}

.ne-user-name.glow-tier-1 {
    filter: drop-shadow(0 0 6px rgba(40,230,255,.12));
}

.ne-user-name.glow-tier-2 {
    filter: drop-shadow(0 0 9px rgba(40,230,255,.18)) drop-shadow(0 0 16px rgba(247,201,72,.08));
}

.ne-user-name.glow-tier-3,
.ne-user-name.glow-tier-4,
.ne-user-name.glow-tier-5 {
    animation: neNamePulse 4.8s ease-in-out infinite;
}

.ne-user-name.sparkle-tier::before,
.ne-user-name.sparkle-tier::after {
    position: absolute !important;
    content: '' !important;
    pointer-events: none !important;
    width: .28em !important;
    height: .28em !important;
    border-radius: 50% !important;
    background: currentColor !important;
    box-shadow: 0 0 8px currentColor, 0 0 16px currentColor, 0 0 26px rgba(255,255,255,.22) !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

.ne-user-name.sparkle-tier::before {
    content: '✦' !important;
    top: .02rem !important;
    left: .05rem !important;
    font-size: .7rem !important;
    animation: neSparkleOne 2.8s ease-in-out infinite;
}

.ne-user-name.sparkle-tier::after {
    content: '✧' !important;
    right: .08rem !important;
    bottom: .02rem !important;
    font-size: .75rem !important;
    animation: neSparkleTwo 3.4s ease-in-out infinite;
}

.ne-user-name.sparkle-tier::before {
    content: '' !important;
    top: -.18em !important;
    left: -.42em !important;
    font-size: 0 !important;
    animation: neSparkleOne 3.8s ease-in-out infinite !important;
}

.ne-user-name.sparkle-tier::after {
    content: '' !important;
    right: -.44em !important;
    bottom: -.12em !important;
    font-size: 0 !important;
    animation: neSparkleTwo 4.4s ease-in-out infinite !important;
}

.ne-user-name.glow-tier-4::before,
.ne-user-name.glow-tier-5::before,
.ne-user-name.glow-tier-4::after,
.ne-user-name.glow-tier-5::after {
    opacity: .92 !important;
}

.ne-user-name.glow-tier-5 {
    transform: translateZ(0) !important;
    animation-duration: 3.9s !important;
}

.ne-user-name.staff-glow {
    filter: saturate(1.08) brightness(1.04) !important;
}

.ne-user-name.level-high {
    letter-spacing: .01em !important;
}

.ne-user-name.level-legendary {
    letter-spacing: .015em !important;
}

.ne-user-name.glow-tier-5::before {
    width: .34em !important;
    height: .34em !important;
}

.ne-user-name.glow-tier-5::after {
    width: .36em !important;
    height: .36em !important;
}

@keyframes neNamePulse {
    0%, 100% { filter: brightness(1) saturate(1); }
    50% { filter: brightness(1.12) saturate(1.12); }
}

@keyframes neSparkleOne {
    0%, 100% { opacity: .08; transform: translate3d(0, 0, 0) scale(.72); }
    45% { opacity: .9; transform: translate3d(2px, -2px, 0) scale(1.08); }
    72% { opacity: .24; transform: translate3d(-1px, 1px, 0) scale(.86); }
}

@keyframes neSparkleTwo {
    0%, 100% { opacity: .10; transform: translate3d(0, 0, 0) scale(.74); }
    40% { opacity: .95; transform: translate3d(-2px, -2px, 0) scale(1.14); }
    70% { opacity: .28; transform: translate3d(1px, 2px, 0) scale(.88); }
}

@keyframes neBrandGlow {
    0%, 100% { box-shadow: 0 0 24px rgba(40,230,255,.16), inset 0 1px 0 rgba(255,255,255,.16); }
    50% { box-shadow: 0 0 34px rgba(40,230,255,.28), 0 0 22px rgba(247,201,72,.12), inset 0 1px 0 rgba(255,255,255,.20); }
}

@keyframes neBrandTitle {
    0%, 100% { background-position: 0% 50%; filter: brightness(1); }
    50% { background-position: 100% 50%; filter: brightness(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .brand-icon,
    .brand strong,
    .ne-user-name,
    .ne-user-name.sparkle-tier::before,
    .ne-user-name.sparkle-tier::after {
        animation: none !important;
    }
}

.rank-badge,
.online-pill {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    width: fit-content !important;
    margin-top: 6px !important;
    padding: 0 8px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.online-pill {
    color: #dfffea !important;
    border-color: rgba(72,212,155,.35) !important;
    background: rgba(72,212,155,.12) !important;
}

.role-badge,
.rank-badge,
.online-pill {
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.medal-strip,
.special-title-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.medal-strip.compact,
.special-title-strip.compact {
    gap: 5px !important;
    justify-content: center !important;
}

.activity-medal,
.special-title {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    border: 1px solid rgba(80,220,255,.24) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 18px rgba(40,230,255,.08) !important;
    color: #eaf7ff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.activity-medal {
    gap: 6px !important;
    padding: 4px 8px 4px 4px !important;
}

.activity-medal b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.28) !important;
    color: #fff !important;
    font-size: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.medal-strip.compact .activity-medal {
    padding: 3px !important;
}

.medal-strip.compact .activity-medal span {
    display: none !important;
}

.special-title {
    padding: 5px 9px !important;
    letter-spacing: 0 !important;
}

.activity-medal.tone-cyan,
.special-title.tone-cyan { border-color: rgba(40,230,255,.34) !important; box-shadow: 0 0 16px rgba(40,230,255,.16), inset 0 1px 0 rgba(255,255,255,.10) !important; }
.activity-medal.tone-blue,
.special-title.tone-blue { border-color: rgba(74,163,255,.34) !important; box-shadow: 0 0 16px rgba(74,163,255,.15), inset 0 1px 0 rgba(255,255,255,.10) !important; }
.activity-medal.tone-gold,
.special-title.tone-gold { border-color: rgba(247,201,72,.42) !important; color: #fff5c8 !important; box-shadow: 0 0 18px rgba(247,201,72,.18), inset 0 1px 0 rgba(255,255,255,.12) !important; }
.activity-medal.tone-amber,
.special-title.tone-amber { border-color: rgba(255,159,28,.38) !important; color: #ffe1ae !important; box-shadow: 0 0 18px rgba(255,159,28,.16), inset 0 1px 0 rgba(255,255,255,.12) !important; }
.activity-medal.tone-green,
.special-title.tone-green { border-color: rgba(53,255,154,.34) !important; color: #dfffea !important; box-shadow: 0 0 16px rgba(53,255,154,.14), inset 0 1px 0 rgba(255,255,255,.10) !important; }
.activity-medal.tone-violet,
.special-title.tone-violet { border-color: rgba(155,92,255,.38) !important; color: #efe6ff !important; box-shadow: 0 0 16px rgba(155,92,255,.16), inset 0 1px 0 rgba(255,255,255,.10) !important; }

.profile-medals {
    display: grid !important;
    gap: 8px !important;
    margin: 12px 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(80,220,255,.18) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.16) !important;
}

.profile-medals > small {
    color: var(--ne-gold) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

.medal-empty {
    padding: 9px !important;
    border: 1px dashed rgba(80,220,255,.20) !important;
    border-radius: 10px !important;
    color: var(--ne-soft) !important;
    font-size: 12px !important;
}

.status-dot {
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;
    margin-right: 7px !important;
    border-radius: 50% !important;
    background: #48d49b !important;
    box-shadow: 0 0 10px rgba(72,212,155,.9) !important;
}

.resource-icon {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(227,185,78,.32) !important;
    border-radius: 9px !important;
    color: var(--ne-gold) !important;
    background: rgba(227,185,78,.10) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
}

.resource-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.resource-row.disabled {
    opacity: .66 !important;
}

.empty {
    padding: 12px !important;
    border: 1px dashed rgba(255,255,255,.18) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--ne-muted) !important;
    font-size: 14px !important;
}

.profile-hero {
    min-height: 250px !important;
    border-bottom: 1px solid var(--ne-line) !important;
}

.profile-cover {
    background:
        linear-gradient(90deg, rgba(8,11,16,.93), rgba(8,11,16,.58)),
        radial-gradient(circle at 75% 20%, rgba(40,199,223,.17), transparent 22rem),
        #0b1018 !important;
}

.profile-hero-inner {
    min-height: 250px !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 16px !important;
    padding-bottom: 22px !important;
}

.profile-title {
    min-width: 0;
    flex: 1;
}

.profile-title p {
    margin: 5px 0 0 !important;
    color: var(--ne-muted);
}

.profile-actions {
    justify-content: flex-end !important;
}

.profile-stat {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 9px !important;
    padding: 10px !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.04) !important;
}

.profile-stat span {
    color: var(--ne-soft) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.profile-stat strong {
    color: #fff !important;
    font-size: 13px !important;
}

.profile-media {
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid var(--ne-line) !important;
    background: rgba(0,0,0,.24) !important;
    margin-bottom: 12px !important;
}

video.profile-media {
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}

.profile-audio {
    min-height: 46px !important;
}

.article-cover,
.card-cover {
    width: 100% !important;
    border-radius: 9px !important;
    border: 1px solid var(--ne-line) !important;
    object-fit: cover !important;
}

.article-cover {
    max-height: 360px !important;
}

.card-cover {
    aspect-ratio: 16 / 9 !important;
}

.article-body,
.comment-card p {
    color: #dfe6ef !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.post-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
}

.post-gallery a {
    display: block !important;
    overflow: hidden !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.04) !important;
}

.post-gallery img {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    display: block !important;
    object-fit: cover !important;
}

.post-dropzone {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px dashed rgba(40,199,223,.38) !important;
    border-radius: 10px !important;
    background: rgba(40,199,223,.06) !important;
}

.post-dropzone.is-dragging {
    border-color: rgba(227,185,78,.75) !important;
    background: rgba(227,185,78,.09) !important;
}

.post-dropzone strong {
    color: #fff !important;
}

.post-dropzone small,
.upload-preview {
    color: var(--ne-muted) !important;
    font-size: 12px !important;
}

.upload-preview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.upload-preview span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.05) !important;
    color: #eef5fb !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.post-attachments {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
}

.attachment-card {
    min-height: 74px !important;
    display: grid !important;
    gap: 7px !important;
    padding: 10px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.04) !important;
    color: #eef5fb !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.attachment-card.image {
    padding: 0 !important;
}

.attachment-card.image img,
.attachment-card video {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    display: block !important;
}

.attachment-card.image span,
.attachment-card.media span {
    padding: 0 10px 10px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.attachment-card.audio audio {
    width: 100% !important;
}

.attachment-card.file {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
}

.attachment-card.file b {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(227,185,78,.42) !important;
    color: var(--ne-gold) !important;
    background: rgba(227,185,78,.10) !important;
}

.attachment-card.file span,
.attachment-card.file small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.attachment-card.file small {
    color: var(--ne-soft) !important;
}

.forum-post-list {
    display: grid !important;
    gap: 10px !important;
}

.forum-post-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(150px, auto) !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 14px !important;
    background:
        linear-gradient(135deg, rgba(40,230,255,.05), rgba(255,255,255,.03) 48%, rgba(247,201,72,.04)) !important;
}

.forum-avatar {
    text-decoration: none !important;
}

.forum-post-main {
    min-width: 0 !important;
}

.forum-post-main h3 {
    margin: 6px 0 5px !important;
    font-size: 18px !important;
}

.forum-post-main h3 a {
    color: #fff !important;
    background: linear-gradient(135deg, #ffffff 0%, #d8f9ff 45%, #ffe4a8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
}

.forum-post-main p {
    margin: 0 0 8px !important;
    color: var(--ne-muted) !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.forum-author,
.forum-stats,
.forum-latest {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.forum-author span,
.forum-stats span,
.forum-latest small {
    color: var(--ne-soft) !important;
    font-size: 12px !important;
}

.forum-stats {
    justify-content: flex-end !important;
    min-width: 210px !important;
}

.forum-stats span {
    min-width: 92px !important;
    display: grid !important;
    gap: 2px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.035) !important;
    text-align: center !important;
}

.forum-stats b {
    color: #fff !important;
    font-size: 16px !important;
}

.forum-latest {
    justify-content: flex-end !important;
    min-width: 150px !important;
}

.forum-latest img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: 1px solid var(--ne-line) !important;
}

.forum-latest strong {
    color: #fff !important;
    font-size: 12px !important;
}

.author-line,
.comment-head,
.message-bubble {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.reaction-bar,
.post-stats,
.chat-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
}

.reaction-btn {
    min-height: 32px !important;
    border-radius: 999px !important;
    border: 1px solid var(--ne-line) !important;
    background: rgba(255,255,255,.05) !important;
    color: #fff !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
}

.reaction-btn.active {
    border-color: rgba(227,185,78,.45) !important;
    background: rgba(227,185,78,.14) !important;
}

.ne-form,
.settings-form {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
}

.ne-field,
.form-card label {
    display: grid !important;
    gap: 7px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.ne-field input,
.ne-field textarea,
.ne-field select,
.ne-form input,
.ne-form textarea,
.ne-form select,
.form-card input,
.form-card textarea,
.form-card select {
    min-height: 42px !important;
    width: 100% !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    padding: 10px 12px !important;
    background: rgba(0,0,0,.28) !important;
    color: #fff !important;
    outline: none !important;
}

.ne-field textarea,
.ne-form textarea,
.form-card textarea {
    min-height: 120px !important;
}

.chatbox.wide {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 16px !important;
}

.chat-messages {
    max-height: 560px !important;
    overflow: auto !important;
}

.chat-msg {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 11px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background:
        linear-gradient(135deg, rgba(155,92,255,.065), rgba(255,255,255,.03) 44%, rgba(40,230,255,.05)) !important;
}

.chat-msg.is-highlighted {
    border-color: rgba(40,199,223,.55) !important;
    background: rgba(40,199,223,.09) !important;
}

.chat-msg p {
    margin: 4px 0 0 !important;
    color: #edf3fb !important;
    line-height: 1.45 !important;
}

.chat-msg small {
    position: static !important;
    display: block !important;
    margin-top: 4px !important;
    color: var(--ne-soft) !important;
    font-size: 11px !important;
}

.chat-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 10px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background: rgba(0,0,0,.28) !important;
}

.quick-links a {
    display: grid !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--ne-line) !important;
    border-left: 3px solid rgba(155,92,255,.52) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, rgba(155,92,255,.06), rgba(255,255,255,.03) 44%, rgba(74,163,255,.05)) !important;
    color: #f4f7fb !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.quick-links a:hover {
    border-color: rgba(155,92,255,.34) !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0,0,0,.2), 0 0 18px rgba(155,92,255,.12) !important;
}

.chat-form .emoji-toolbar {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
}

.chat-form input {
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

.chat-form button {
    width: auto !important;
    min-width: 74px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: var(--ne-cyan) !important;
    color: #061014 !important;
    font-weight: 950 !important;
}

.emoji-toolbar {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.emoji-toolbar button {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(40,199,223,.28) !important;
    border-radius: 8px !important;
    background: rgba(40,199,223,.16) !important;
    color: #fff !important;
}

.message-thread {
    display: grid !important;
    gap: 10px !important;
    padding: 16px !important;
}

.message-bubble {
    max-width: 78% !important;
    padding: 11px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.05) !important;
}

.message-bubble.mine {
    margin-left: auto !important;
    background: rgba(40,199,223,.11) !important;
    border: 1px solid rgba(40,199,223,.20) !important;
}

.download-card p,
.post-card p,
.report-card p {
    color: var(--ne-muted) !important;
}

.downloads-grid {
    align-items: stretch !important;
}

.download-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.download-card h3 {
    margin: 0 !important;
    min-height: 72px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: #fff !important;
    line-height: 1.18 !important;
}

.download-card .badge {
    align-self: flex-start !important;
}

.download-description {
    position: relative !important;
    flex: 1 1 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
    overflow: auto !important;
    padding-right: 8px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(40,230,255,.45) rgba(255,255,255,.04) !important;
}

.download-description p {
    margin: 0 !important;
    white-space: normal !important;
    line-height: 1.55 !important;
}

.download-description::-webkit-scrollbar {
    width: 8px !important;
}

.download-description::-webkit-scrollbar-track {
    border-radius: 999px !important;
    background: rgba(255,255,255,.04) !important;
}

.download-description::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(40,230,255,.75), rgba(247,201,72,.60)) !important;
}

.download-meta,
.download-extra {
    display: grid !important;
    gap: 8px !important;
}

.download-meta p,
.download-extra p {
    margin: 0 !important;
}

.download-extra details {
    padding: 10px 12px !important;
    border: 1px solid rgba(80,220,255,.14) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.035) !important;
}

.download-extra summary {
    cursor: pointer !important;
    font-weight: 850 !important;
    color: #e8f6ff !important;
}

.download-action {
    margin-top: auto !important;
    padding-top: 2px !important;
}

.download-icon {
    overflow: hidden !important;
}

.download-icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.server-card {
    padding: 16px !important;
}

.server-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.server-top h3 {
    margin: 0 !important;
    color: #fff !important;
}

.server-top small,
.server-card dt {
    color: var(--ne-soft) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.server-card dl {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
}

.server-card dl div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 9px !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.035) !important;
}

.server-card dd {
    margin: 0 !important;
    color: #fff !important;
    text-align: right !important;
}

.icon-preview-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 12px !important;
}

.icon-preview {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.035) !important;
}

.icon-preview img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    object-fit: cover !important;
}

.icon-preview span {
    color: var(--ne-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.account-chip span {
    display: inline-block !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.premium-empty {
    min-height: 180px !important;
    display: grid !important;
    place-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    background:
        radial-gradient(circle at 50% 0, rgba(40,230,255,.10), transparent 16rem),
        rgba(255,255,255,.025) !important;
}

.premium-empty strong {
    color: #fff !important;
    font-size: 18px !important;
}

.xp-progress {
    display: grid !important;
    gap: 7px !important;
    margin-top: 12px !important;
    padding: 11px !important;
    border: 1px solid rgba(80,220,255,.18) !important;
    border-radius: 10px !important;
    background: rgba(3,10,16,.42) !important;
}

.xp-progress-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.xp-progress-top strong {
    color: var(--ne-cyan) !important;
}

.xp-progress-top span,
.xp-progress small {
    color: var(--ne-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.xp-bar {
    height: 8px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
}

.xp-bar span {
    height: 100% !important;
    display: block !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--ne-cyan), var(--ne-gold)) !important;
    box-shadow: 0 0 14px rgba(40,230,255,.45) !important;
}

.profile-cover {
    background:
        linear-gradient(90deg, rgba(5,7,11,.88), rgba(5,7,11,.42)),
        var(--ne-cover-image, radial-gradient(circle at 52% 20%, rgba(255,255,255,.05), transparent 18rem)),
        radial-gradient(circle at 20% 0, rgba(247,201,72,.16), transparent 22rem),
        radial-gradient(circle at 85% 12%, rgba(40,230,255,.20), transparent 24rem),
        linear-gradient(135deg, #091624, #070a10) !important;
    background-size: cover !important;
    background-position: center !important;
}

.profile-avatar.xl,
.profile-avatar {
    box-shadow: 0 0 0 4px rgba(5,7,11,.86), 0 0 34px rgba(40,230,255,.20) !important;
}

.messenger-shell {
    display: grid !important;
    grid-template-columns: minmax(250px, 330px) minmax(0, 1fr) !important;
    min-height: 520px !important;
    overflow: hidden !important;
}

.messenger-list {
    display: grid !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 14px !important;
    border-right: 1px solid rgba(80,220,255,.16) !important;
    background: rgba(5,10,16,.32) !important;
}

.messenger-preview,
.messenger-thread {
    min-width: 0 !important;
    display: grid !important;
}

.messenger-thread {
    grid-template-rows: minmax(0, 1fr) auto !important;
}

.messenger-list .activity-row.active {
    border-color: rgba(40,230,255,.45) !important;
    background: rgba(40,230,255,.09) !important;
}

.message-thread {
    max-height: 620px !important;
    overflow: auto !important;
    align-content: end !important;
    padding: 18px !important;
}

.message-bubble {
    display: flex !important;
    max-width: min(76%, 720px) !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.045) !important;
}

.message-bubble.mine {
    flex-direction: row-reverse !important;
    margin-left: auto !important;
    border-color: rgba(40,230,255,.24) !important;
    background: linear-gradient(135deg, rgba(40,230,255,.16), rgba(74,163,255,.08)) !important;
}

.message-bubble p {
    margin: 5px 0 !important;
    color: #edf5fb !important;
}

.messenger-reply {
    border-top: 1px solid rgba(80,220,255,.16) !important;
    background: rgba(5,10,16,.46) !important;
}

.chat-msg {
    border-color: rgba(80,220,255,.16) !important;
    background:
        linear-gradient(135deg, rgba(40,230,255,.055), transparent),
        rgba(255,255,255,.035) !important;
}

.empty {
    background:
        radial-gradient(circle at 0 0, rgba(40,230,255,.06), transparent 14rem),
        rgba(255,255,255,.025) !important;
}

@media (max-width: 980px) {
    .header-inner {
        align-items: stretch !important;
        padding: 10px 0 !important;
    }

    .nav {
        justify-content: flex-start !important;
        overflow: visible !important;
        padding-bottom: 2px !important;
    }

    .header-actions {
        justify-content: flex-start !important;
        overflow: visible !important;
    }

    .dashboard-layout,
    .profile-layout,
    .post-layout,
    .comments-layout,
    .community-dashboard,
    .community-hero {
        grid-template-columns: 1fr !important;
    }

    .profile-card {
        position: static !important;
    }

    .grid.two,
    .grid.three,
    .grid.four {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    .container {
        width: min(100% - 18px, 1180px) !important;
    }

    .toolbar-row,
    .back-row,
    .profile-hero-inner {
        flex-direction: column !important;
    }

    .profile-actions,
    .hero-actions,
    .ne-form-actions {
        width: 100% !important;
    }

    .profile-actions .btn,
    .hero-actions .btn,
    .ne-form-actions .btn {
        flex: 1 !important;
    }

    .activity-row,
    .user-list-row,
    .topic-row,
    .resource-row,
    .list-row,
    .forum-post-row,
    .attachment-card.file,
    .chat-msg,
    .request-row {
        grid-template-columns: 1fr !important;
    }

    .forum-stats,
    .forum-latest {
        justify-content: flex-start !important;
        min-width: 0 !important;
    }

    .message-bubble {
        max-width: 100% !important;
    }
}

/* NextEvolution rich post editor + removable post media */
.ne-rich-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 8px 0 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(40, 199, 223, .24) !important;
    border-radius: 12px !important;
    background: rgba(8, 14, 24, .70) !important;
}

.ne-rich-toolbar button {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(40, 199, 223, .28) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(40, 199, 223, .12), rgba(255, 255, 255, .04)) !important;
    color: #edf7ff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.ne-rich-toolbar button:hover {
    border-color: rgba(40, 199, 223, .72) !important;
    box-shadow: 0 0 18px rgba(40, 199, 223, .18) !important;
    transform: translateY(-1px) !important;
}

.ne-rich-title {
    margin: 18px 0 10px !important;
    font-size: clamp(32px, 4vw, 58px) !important;
    line-height: .98 !important;
    color: #fff !important;
    text-shadow: 0 0 24px rgba(40, 199, 223, .16) !important;
}

.ne-rich-heading {
    margin: 18px 0 8px !important;
    font-size: clamp(24px, 2.5vw, 36px) !important;
    color: #fff !important;
}

.ne-rich-subheading {
    margin: 14px 0 8px !important;
    font-size: 22px !important;
    color: #dff8ff !important;
}

.ne-rich-big { font-size: 1.28em !important; font-weight: 900 !important; color: #fff !important; }
.ne-rich-small { font-size: .88em !important; color: var(--ne-soft) !important; }
.ne-rich-underline { text-decoration: underline !important; text-decoration-color: var(--ne-cyan) !important; text-underline-offset: 3px !important; }
.ne-rich-code { padding: 2px 7px !important; border-radius: 7px !important; border: 1px solid rgba(40,199,223,.25) !important; background: rgba(0,0,0,.30) !important; color: #e8fbff !important; }
.ne-rich-quote { margin: 14px 0 !important; padding: 12px 14px !important; border-left: 3px solid var(--ne-cyan) !important; border-radius: 10px !important; background: rgba(40,199,223,.06) !important; color: #dce8f4 !important; }
.ne-rich-link { color: #6eeeff !important; font-weight: 900 !important; text-decoration: none !important; border-bottom: 1px solid rgba(110,238,255,.45) !important; }
.ne-rich-link:hover { color: #fff !important; border-bottom-color: #fff !important; }
.ne-text-color-cyan { color: #35eaff !important; text-shadow: 0 0 14px rgba(40,199,223,.20) !important; font-weight: 900 !important; }
.ne-text-color-gold { color: #ffd15c !important; text-shadow: 0 0 14px rgba(255,209,92,.18) !important; font-weight: 900 !important; }
.ne-text-color-red { color: #ff4f7b !important; text-shadow: 0 0 14px rgba(255,79,123,.18) !important; font-weight: 900 !important; }
.ne-text-color-green { color: #50ff9b !important; text-shadow: 0 0 14px rgba(80,255,155,.16) !important; font-weight: 900 !important; }
.ne-text-color-violet { color: #b884ff !important; text-shadow: 0 0 14px rgba(184,132,255,.18) !important; font-weight: 900 !important; }
.ne-text-color-blue { color: #66aaff !important; text-shadow: 0 0 14px rgba(102,170,255,.18) !important; font-weight: 900 !important; }

.ne-download-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 8px 8px 8px 0 !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(40,199,223,.58) !important;
    background: linear-gradient(135deg, rgba(40, 230, 255, .92), rgba(74, 163, 255, .92)) !important;
    color: #031016 !important;
    font-weight: 1000 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 32px rgba(40,199,223,.22) !important;
}

.ne-download-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 42px rgba(40,199,223,.34) !important;
}

.ne-action-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 8px 8px 8px 0 !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(40,199,223,.34) !important;
    background: rgba(8, 14, 24, .72) !important;
    color: #e9faff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ne-action-button:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(40,199,223,.72) !important;
    box-shadow: 0 16px 38px rgba(40,199,223,.16) !important;
}

.ne-rich-center {
    text-align: center !important;
}

.ne-rich-pre {
    margin: 14px 0 !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(40,199,223,.22) !important;
    background: rgba(0,0,0,.32) !important;
    overflow-x: auto !important;
}

.ne-rich-code-block {
    display: block !important;
    white-space: pre-wrap !important;
    font-family: Consolas, Monaco, monospace !important;
    color: #dff8ff !important;
}

.ne-rich-spoiler {
    margin: 14px 0 !important;
    border: 1px solid rgba(40,199,223,.22) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.03) !important;
    overflow: hidden !important;
}

.ne-rich-spoiler summary {
    cursor: pointer !important;
    list-style: none !important;
    padding: 12px 14px !important;
    font-weight: 900 !important;
    color: #dff8ff !important;
    border-bottom: 1px solid rgba(40,199,223,.14) !important;
}

.ne-rich-spoiler-body {
    padding: 12px 14px !important;
}

.ne-rich-callout {
    margin: 14px 0 !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(40,199,223,.18) !important;
    background: rgba(255,255,255,.035) !important;
}

.ne-rich-notice {
    border-color: rgba(40,199,223,.34) !important;
    background: rgba(40,199,223,.08) !important;
}

.ne-rich-warning {
    border-color: rgba(247,201,72,.36) !important;
    background: rgba(247,201,72,.08) !important;
}

.ne-rich-success {
    border-color: rgba(80,255,155,.28) !important;
    background: rgba(80,255,155,.08) !important;
}

.ne-rich-embed-link {
    display: inline-block !important;
    margin: 12px 0 !important;
    max-width: 100% !important;
}

.ne-rich-embed-image,
.ne-rich-embed-video {
    display: block !important;
    width: min(100%, 980px) !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(40,199,223,.18) !important;
    background: rgba(255,255,255,.03) !important;
}

.post-edit-media-manager {
    display: grid !important;
    gap: 10px !important;
    padding: 14px !important;
    border: 1px solid rgba(40,199,223,.24) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
}

.post-edit-media-row {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px !important;
    border: 1px solid var(--ne-line) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.16) !important;
}

.post-edit-media-row img {
    width: 86px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 9px !important;
    border: 1px solid var(--ne-line) !important;
}

.post-edit-media-row strong {
    color: #fff !important;
    display: block !important;
}

.post-edit-media-row small {
    color: var(--ne-soft) !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.post-edit-file-icon {
    width: 86px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    border: 1px solid rgba(227,185,78,.45) !important;
    color: var(--ne-gold) !important;
    background: rgba(227,185,78,.09) !important;
    font-weight: 1000 !important;
}

@media (max-width: 720px) {
    .post-edit-media-row {
        grid-template-columns: 1fr !important;
    }
    .post-edit-media-row img,
    .post-edit-file-icon {
        width: 100% !important;
        height: auto !important;
        min-height: 70px !important;
    }

    .spotlight-grid {
        grid-template-columns: 1fr !important;
    }

    .spotlight-card.is-featured {
        grid-column: auto !important;
    }
}

/* =========================================================
   NextEvolution live/social polish patch
   ========================================================= */
.ne-social-panel {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(40, 230, 255, .32) !important;
    background:
        radial-gradient(circle at 0 0, rgba(40,230,255,.22), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(155,92,255,.18), transparent 34%),
        linear-gradient(135deg, rgba(14,25,38,.94), rgba(16,16,28,.92)) !important;
}
.ne-social-panel::before {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(40,230,255,.36), transparent 28%, rgba(255,211,77,.22), transparent 56%, rgba(155,92,255,.32));
    opacity: .45;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    padding: 1px;
    border-radius: inherit;
}
.ne-social-copy {
    color: #b8c6d9 !important;
    margin: -3px 0 13px !important;
    line-height: 1.55 !important;
}
.ne-social-grid {
    display: grid !important;
    gap: 10px !important;
}
.ne-social-link {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 11px !important;
    border: 1px solid rgba(40,230,255,.25) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.045) !important;
    color: #eef7ff !important;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.ne-social-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(40,230,255,.55) !important;
    background: rgba(40,230,255,.10) !important;
    box-shadow: 0 0 24px rgba(40,230,255,.12) !important;
}
.ne-social-link > span {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(40,230,255,.24), rgba(155,92,255,.20)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #48efff !important;
    font-weight: 1000 !important;
    letter-spacing: .03em !important;
}
.ne-social-link strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
}
.ne-social-link small {
    display: block !important;
    color: #9fafc3 !important;
    margin-top: 2px !important;
    line-height: 1.35 !important;
}
.footer-socials {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.footer-socials a {
    color: #c8d7ea !important;
    border: 1px solid rgba(40,230,255,.18) !important;
    border-radius: 999px !important;
    padding: 6px 10px !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.035) !important;
}
.footer-socials a:hover {
    color: #fff !important;
    border-color: rgba(40,230,255,.45) !important;
}
.emoji-toolbar {
    max-height: 148px !important;
    overflow: auto !important;
    padding: 8px !important;
    border: 1px solid rgba(40,230,255,.16) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.16) !important;
}
.emoji-toolbar button img,
.reaction-btn .emoji-img {
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: -5px !important;
}
.chat-live-status {
    width: 100% !important;
    min-height: 20px !important;
    color: #35ff9a !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    margin: 6px 0 !important;
}
.chat-live-status.error {
    color: #ff5b7a !important;
}
[data-live-alerts].has-live-count,
[data-live-messages].has-live-count {
    border-color: rgba(255,211,77,.55) !important;
    box-shadow: 0 0 18px rgba(255,211,77,.12) !important;
}
.reaction-form button:disabled,
.chat-form button:disabled {
    opacity: .55 !important;
    cursor: wait !important;
}
.forum-post-main p {
    color: #b6c2d2 !important;
    line-height: 1.45 !important;
}
@media (max-width: 780px) {
    .ne-social-link { grid-template-columns: 34px minmax(0, 1fr) !important; }
    .ne-social-link > span { width: 34px !important; height: 34px !important; font-size: 12px !important; }
    .footer-socials { justify-content: flex-start !important; }
}
.reaction-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-height: 112px !important;
    overflow: auto !important;
    padding: 5px 0 !important;
}

/* =========================================================
   NextEvolution platform refresh 2026-06
   Cleaner product-grade UI for game/dev/community workflows.
   ========================================================= */
:root {
    --ne-bg: #06080d;
    --ne-bg-soft: #0b1117;
    --ne-surface: rgba(14, 18, 24, .93);
    --ne-surface-2: rgba(20, 25, 32, .94);
    --ne-line: rgba(144, 164, 184, .24);
    --ne-line-2: rgba(255, 255, 255, .12);
    --ne-text: #f5f7fb;
    --ne-muted: #a8b2bf;
    --ne-soft: #748190;
    --ne-red: #ef3f5f;
    --ne-cyan: #36d7e7;
    --ne-blue: #6aa7ff;
    --ne-gold: #e9c46a;
    --ne-amber: #f49f45;
    --ne-violet: #ad7bff;
    --ne-green: #4bd18a;
    --ne-radius: 8px;
    --ne-shadow: 0 18px 48px rgba(0, 0, 0, .34);
}

body {
    background:
        linear-gradient(135deg, rgba(54, 215, 231, .09), transparent 26%),
        linear-gradient(225deg, rgba(233, 196, 106, .08), transparent 30%),
        linear-gradient(180deg, #080b11 0%, #06080d 44%, #090b10 100%) !important;
    color: var(--ne-text) !important;
}

body::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    filter: none !important;
    opacity: .24 !important;
}

body::after {
    background:
        linear-gradient(110deg, transparent 0%, rgba(54,215,231,.07) 34%, transparent 35%, transparent 60%, rgba(233,196,106,.06) 61%, transparent 72%) !important;
    background-size: 340px 100% !important;
    opacity: .42 !important;
    mask-image: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.10) 58%, transparent 100%) !important;
}

.site-header {
    background: rgba(6, 8, 13, .92) !important;
    border-bottom-color: rgba(144, 164, 184, .20) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .30) !important;
}

.brand-icon {
    border-radius: 8px !important;
    border-color: rgba(54,215,231,.55) !important;
    background: linear-gradient(135deg, rgba(54,215,231,.24), rgba(233,196,106,.12)) !important;
}

.brand strong {
    background: linear-gradient(100deg, #fff, #bdeff4 34%, #f4d783 68%, #fff) !important;
    background-size: 220% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.nav a,
.header-actions .btn {
    border-radius: 8px !important;
}

.nav a:hover,
.nav a.active {
    background: rgba(54, 215, 231, .10) !important;
    color: #fff !important;
}

.glass,
.panel,
.form-card,
.table,
.stat-card,
.profile-card,
.chatbox,
.forum-post,
.post-card,
.resource-row,
.spotlight-card,
.ne-ticket-card,
.news-card,
.shop-card,
.server-card {
    border-radius: 8px !important;
    border-color: rgba(144, 164, 184, .22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(12, 16, 22, .92) !important;
    box-shadow: 0 16px 46px rgba(0,0,0,.28) !important;
}

.glass::before,
.panel::before,
.form-card::before,
.profile-card::before {
    border-radius: inherit !important;
}

.section-head,
.hero,
.profile-hero {
    border-radius: 8px !important;
}

.section-head h1,
.section-title h1,
.hero h1,
.profile-title h1 {
    letter-spacing: 0 !important;
    color: #fff !important;
}

.section-head p,
.section-title p,
.hero p,
.profile-card p,
.forum-post-main p {
    color: #b5c0cc !important;
}

.btn {
    min-height: 40px !important;
    border-radius: 8px !important;
    letter-spacing: 0 !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.btn:hover {
    transform: translateY(-1px) !important;
}

.btn-primary,
.btn-red {
    box-shadow: none !important;
}

.btn-primary {
    background: linear-gradient(135deg, #36d7e7, #6aa7ff) !important;
    color: #041016 !important;
}

.btn-dark {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(144,164,184,.24) !important;
}

.btn-dark:hover {
    border-color: rgba(54,215,231,.46) !important;
    background: rgba(54,215,231,.10) !important;
}

.btn-red {
    background: linear-gradient(135deg, #ef3f5f, #a92842) !important;
}

input,
textarea,
select,
.ne-field input,
.ne-field textarea,
.ne-field select {
    border-radius: 8px !important;
    border-color: rgba(144,164,184,.26) !important;
    background: rgba(4, 7, 11, .58) !important;
    color: var(--ne-text) !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: rgba(54,215,231,.58) !important;
    box-shadow: 0 0 0 3px rgba(54,215,231,.12) !important;
}

.pill,
.badge,
.rank-badge,
.role-badges span,
.presence-pill {
    border-radius: 999px !important;
    letter-spacing: 0 !important;
}

.profile-cover,
.article-cover,
.post-media-grid img,
.forum-post-media img,
.spotlight-card img,
.ne-upload-gallery-item img,
.shop-card img,
.server-card img {
    border-radius: 8px !important;
}

.profile-avatar,
.ne-avatar,
.forum-avatar,
.brand-icon img {
    border-radius: 8px !important;
}

.forum-layout,
.profile-layout,
.chat-layout-pro,
.dashboard-grid,
.grid {
    gap: 18px !important;
}

.table-row,
.list-row,
.forum-post,
.chat-msg,
.post-edit-media-row {
    border-radius: 8px !important;
}

.ne-social-panel {
    background:
        linear-gradient(135deg, rgba(54,215,231,.11), transparent 34%),
        linear-gradient(225deg, rgba(233,196,106,.10), transparent 38%),
        rgba(12,16,22,.94) !important;
}

.ne-social-link {
    border-radius: 8px !important;
    background: rgba(255,255,255,.045) !important;
}

.ne-social-link > span {
    border-radius: 8px !important;
}

.chat-main-panel .reaction-details .reaction-bar,
.chat-main-panel .chat-reaction-bar,
.emoji-toolbar {
    border-radius: 8px !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}