:root {
  color-scheme: light;
  --bg: #f5f7ff;
  --surface: rgba(255,255,255,0.9);
  --surface-strong: #ffffff;
  --surface-muted: #f1f4fc;
  --text: #121522;
  --text-muted: #6e7691;
  --border: rgba(18,21,34,0.08);
  --primary: #6d5dfc;
  --primary-2: #21d8ff;
  --accent: #ff6f91;
  --shadow-sm: 0 10px 30px rgba(17,19,26,.06);
  --shadow-md: 0 22px 70px rgba(17,19,26,.12);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #050816;
  --surface: rgba(8,13,28,.8);
  --surface-strong: #0d1428;
  --surface-muted: #11182f;
  --text: #f5f8ff;
  --text-muted: #8b95b8;
  --border: rgba(255,255,255,0.08);
  --primary: #8b7cff;
  --primary-2: #4ddfff;
  --accent: #ff80a8;
  --shadow-sm: 0 12px 28px rgba(0,0,0,.25);
  --shadow-md: 0 28px 90px rgba(0,0,0,.45);
}

* { box-sizing: border-box; }
body { margin:0; font-family:'Inter', system-ui, sans-serif; background:var(--bg); color:var(--text); line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
button, input, textarea { font:inherit; }
input, textarea, select { width:100%; padding:.78rem 1rem; border-radius:14px; border:1px solid var(--border); background:var(--surface-strong); color:var(--text); outline:none; }
textarea { min-height:150px; resize:vertical; }
label { display:grid; gap:.4rem; font-weight:600; }
.label-text { display:inline-block; }
.required-marker { position:relative; top:-.35em; margin-left:.2rem; color:var(--accent); font-size:.75em; font-weight:800; vertical-align:baseline; }
label.field-invalid input { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent); }
.stack { display:grid; gap:1rem; }
[data-account-fields] { display:grid; gap:1rem; }
[data-account-fields][hidden] { display:none; }
.account-type-selector { margin:0; padding:0; border:0; }
.account-type-selector legend { margin-bottom:.55rem; font-weight:700; }
.account-type-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.account-type-option { display:block; cursor:pointer; }
.account-type-option input { position:absolute; opacity:0; pointer-events:none; }
.account-type-option span { display:grid; gap:.2rem; min-height:100%; padding:1rem; border:1px solid var(--border); border-radius:14px; background:var(--surface-strong); transition:180ms ease; }
.account-type-option small { color:var(--text-muted); font-weight:400; }
.account-type-option input:checked + span { border-color:var(--primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent); }
.account-type-option input:focus-visible + span { outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent); outline-offset:2px; }
.narrow { width:min(720px, calc(100% - 2rem)); }
.inline { display:inline; }
.language-picker { position:relative; }.language-trigger { min-height:2.45rem; display:flex; align-items:center; gap:.42rem; padding:.45rem .7rem; border:1px solid var(--border); border-radius:999px; color:var(--text); background:var(--surface-strong); box-shadow:var(--shadow-sm); font-size:.78rem; font-weight:800; letter-spacing:.05em; transition:180ms ease; }.language-trigger:hover,.language-picker.is-open .language-trigger { border-color:var(--primary); box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent),var(--shadow-sm); }.language-icon { color:var(--primary); font-size:.76rem; }.language-chevron { color:var(--text-muted); font-size:1rem; transition:transform 180ms ease; }.language-picker.is-open .language-chevron { transform:rotate(180deg); }.language-menu { position:absolute; top:calc(100% + .6rem); right:0; z-index:60; display:grid; gap:.25rem; width:11.75rem; padding:.4rem; border:1px solid var(--border); border-radius:16px; background:color-mix(in srgb,var(--surface-strong) 94%,transparent); box-shadow:var(--shadow-md); backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translateY(-6px) scale(.98); transform-origin:top right; transition:160ms ease; }.language-picker.is-open .language-menu { opacity:1; visibility:visible; transform:translateY(0) scale(1); }.language-menu button { display:grid; grid-template-columns:2rem 1fr auto; align-items:center; gap:.55rem; width:100%; padding:.62rem; border:0; border-radius:11px; color:var(--text); background:transparent; text-align:left; font-size:.85rem; transition:150ms ease; }.language-menu button:hover,.language-menu button.is-active { background:color-mix(in srgb,var(--primary) 13%,transparent); }.language-menu button b { color:var(--primary); }.language-code { display:grid; place-items:center; width:2rem; height:1.65rem; border-radius:8px; color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,transparent); font-size:.69rem; font-weight:900; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.search-trigger { display:inline-flex; align-items:center; gap:.4rem; min-height:2.45rem; padding:0 .75rem; border:1px solid var(--border); border-radius:999px; background:var(--surface-strong); color:var(--text-muted); box-shadow:var(--shadow-sm); transition:180ms ease; }
.search-trigger span:first-child { font-size:1.35rem; line-height:1; transform:rotate(-20deg); }
.search-trigger:hover { color:var(--text); border-color:var(--primary); transform:translateY(-1px); }
.link-button { border:0; background:transparent; color:var(--text-muted); padding:.4rem; }
.flash { margin-top:1rem; padding:.85rem 1rem; border-radius:14px; border:1px solid var(--border); }
.flash.success { background:#e8f9ef; color:#125a32; }.flash.error { background:#ffe9ed; color:#8e1834; }
html[data-theme="dark"] .flash.success { background:#133d28; color:#b9f2cf; } html[data-theme="dark"] .flash.error { background:#4a1825; color:#ffc5d0; }
.post-body { white-space:normal; font-size:1.05rem; margin:1.2rem 0; }.reply { margin-top:.8rem; }.notification { display:block; margin-top:.8rem; }.notification.unread { border-left:4px solid var(--primary); }
.mention-field { position:relative; }.mention-results[hidden] { display:none !important; }.mention-results { display:grid; gap:.2rem; max-height:13.5rem; margin-top:.45rem; overflow:auto; padding:.35rem; border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border)); border-radius:12px; background:var(--surface-strong); box-shadow:var(--shadow-sm); }.mention-option { display:grid; grid-template-columns:auto 1fr; gap:.5rem; align-items:baseline; width:100%; padding:.55rem .65rem; border:0; border-radius:9px; color:var(--text); background:transparent; text-align:left; }.mention-option:hover,.mention-option:focus { color:#075985; background:#dff3ff; outline:none; }.mention-option strong { color:var(--primary); }.mention-option:hover strong,.mention-option:focus strong { color:#0284c7; }.mention-option span { min-width:0; overflow:hidden; color:var(--text-muted); font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }.mention-link { display:inline-flex; align-items:center; padding:.08rem .38rem; border-radius:.45rem; color:#0369a1; background:#dff3ff; font-weight:700; text-decoration:none; }.mention-link:hover { color:#075985; background:#bae6fd; text-decoration:none; }
.xp-progress { display:grid; gap:.45rem; margin:1rem 0; }.xp-progress>div { display:flex; justify-content:space-between; gap:1rem; color:var(--text-muted); font-size:.88rem; }.xp-progress strong { color:var(--text); }.xp-progress i { display:block; height:.55rem; overflow:hidden; border-radius:999px; background:var(--surface-muted); }.xp-progress b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--primary),var(--primary-2)); }
.achievement-panel { margin-top:1.4rem; padding:1.1rem; border:1px solid var(--border); border-radius:20px; background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface-strong)),var(--surface-strong)); }.achievement-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }.achievement-panel h2 { margin:.1rem 0 0; font-size:1rem; }.achievement-kicker { margin:0; color:var(--primary); font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.achievement-total,.achievement-more { display:inline-flex; align-items:center; justify-content:center; min-height:2rem; padding:.35rem .65rem; border:1px solid var(--border); border-radius:999px; color:var(--text-muted); background:var(--surface); font-size:.76rem; font-weight:800; white-space:nowrap; }.achievement-grid { display:flex; flex-wrap:wrap; gap:.6rem; }.achievement-card { display:flex; align-items:center; gap:.55rem; min-width:150px; padding:.65rem .75rem; border:1px solid color-mix(in srgb,var(--badge-color) 35%,var(--border)); border-radius:14px; background:color-mix(in srgb,var(--badge-color) 7%,var(--surface-strong)); transition:transform 180ms ease,box-shadow 180ms ease; }.achievement-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-sm); }.achievement-icon { display:grid; place-items:center; width:2rem; height:2rem; border-radius:10px; color:var(--badge-color); background:color-mix(in srgb,var(--badge-color) 16%,transparent); }.achievement-icon svg { width:1.2rem; height:1.2rem; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.achievement-card strong,.achievement-card small { display:block; }.achievement-card strong { max-width:130px; overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }.achievement-card small { margin-top:.1rem; color:var(--text-muted); font-size:.68rem; }
.search-page .search-shell { display:block; }.search-result { display:block; transition:transform 180ms ease,border-color 180ms ease; }.search-result:hover { transform:translateY(-2px); border-color:color-mix(in srgb, var(--primary) 45%, var(--border)); }.search-result strong { display:block; margin-top:.8rem; font-size:1.08rem; }

.navbar { padding:.7rem 0; }
.navbar-inner { display:grid; grid-template-columns:auto auto minmax(220px, 1fr) auto; gap:.8rem; }
.nav-links { gap:.1rem; white-space:nowrap; }
.nav-links a { font-size:.91rem; padding:.55rem .65rem; }
.navbar-search { min-width:0; display:flex; align-items:center; height:2.55rem; padding:.2rem .25rem .2rem .85rem; border:1px solid var(--border); border-radius:999px; background:var(--surface-strong); box-shadow:var(--shadow-sm); transition:180ms ease; }
.navbar-search:focus-within { border-color:var(--primary); box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent),var(--shadow-sm); }
.navbar-search input { min-width:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.navbar-search button { width:2.1rem; height:2.1rem; flex:0 0 2.1rem; display:grid; place-items:center; border:0; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); transition:transform 180ms ease,filter 180ms ease; }
.navbar-search button:hover { transform:scale(1.06); filter:brightness(1.05); }
.navbar-search svg { width:1.05rem; height:1.05rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.nav-actions { flex-wrap:nowrap; white-space:nowrap; }
.notification-link { display:inline-flex; align-items:center; gap:.35rem; color:var(--text-muted); font-size:.86rem; padding:.45rem .2rem; }
.notification-link b { min-width:1.2rem; padding:0 .3rem; border-radius:99px; color:#fff; font-size:.72rem; text-align:center; background:var(--primary); }
.profile-pill { min-height:2.45rem; padding:.35rem .65rem; font-size:.88rem; }
@media (max-width:1120px) { .navbar-inner { grid-template-columns:auto 1fr auto; } .nav-links { display:none; } .navbar-search { max-width:none; } .profile-pill { display:none; } }
@media (max-width:720px) { .navbar-inner { grid-template-columns:auto 1fr auto; gap:.5rem; } .navbar-search { order:4; grid-column:1 / -1; } .nav-actions { gap:.35rem; } .notification-link, .create-button, .link-button { display:none; } .navbar-search input { display:block; } }
@media (max-width:520px) { .account-type-options { grid-template-columns:1fr; } }
button { cursor:pointer; }
.container { width:min(1180px, calc(100% - 2rem)); margin:0 auto; }
.navbar { position:sticky; top:0; z-index:40; padding:.9rem 0; border-bottom:1px solid var(--border); backdrop-filter:blur(24px); background:color-mix(in srgb, var(--surface) 80%, transparent); }
.navbar-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:3.1rem; }
.brand { display:flex; align-items:center; gap:.7rem; font-weight:700; letter-spacing:-.02em; }
.brand-mark { width:2.4rem; height:2.4rem; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg, var(--primary), var(--primary-2)); color:white; box-shadow:var(--shadow-sm); }
.nav-links { display:flex; gap:.35rem; flex-wrap:wrap; }
.nav-links a { padding:.65rem .85rem; border-radius:999px; color:var(--text-muted); transition:180ms ease; }
.nav-links a:hover { color:var(--text); background:var(--surface-muted); }
.nav-actions { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; }
.search-shell { position:relative; }
.search-input { width:min(300px, 32vw); padding:.78rem 1rem; border-radius:999px; border:1px solid var(--border); background:var(--surface-strong); color:var(--text); box-shadow:var(--shadow-sm); outline:none; }
.theme-switch, .btn, .profile-pill { border:1px solid var(--border); background:var(--surface-strong); color:var(--text); box-shadow:var(--shadow-sm); transition:180ms ease; }
.theme-switch { width:2.45rem; height:2.45rem; border-radius:50%; display:grid; place-items:center; overflow:hidden; }
.theme-icon { display:block; width:1.2rem; height:1.2rem; overflow:hidden; }.theme-icon-track { display:flex; width:2.4rem; height:1.2rem; transform:translateX(-1.2rem); transition:transform .48s cubic-bezier(.2,.85,.25,1); }.theme-icon svg { width:1.2rem; height:1.2rem; flex:0 0 1.2rem; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }html[data-theme="dark"] .theme-icon-track { transform:translateX(0); }
.theme-switch:hover { border-color:var(--primary); box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent),var(--shadow-sm); }
html.theme-transition, html.theme-transition * { transition:background-color .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease !important; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; padding:.8rem 1rem; border-radius:999px; font-weight:600; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:linear-gradient(135deg, var(--primary), var(--primary-2)); color:white; border:none; }
.btn-danger { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong)); }.btn-danger:hover { color:#fff; border-color:var(--accent); background:var(--accent); }
.bookmark-button { width:2.75rem; height:2.75rem; display:inline-grid; place-items:center; padding:0; border:1px solid var(--border); border-radius:50%; color:var(--text-muted); background:var(--surface-strong); box-shadow:var(--shadow-sm); transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease; }
.bookmark-button:hover { color:var(--primary); border-color:var(--primary); transform:translateY(-2px); }
.bookmark-button:focus-visible { outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent); outline-offset:3px; }
.bookmark-button svg { width:1.18rem; height:1.18rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bookmark-button.is-saved { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.bookmark-button.is-saved svg { fill:currentColor; stroke:currentColor; }
.reaction-button { min-width:3.3rem; height:2.75rem; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; padding:0 .78rem; border:1px solid var(--border); border-radius:999px; color:var(--text-muted); background:var(--surface-strong); box-shadow:var(--shadow-sm); font-weight:700; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease; }
.reaction-button:hover { color:var(--accent); border-color:var(--accent); transform:translateY(-2px); }
.reaction-button:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent); outline-offset:3px; }
.reaction-button svg { width:1.12rem; height:1.12rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.reaction-button.is-liked { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.reaction-button.is-liked svg { fill:currentColor; stroke:currentColor; }
.replies-section { display:grid; gap:1rem; }
.reply-composer { top:5.5rem; z-index:10; margin:0; box-shadow:var(--shadow-md); }
.reply-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.25rem; }
.reply-list-toolbar h2 { margin:0; }
.reply-filter-group { display:flex; align-items:center; gap:.25rem; padding:.28rem; border:1px solid var(--border); border-radius:999px; background:color-mix(in srgb,var(--surface-strong) 88%,transparent); box-shadow:var(--shadow-sm); }
.reply-filter { display:inline-flex; align-items:center; justify-content:center; min-height:2.3rem; padding:.45rem .78rem; border-radius:999px; color:var(--text-muted); font-size:.84rem; font-weight:800; letter-spacing:-.01em; transition:background 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease; }
.reply-filter:hover { color:var(--text); background:color-mix(in srgb,var(--primary) 12%,transparent); transform:translateY(-1px); }
.reply-filter.is-active { color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); box-shadow:0 .35rem .9rem color-mix(in srgb,var(--primary) 28%,transparent); }
.reply-filter:focus-visible { outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent); outline-offset:2px; }
.reply-sign-in { margin:0; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); }
@media (max-width:720px) { .reply-composer { position:static; } .reply-list-toolbar { align-items:stretch; flex-direction:column; } .reply-filter-group { width:100%; overflow-x:auto; } .reply-filter { flex:1 0 max-content; } }
.profile-pill { display:flex; align-items:center; gap:.6rem; padding:.4rem .7rem; border-radius:999px; }
.profile-pill img { width:1.9rem; height:1.9rem; border-radius:50%; object-fit:cover; }
.hero { padding:5.5rem 0 3.5rem; }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:2rem; align-items:center; }
.kicker { display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .75rem; border-radius:999px; background:var(--surface); border:1px solid var(--border); color:var(--text-muted); margin-bottom:1rem; }
.hero h1 { font-family:'Space Grotesk', sans-serif; font-size:clamp(2.3rem, 4vw, 4.1rem); line-height:.95; margin:0 0 1rem; letter-spacing:-.03em; }
.hero p { font-size:1.06rem; color:var(--text-muted); max-width:620px; }
.hero-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.4rem; }
.hero-visual { min-height:450px; position:relative; }
.hero-card { position:absolute; inset:0; display:grid; place-items:center; }
.hero-card-inner { width:min(100%, 430px); padding:1.2rem; border-radius:30px; background:var(--surface); border:1px solid var(--border); box-shadow:var(--shadow-md); }
.hero-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.threads-list { display:grid; gap:.75rem; max-height:calc(3 * 5.3rem + 1.5rem); padding-right:.35rem; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--primary) transparent; }
.threads-list::-webkit-scrollbar { width:.5rem; }
.threads-list::-webkit-scrollbar-track { margin:.35rem 0; border-radius:999px; background:color-mix(in srgb,var(--primary) 9%,transparent); }
.threads-list::-webkit-scrollbar-thumb { border:1px solid var(--surface); border-radius:999px; background:linear-gradient(180deg,var(--primary-2),var(--primary)); }
.threads-list::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,var(--primary),var(--accent)); }
.thread-mini { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:5.3rem; padding:.9rem 1rem; border-radius:20px; background:var(--surface-strong); border:1px solid var(--border); }
.thread-mini>div { min-width:0; }.thread-mini strong { display:-webkit-box; margin-bottom:.3rem; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.thread-mini span { color:var(--text-muted); font-size:.9rem; }
.live-pulse-link { width:100%; margin-top:1rem; }
.section { padding:2.6rem 0; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.section-title h2 { margin:0; font-size:1.25rem; }
.section-title p { margin:.2rem 0 0; color:var(--text-muted); }
.card-grid { display:grid; gap:1rem; }
.grid-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.stats-row { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:1rem; }
.stat-card, .card, .hero-surface { border-radius:24px; padding:1.2rem; background:var(--surface); border:1px solid var(--border); box-shadow:var(--shadow-sm); }
.stat-card strong { font-size:1.4rem; display:block; }
.stat-label { color:var(--text-muted); font-size:.93rem; }
.chip, .tag, .badge { display:inline-flex; align-items:center; gap:.35rem; padding:.45rem .7rem; border-radius:999px; font-size:.82rem; background:var(--surface-muted); color:var(--text-muted); }
.tag { background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--primary-2) 14%, transparent)); color:var(--text); }
.badge.primary { background:linear-gradient(135deg, var(--primary), var(--primary-2)); color:white; }
.avatar { width:2.7rem; height:2.7rem; border-radius:50%; object-fit:cover; }
.avatar-fallback { display:grid; place-items:center; flex:0 0 auto; background:linear-gradient(135deg, var(--primary), var(--primary-2)); color:#fff; font-weight:800; }
.avatar-sm { width:2rem; height:2rem; }
.profile-heading { display:flex; align-items:center; gap:1rem; }.profile-avatar { width:4.5rem; height:4.5rem; flex:0 0 auto; border-radius:50%; object-fit:cover; transform:translateY(.25rem); }.quick-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }.hero-surface { padding:clamp(1.2rem,2vw,1.75rem); border-radius:30px; background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--primary) 8%,var(--surface))); border:1px solid color-mix(in srgb,var(--border) 80%,transparent); box-shadow:var(--shadow-md); }.hero-surface .profile-heading { align-items:flex-start; gap:1.15rem; }.hero-surface .profile-avatar { width:5rem; height:5rem; transform:none; box-shadow:var(--shadow-sm); }.hero-surface .quick-actions { margin-top:.25rem; align-items:center; }.hero-surface .quick-actions .btn { min-height:2.8rem; padding:.78rem 1rem; }.stats-row { gap:.9rem; margin-top:1.2rem; }.stat-card { display:grid; gap:.25rem; padding:1rem 1.1rem; background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--primary) 7%,var(--surface-strong))); }.stat-card strong { font-size:1.2rem; letter-spacing:-.02em; }.profile-settings-card { display:grid; gap:1rem; }.profile-settings-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.profile-settings-section { display:grid; gap:.8rem; padding:1rem; border:1px solid var(--border); border-radius:20px; background:color-mix(in srgb,var(--surface-muted) 70%,transparent); }.profile-settings-grid { display:grid; gap:.9rem; }.profile-settings-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }.avatar-mode-switch { display:inline-flex; align-items:center; gap:.25rem; padding:.3rem; border:1px solid var(--border); border-radius:999px; background:var(--surface-strong); }.avatar-mode-toggle { border:0; background:transparent; padding:.45rem .8rem; border-radius:999px; color:var(--text-muted); font-weight:700; }.avatar-mode-toggle.is-active { color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); box-shadow:var(--shadow-sm); }.avatar-input-group { display:grid; gap:.55rem; }.avatar-input-helper { margin:0; color:var(--text-muted); font-size:.84rem; }.profile-settings-form .modal-actions { justify-content:flex-start; margin-top:.2rem; }.report-modal { width:min(100%,580px); padding:1.5rem 1.55rem 1.35rem; border-radius:28px; }
.profile-row { display:flex; align-items:center; gap:.8rem; margin-top:1rem; }
.quick-actions { display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.8rem; }
.muted { color:var(--text-muted); }
.text-gradient { background:linear-gradient(135deg, var(--primary), var(--primary-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.reveal { opacity:0; transform:translateY(16px); transition:700ms cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity:1; transform:translateY(0); }
.progress-bar { position:fixed; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg, var(--primary), var(--primary-2)); z-index: 90; }
.footer { padding:2rem 0 2.5rem; }
.footer-inner { display:flex; justify-content:space-between; gap:1rem; border-top:1px solid var(--border); padding-top:1.2rem; }
.footer-links { display:flex; gap:1rem; flex-wrap:wrap; color:var(--text-muted); }
.toast-stack { position:fixed; top:5.4rem; right:max(1rem, calc((100vw - 1180px) / 2)); z-index:100; display:grid; gap:.65rem; width:min(390px,calc(100vw - 2rem)); }.toast { display:grid; grid-template-columns:2rem 1fr auto; align-items:center; gap:.65rem; padding:.8rem; border:1px solid var(--border); border-radius:16px; color:var(--text); background:color-mix(in srgb,var(--surface-strong) 94%,transparent); box-shadow:var(--shadow-md); backdrop-filter:blur(16px); animation:toast-in .35s cubic-bezier(.2,.8,.2,1); }.toast>span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; font-weight:900; color:#fff; background:#35ca79; }.toast.error>span { background:var(--accent); }.toast p { margin:0; font-size:.9rem; font-weight:650; }.toast button { width:1.7rem; height:1.7rem; border:0; border-radius:50%; color:var(--text-muted); background:transparent; font-size:1.25rem; line-height:1; }.toast button:hover { background:var(--surface-muted); color:var(--text); }.toast.is-leaving { animation:toast-out .22s ease forwards; }@keyframes toast-in { from { opacity:0; transform:translateX(18px) translateY(-8px); } to { opacity:1; transform:none; } }@keyframes toast-out { to { opacity:0; transform:translateX(18px); } }
.topic-surface { position:relative; }.report-trigger { position:absolute; top:1.1rem; right:1.1rem; display:grid; place-items:center; width:2.7rem; height:2.7rem; border:1px solid var(--accent); border-radius:50%; color:var(--accent); background:color-mix(in srgb,var(--accent) 7%,var(--surface-strong)); box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent); font-weight:900; transition:180ms ease; animation:report-pulse 2.6s infinite; }.report-trigger:hover { color:#fff; background:var(--accent); transform:translateY(-2px) rotate(-8deg); animation:none; }@keyframes report-pulse { 0%,100% { box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 30%,transparent); } 55% { box-shadow:0 0 0 7px transparent; } }.modal-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:1rem; background:rgba(4,8,20,.48); opacity:0; transition:opacity .18s ease; }.modal-backdrop[hidden] { display:none !important; }.modal-backdrop.is-visible { opacity:1; }.report-modal { position:relative; width:min(100%,480px); padding:1.6rem; border:1px solid var(--border); border-radius:26px; background:var(--surface-strong); box-shadow:var(--shadow-md); transform:translateY(16px) scale(.97); transition:transform .22s cubic-bezier(.2,.8,.2,1); }.modal-backdrop.is-visible .report-modal { transform:translateY(0) scale(1); }.report-modal h2 { margin:.8rem 0 .3rem; }.report-modal p { margin:0 0 1.2rem; color:var(--text-muted); }.report-modal-icon { display:grid; place-items:center; width:2.55rem; height:2.55rem; border-radius:50%; color:var(--accent); background:color-mix(in srgb,var(--accent) 13%,transparent); font-weight:900; }.modal-close { position:absolute; top:.8rem; right:.8rem; width:2rem; height:2rem; border:0; border-radius:50%; color:var(--text-muted); background:var(--surface-muted); font-size:1.25rem; }.modal-actions { display:flex; justify-content:flex-end; gap:.6rem; }.report-submit { border:0; color:#fff; background:linear-gradient(135deg,#ff557e,var(--accent)); }
.reply-meta { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }.reply-meta .muted { margin:0; }.reply-report-trigger { display:grid; flex:0 0 auto; place-items:center; width:2rem; height:2rem; border:1px solid var(--border); border-radius:50%; color:var(--text-muted); background:var(--surface-muted); font-weight:900; transition:180ms ease; }.reply-report-trigger:hover { color:#fff; border-color:var(--accent); background:var(--accent); transform:translateY(-1px); }
.reply { position:relative; }.reply.is-nested { margin-left:2rem; border-left:3px solid color-mix(in srgb,var(--primary) 35%,var(--border)); }.reply-report-trigger { position:absolute; top:1rem; right:1rem; }.reply-meta { padding-right:2.4rem; }.reply-actions { display:flex; align-items:center; gap:.45rem; margin-top:.8rem; }.reply-like-button,.reply-like-count,.reply-text-button { display:grid; place-items:center; width:2.25rem; height:2.25rem; border:0; border-radius:50%; color:var(--text-muted); background:transparent; font:inherit; }.reply-like-button svg { width:1.3rem; height:1.3rem; fill:currentColor; stroke:currentColor; }.reply-like-button:hover,.reply-text-button:hover { color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }.reply-text-button svg { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.reply-like-button span { font-size:.78rem; }.reply-edited { display:block; margin-top:.55rem; color:var(--text-muted); }.inline-reply-form { margin-top:1rem; }.inline-reply-form textarea { min-height:5rem; }.inline-reply-form[hidden] { display:none !important; }

.reply-like-button,.reply-text-button { position:relative; font-size:0; }.reply-like-button::before,.reply-text-button::before { display:block; width:1.3rem; height:1.3rem; content:""; background:center/contain no-repeat; }.reply-like-button::before { width:1.5rem; height:1.5rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 20.4S4.7 16.05 4.7 10.25A4.25 4.25 0 0 1 12 7.23a4.25 4.25 0 0 1 7.3 3.02C19.3 16.05 12 20.4 12 20.4Z'/%3E%3C/svg%3E"); }.reply-text-button[data-reply-form]::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-8.5 8.2 9.4 9.4 0 0 1-4.1-1L3 20l1.4-4.2A8 8 0 0 1 3.7 12 8.4 8.4 0 0 1 12.2 3.8 8.4 8.4 0 0 1 21 11.5Z'/%3E%3Cpath d='M8 12h8m-4-4 4 4-4 4'/%3E%3C/svg%3E"); }.reply-text-button[data-edit-form]::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 5.5 4 4M4 20l4.1-1 10.2-10.2a2.83 2.83 0 0 0-4-4L4.1 15z'/%3E%3C/svg%3E"); }.reply-like-button span { position:absolute; right:-.2rem; bottom:-.05rem; font-size:.72rem; line-height:1; }

.reply-like-button::before,.reply-text-button::before { background-color:currentColor; background-image:none; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.reply-like-button::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.4S4.7 16.05 4.7 10.25A4.25 4.25 0 0 1 12 7.23a4.25 4.25 0 0 1 7.3 3.02C19.3 16.05 12 20.4 12 20.4Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.4S4.7 16.05 4.7 10.25A4.25 4.25 0 0 1 12 7.23a4.25 4.25 0 0 1 7.3 3.02C19.3 16.05 12 20.4 12 20.4Z'/%3E%3C/svg%3E"); }.reply-text-button[data-reply-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-8.5 8.2 9.4 9.4 0 0 1-4.1-1L3 20l1.4-4.2A8 8 0 0 1 3.7 12 8.4 8.4 0 0 1 12.2 3.8 8.4 8.4 0 0 1 21 11.5Z'/%3E%3Cpath d='M8 12h8m-4-4 4 4-4 4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-8.5 8.2 9.4 9.4 0 0 1-4.1-1L3 20l1.4-4.2A8 8 0 0 1 3.7 12 8.4 8.4 0 0 1 12.2 3.8 8.4 8.4 0 0 1 21 11.5Z'/%3E%3Cpath d='M8 12h8m-4-4 4 4-4 4'/%3E%3C/svg%3E"); }.reply-text-button[data-edit-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5.5 4 4M4 20l4.1-1 10.2-10.2a2.83 2.83 0 0 0-4-4L4.1 15z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5.5 4 4M4 20l4.1-1 10.2-10.2a2.83 2.83 0 0 0-4-4L4.1 15z'/%3E%3C/svg%3E"); }

.reply-actions { display:inline-flex; align-items:center; gap:.2rem; width:max-content; margin-top:.85rem; padding:.22rem; border:1px solid color-mix(in srgb,var(--border) 70%,transparent); border-radius:999px; background:color-mix(in srgb,var(--surface-strong) 48%,transparent); }.reply-like-button { display:inline-flex; align-items:center; justify-content:center; gap:.25rem; width:auto; min-width:2.25rem; padding:.3rem .45rem; }.reply-like-button span { position:static; font-size:.76rem; line-height:1; }.reply-text-button { width:2.1rem; height:2.1rem; }.reply-like-button:hover,.reply-text-button:hover { background:color-mix(in srgb,var(--accent) 13%,transparent); }

.replies-section > .reply { margin-top:0; }.replies-section > .reply.is-nested { margin:-1.75rem 0 0; padding-left:3rem; border-top:0; border-left:3px solid color-mix(in srgb,var(--primary) 35%,var(--border)); border-radius:0 0 var(--radius-sm) var(--radius-sm); background:var(--surface); box-shadow:var(--shadow-sm); }.replies-section > .reply:has(+ .reply.is-nested) { border-bottom-right-radius:0; border-bottom-left-radius:0; }.replies-section > .reply.is-nested + .reply.is-nested { border-radius:0; }.replies-section > .reply.is-nested + .reply:not(.is-nested) { margin-top:0; }.replies-section > .reply.is-nested::before { position:absolute; top:1.15rem; left:.9rem; color:var(--primary); content:"↳"; font-size:1.65rem; font-weight:800; line-height:1; }

.replies-section > .reply { padding:1.05rem 1.15rem .95rem; border-color:color-mix(in srgb,var(--border) 88%,var(--primary)); background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 3%,var(--surface)),var(--surface)); box-shadow:0 .55rem 1.25rem color-mix(in srgb,#16213f 7%,transparent); }.replies-section > .reply > p:first-child { margin:0 0 .65rem; font-size:.96rem; line-height:1.55; }.replies-section > .reply .reply-meta { min-height:1.35rem; padding-right:2.2rem; font-size:.82rem; }.replies-section > .reply .reply-actions { margin-top:.65rem; }.replies-section > .reply .reply-report-trigger { top:.75rem; right:.8rem; width:1.85rem; height:1.85rem; }.replies-section > .reply.is-nested { padding-top:.95rem; padding-bottom:.85rem; background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 3%,var(--surface)),var(--surface)); box-shadow:0 .45rem 1rem color-mix(in srgb,#16213f 5%,transparent); }.replies-section > .reply.is-nested::before { top:.95rem; }.reply-edited { margin-top:.4rem; font-size:.74rem; }

.replies-section > .reply .reply-text-button { display:grid; place-items:center; }.replies-section > .reply .reply-text-button::before { width:16px; height:16px; flex:none; }.replies-section > .reply .reply-text-button[data-reply-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H8.83l3.59-3.59L11 6l-6 6 6 6 1.41-1.41L8.83 13H20z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H8.83l3.59-3.59L11 6l-6 6 6 6 1.41-1.41L8.83 13H20z'/%3E%3C/svg%3E"); }.replies-section > .reply .reply-text-button[data-edit-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25ZM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25ZM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83Z'/%3E%3C/svg%3E"); }

.replies-section > .reply .reply-like-button::before,.replies-section > .reply .reply-text-button::before { width:16px; height:16px; flex:0 0 16px; transform:none; }.replies-section > .reply .reply-text-button[data-reply-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 18-6-6 6-6v4c5.4 0 9.6 1.8 12 6-4.2-1.8-7.2-2-12-2v4Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 18-6-6 6-6v4c5.4 0 9.6 1.8 12 6-4.2-1.8-7.2-2-12-2v4Z'/%3E%3C/svg%3E"); }.replies-section > .reply .reply-text-button[data-edit-form]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8 9.9-9.9 3.2 3.2-9.9 9.9H4v-3.2ZM15 5.8l1.2-1.2a1.7 1.7 0 0 1 2.4 0l.8.8a1.7 1.7 0 0 1 0 2.4l-1.2 1.2L15 5.8Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8 9.9-9.9 3.2 3.2-9.9 9.9H4v-3.2ZM15 5.8l1.2-1.2a1.7 1.7 0 0 1 2.4 0l.8.8a1.7 1.7 0 0 1 0 2.4l-1.2 1.2L15 5.8Z'/%3E%3C/svg%3E"); }

.forum-page { padding-top:2.4rem; }
.forum-hero { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:1.7rem; margin-bottom:1.25rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary-2) 20%, transparent), transparent 38%), var(--surface); box-shadow:var(--shadow-sm); }
.forum-hero h1 { margin:.3rem 0; font-size:clamp(1.8rem,3vw,2.5rem); letter-spacing:-.04em; }.forum-hero p { margin:0; color:var(--text-muted); }.eyebrow { display:inline-flex; color:var(--primary); font-weight:800; font-size:.74rem; letter-spacing:.09em; text-transform:uppercase; }
.forum-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:1.25rem; align-items:start; }.forum-feed,.forum-sidebar { min-width:0; }.forum-sidebar { display:grid; gap:1rem; }
@media (min-width:981px) { .forum-sidebar { position:sticky; top:6rem; align-self:start; } }
.forum-toolbar { display:flex; justify-content:space-between; align-items:center; padding:.1rem .2rem .9rem; color:var(--text-muted); font-size:.9rem; }.forum-toolbar strong { color:var(--text); font-size:1.06rem; }.topic-list { display:grid; gap:.75rem; }
.topic-card { display:flex; justify-content:space-between; gap:1.25rem; padding:1.15rem 1.2rem; border:1px solid var(--border); border-radius:22px; background:var(--surface); box-shadow:var(--shadow-sm); transition:180ms ease; }.topic-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--primary) 38%,var(--border)); }.topic-card-main { min-width:0; }.topic-card .quick-actions { margin:0 0 .6rem; }.topic-card h2 { margin:0; font-size:1.1rem; line-height:1.35; }.topic-card h2 a:hover { color:var(--primary); }.topic-author { display:flex; gap:.55rem; align-items:center; margin-top:.9rem; color:var(--text-muted); font-size:.84rem; }.topic-author strong { color:var(--text); }.topic-metrics { flex:0 0 5.5rem; display:grid; align-content:center; gap:.55rem; text-align:right; color:var(--text-muted); font-size:.72rem; }.topic-metrics span { display:grid; }.topic-metrics b { color:var(--text); font-size:.98rem; }
.sidebar-card { padding:1.1rem; border:1px solid var(--border); border-radius:22px; background:var(--surface); box-shadow:var(--shadow-sm); }.sidebar-heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.8rem; }.sidebar-heading h2 { margin:0; font-size:1rem; }.sidebar-heading a { color:var(--primary); font-size:.82rem; font-weight:700; }.community-card { background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),var(--surface)); }.community-card p { margin:.45rem 0 1rem; color:var(--text-muted); font-size:.9rem; }.community-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; }.community-stats div { padding:.6rem .35rem; border-radius:13px; background:color-mix(in srgb,var(--surface-strong) 70%,transparent); text-align:center; }.community-stats strong,.community-stats span { display:block; }.community-stats strong { font-size:1rem; }.community-stats span { font-size:.67rem; color:var(--text-muted); }.live-status { display:flex; align-items:center; margin-top:.85rem; color:var(--text-muted); }.live-status i { width:.45rem; height:.45rem; border-radius:50%; background:#35ca79; box-shadow:0 0 0 4px color-mix(in srgb,#35ca79 15%,transparent); }.category-list { display:grid; }.category-list a { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.65rem 0; border-top:1px solid var(--border); transition:180ms ease; }.category-list a:first-child { border-top:0; }.category-list a:hover { color:var(--primary); padding-left:.25rem; }.category-list b,.category-list small { display:block; }.category-list b { font-size:.88rem; }.category-list small { color:var(--text-muted); font-size:.72rem; }.quick-nav { display:grid; gap:.2rem; }.quick-nav a { padding:.55rem .15rem; color:var(--text-muted); font-size:.9rem; }.quick-nav a:hover { color:var(--primary); }.empty-state { color:var(--text-muted); }
@media (max-width:980px) {
  .hero-grid { grid-template-columns:1fr; }
  .stats-row, .grid-3 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .forum-layout { grid-template-columns:1fr; }.forum-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }.community-card { grid-column:span 2; }
}
@media (max-width:720px) {
  .nav-links, .search-input, .search-trigger-label { display:none; }
  .hero-surface { padding:1.1rem; }
  .hero-surface .profile-heading { flex-direction:column; align-items:flex-start; }
  .hero-surface .quick-actions { width:100%; margin-top:.8rem; }
  .hero-surface .quick-actions .btn { flex:1 1 calc(50% - .25rem); }
  .stats-row { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .profile-settings-row { align-items:flex-start; flex-direction:column; }
  .report-modal { padding:1.2rem; }
  .search-trigger { width:2.45rem; justify-content:center; padding:0; }
  .navbar-inner { flex-wrap:wrap; }
  .hero { padding-top:3.5rem; }
  .stats-row, .grid-3 { grid-template-columns:1fr; }
  .footer-inner { flex-direction:column; }
  .language-picker select { width:3.8rem; font-size:0; }.language-picker select option { font-size:.8rem; }.forum-hero { align-items:start; flex-direction:column; padding:1.25rem; }.topic-card { gap:.75rem; padding:1rem; }.topic-metrics { flex-basis:4rem; }.forum-sidebar { grid-template-columns:1fr; }.community-card { grid-column:auto; }
}

html, body { max-width:100%; overflow-x:clip; }
button, a, input, select, textarea { -webkit-tap-highlight-color:transparent; }
@media (max-width:760px) {
  body { font-size:15px; }
  .container, .narrow { width:calc(100% - 1.25rem); }
  .section { padding:1.6rem 0; }
  .navbar { padding:.55rem 0; }
  .navbar-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; min-height:0; }
  .brand { min-width:0; font-size:.95rem; }
  .brand-mark { width:2.15rem; height:2.15rem; border-radius:13px; }
  .nav-links { display:none; }
  .navbar-search { order:3; grid-column:1 / -1; width:100%; height:2.75rem; }
  .search-page .search-shell { display:block; width:100%; }
  .search-page .search-input { display:block; width:100%; }
  .nav-actions { gap:.35rem; min-width:0; }
  .nav-actions .language-trigger { padding:.42rem .55rem; }
  .nav-actions .btn { min-height:2.35rem; padding:.55rem .7rem; font-size:.84rem; }
  .notification-link, .create-button, .profile-pill { display:none; }
  .nav-actions .link-button { display:inline-flex; min-height:2.25rem; align-items:center; padding:.35rem; font-size:.78rem; }
  .hero { padding:2.2rem 0 1.4rem; }
  .hero-grid { gap:1.25rem; }
  .hero h1 { font-size:clamp(2rem,11vw,3rem); line-height:1; }
  .hero p { font-size:1rem; }
  .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
  .hero-actions .btn { width:100%; padding:.75rem .5rem; }
  .hero-visual { min-height:auto; }
  .hero-card { position:static; }
  .hero-card-inner { width:100%; padding:1rem; border-radius:22px; }
  .thread-mini { align-items:flex-start; gap:.65rem; padding:.75rem; border-radius:16px; }
  .thread-mini strong { overflow-wrap:anywhere; }
  .thread-mini .chip { flex:0 0 auto; padding:.35rem .5rem; }
  .section-title, .forum-hero { align-items:flex-start; flex-direction:column; }
  .section-title > .btn, .forum-hero > .btn { width:100%; }
  .card, .hero-surface, .stat-card { padding:1rem; border-radius:18px; }
  .stats-row, .grid-3 { grid-template-columns:1fr; gap:.75rem; }
  .stats-row .stat-card { min-width:0; }
  .footer { padding:1.4rem 0 2rem; }
  .footer-inner { gap:.75rem; }
  .footer-links { gap:.65rem 1rem; }
  .toast-stack { top:4.7rem; right:.625rem; width:calc(100vw - 1.25rem); }
  .toast { grid-template-columns:1.8rem minmax(0,1fr) 1.7rem; padding:.7rem; }
  .toast p { overflow-wrap:anywhere; }
  .forum-page { padding-top:1.25rem; }
  .forum-hero { padding:1.1rem; border-radius:20px; }
  .forum-layout, .forum-sidebar { grid-template-columns:1fr; gap:.85rem; }
  .community-card { grid-column:auto; }
  .forum-toolbar { align-items:flex-start; gap:.55rem; flex-direction:column; }
  .topic-card { align-items:flex-start; flex-direction:column; gap:.75rem; padding:1rem; }
  .topic-card h2, .topic-card h3, .topic-card-main { overflow-wrap:anywhere; }
  .topic-metrics { width:100%; display:flex; justify-content:flex-start; gap:1.25rem; text-align:left; }
  .topic-metrics span { display:block; }
  .community-stats { gap:.25rem; }
  .community-stats div { padding:.5rem .2rem; }
  .topic-page { padding-top:1rem; }
  .topic-surface h1 { padding-right:2.5rem; overflow-wrap:anywhere; font-size:clamp(1.65rem,8vw,2.25rem); }
  .post-body { overflow-wrap:anywhere; font-size:1rem; }
  .quick-actions { gap:.4rem; }
  .quick-actions .btn { flex:1 1 auto; }
  .report-trigger { top:.75rem; right:.75rem; width:2.35rem; height:2.35rem; }
  .reply p { overflow-wrap:anywhere; }
  .replies-section > .reply.is-nested { padding-left:1.75rem; }.replies-section > .reply.is-nested::before { left:.35rem; }
  .mention-results { max-height:10rem; }
  .mention-option { grid-template-columns:1fr; gap:.1rem; }
  .xp-progress>div { align-items:flex-start; flex-direction:column; gap:.15rem; }
  .badge-list { gap:.35rem; }
  .profile-badge { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .modal-backdrop { align-items:end; padding:0; }
  .report-modal { width:100%; max-width:540px; max-height:90vh; overflow:hidden; display:flex; flex-direction:column; padding:0; border-radius:24px 24px 0 0; }
  .report-modal .modal-body { display:grid; gap:1rem; flex:1 1 auto; max-height:calc(90vh - 7rem); overflow-y:auto; padding:1.5rem; }
  .report-modal .modal-body::-webkit-scrollbar { width:.35rem; }
  .report-modal .modal-body::-webkit-scrollbar-track { background:transparent; }
  .report-modal .modal-body::-webkit-scrollbar-thumb { background:rgba(18,21,34,.2); border-radius:.5rem; min-height:2rem; }
  .report-modal .modal-body::-webkit-scrollbar-thumb:hover { background:rgba(18,21,34,.32); }
  .report-modal .modal-body { scrollbar-width:thin; scrollbar-color:rgba(18,21,34,.2) transparent; }
  .avatar-input-group[hidden] { display:none !important; }
  .modal-actions { display:grid; grid-template-columns:1fr 1fr; }
  .modal-actions .btn { width:100%; }
  input, textarea, select { font-size:16px; }
  textarea { min-height:130px; }
}
@media (max-width:390px) {
  .nav-actions .theme-switch { width:2.25rem; height:2.25rem; }
  .nav-actions .language-trigger { min-height:2.25rem; }
  .nav-actions .link-button { display:none; }
  .hero-actions { grid-template-columns:1fr; }
  .chip, .tag, .badge { font-size:.76rem; }
  .community-stats { grid-template-columns:1fr; }
  .topic-metrics { gap:.8rem; }
}
@media only screen and (min-width: 1350px) { 
  .container.section > .section > article.card {
      margin-bottom: 10px;
  }
  .profile-heading > div > h1 {
      margin: 0 !important;
      margin-top: 10px !important;
  }
  .modal-backdrop.is-visible > .report-modal {
      max-height: 80vh !important;
      overflow: hidden !important;
      overflow-y: auto !important;
  }
  html:has(.modal-backdrop.is-visible),
  body:has(.modal-backdrop.is-visible) {
      overflow-x: hidden !important;
      overflow-y: hidden !important;
  }
  .chat-private-chat > .chat-private-composer {
    max-height: 60px !important;
  }
  .chat-private-chat > .chat-private-composer textarea {
      height: auto !important;
      max-height: 40px !important;
      min-height: auto !important;
  }
}
.btn.btn-primary.create-button {
    padding: 7.8px 15px !important;
    font-size: 15px !important;
}
.notification-link {
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: -.3px !important;
    font-size: 14px !important;
}
body:has(.modal-backdrop.is-visible) {
    overflow: hidden;
}
.profile-avatar.avatar-fallback {
    font-size: 2.5em !important;
}
.chat-panel{position:fixed;z-index:50;top:0;right:0;width:400px;max-width:100%;height:100vh;background:rgba(20,25,38,.97);color:#eef2ff;transform:translateX(100%);transition:transform .28s ease;box-shadow:-12px 0 35px #0005;display:flex;flex-direction:column}.chat-panel.is-open{transform:none}.chat-panel-header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18}.chat-panel-header h2{margin:0}.chat-panel-header p{margin:5px 0;color:#9ba7c4;font-size:.85rem}.chat-header-actions button{background:none;border:0;color:inherit;font-size:1.4rem;cursor:pointer}.chat-messages{flex:1;overflow:auto;padding:16px}.chat-message{display:flex;gap:10px;padding:9px;border-radius:10px}.chat-message:hover{background:#ffffff0b}.chat-message.is-own{background:#5865f222}.chat-message img{width:34px;height:34px;border-radius:50%;object-fit:cover}.chat-message p{margin:3px 0;white-space:normal;overflow-wrap:anywhere}.chat-message time{font-size:.7rem;color:#8c96ad}.chat-composer{display:flex;gap:8px;padding:14px;border-top:1px solid #ffffff18}.chat-composer textarea{flex:1;resize:none;background:#ffffff12;color:inherit;border:0;border-radius:8px;padding:10px}.chat-send,.chat-emoji-wrap button{border:0;border-radius:8px;background:#5865f2;color:#fff;padding:0 13px;cursor:pointer}.chat-emoji-picker{position:absolute;bottom:60px;background:#252b3d;padding:8px;border-radius:10px;display:grid;grid-template-columns:repeat(5,1fr)}.chat-emoji-picker button{padding:6px;background:none}.chat-unread-badge{position:absolute;background:#ef4444;color:#fff;border-radius:99px;font-size:10px;padding:2px 5px}.chat-nav-button{position:relative}.chat-nav-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}@media(max-width:600px){.chat-panel{width:100%}}
.chat-message div{min-width:0;flex:1}.chat-composer{position:relative}.chat-send:hover,.chat-emoji-wrap button:hover{filter:brightness(1.15)}
.chat-nav-button{margin-left:auto;width:38px;height:38px;border:1px solid #94a3b833;border-radius:10px;background:#ffffff0c;color:inherit;display:grid;place-items:center;cursor:pointer}.chat-nav-button svg{width:22px;height:22px}.chat-login-note{width:100%;text-align:center;color:#aab4cc;font-size:.9rem}.chat-login-note a{color:#a5b4fc}
body.chat-open main,body.chat-open .footer{transform:translateX(-200px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.chat-panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.chat-nav-button{transition:color .2s ease,transform .2s ease}.chat-nav-button:hover{color:#818cf8;transform:scale(1.08)}
@media(max-width:600px){body.chat-open main,body.chat-open .footer{transform:none}.chat-panel{width:100vw}}
.chat-panel{top:auto!important;right:20px!important;bottom:20px!important;height:min(720px,calc(100vh - 40px))!important;max-width:calc(100% - 40px);border:1px solid #ffffff18;border-radius:18px;overflow:hidden;transform:translateY(calc(100% + 30px))!important}.chat-panel.is-open{transform:translateY(0)!important}.chat-messages{scrollbar-width:thin;scrollbar-color:#64748b88 transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#64748b88;border-radius:99px}.chat-emoji-picker{padding-top:34px;box-shadow:0 10px 30px #0006}.emoji-close{position:absolute;top:5px;right:6px;background:transparent!important;color:#cbd5e1!important;font-size:20px!important;padding:2px 7px!important}.emoji-close:hover{color:#fff!important}@media(max-width:600px){.chat-panel{right:0!important;bottom:0!important;width:100vw!important;max-width:100vw;height:100dvh!important;border-radius:18px 18px 0 0}}
:root{--chat-bg:#f8faff;--chat-surface:#fff;--chat-text:#111525;--chat-muted:#7c86a5;--chat-border:rgba(94,108,180,.14);--chat-purple:#6267f5;--chat-blue:#4d8cf7;--chat-cyan:#25c6ed;--chat-gradient:linear-gradient(135deg,#6267f5 0%,#25c6ed 100%);--chat-shadow:0 24px 70px rgba(61,72,125,.16)}
.chat-panel{background:var(--chat-bg)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border);border-radius:24px;box-shadow:var(--chat-shadow);width:390px!important;transition:transform .18s ease,box-shadow .18s ease!important}
.chat-panel-header{background:var(--chat-surface);padding:20px 22px;border-bottom:1px solid var(--chat-border);color:var(--chat-text)}.chat-panel-header h2{font-weight:800;letter-spacing:-.02em}.chat-panel-header p{color:var(--chat-muted)}.chat-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:6px}
.chat-header-actions button{width:34px;height:34px;border-radius:50%;background:#f1f4ff;color:var(--chat-muted);font-size:20px;display:inline-grid;place-items:center;transition:all .18s ease}.chat-header-actions button:hover,.chat-header-actions button:focus-visible{background:#e5eaff;color:var(--chat-purple);outline:2px solid #6267f566;outline-offset:2px}
.chat-messages{background:#f7f9ff;padding:18px 14px;scrollbar-width:thin;scrollbar-color:#aab6dc transparent}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#aab6dc;border-radius:8px}
.chat-message{gap:10px;padding:8px 10px;margin:5px 0;border-radius:18px;background:#fff;border:1px solid var(--chat-border);box-shadow:0 5px 16px rgba(61,72,125,.06);transition:transform .18s ease,box-shadow .18s ease}.chat-message:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(61,72,125,.1)}.chat-message.is-own{background:linear-gradient(135deg,#f0f1ff 0%,#e9faff 100%);border-color:#6267f533;box-shadow:none}.chat-message img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#e8ecfa}.chat-message b{font-size:13px;color:var(--chat-text)}.chat-message p{color:var(--chat-text);font-size:14px;line-height:1.45}.chat-message time{font-size:12px;color:var(--chat-muted)}
.chat-composer{background:var(--chat-surface);border-top:1px solid var(--chat-border);padding:13px;align-items:center}.chat-composer textarea{height:42px;min-height:42px;background:#fff;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:14px;padding:11px 13px;outline:none;transition:border-color .18s,box-shadow .18s}.chat-composer textarea:focus{border-color:var(--chat-blue);box-shadow:0 0 0 3px #6267f52b}.chat-emoji-wrap{position:relative}.chat-emoji-wrap button,.chat-send{width:42px;height:42px;min-width:42px;border-radius:13px;background:var(--chat-gradient);color:#fff;border:0;display:grid;place-items:center;transition:transform .18s,box-shadow .18s}.chat-emoji-wrap button:hover,.chat-send:hover{transform:translateY(-1px);box-shadow:0 8px 18px #6267f544}.chat-send svg{width:19px}.chat-emoji-picker{background:#fff;border:1px solid var(--chat-border);border-radius:18px;box-shadow:var(--chat-shadow)}.emoji-close{background:#f1f4ff!important;color:var(--chat-muted)!important;border-radius:50%!important}.chat-login-note{color:var(--chat-muted)}
.chat-nav-button{color:var(--chat-text);background:#fff;border:1px solid var(--chat-border);box-shadow:0 6px 18px rgba(61,72,125,.1);transition:all .18s ease}.chat-nav-button:hover,.chat-nav-button:focus-visible{color:var(--chat-purple);border-color:#6267f566;box-shadow:0 8px 22px #6267f52b;outline:2px solid #6267f533;outline-offset:2px}
@media(max-width:600px){.chat-panel{width:100%!important;border-radius:24px 24px 0 0}}
#chat-notifications{display:none!important}
.chat-composer textarea{resize:none!important;overflow:hidden!important;appearance:none!important;-webkit-appearance:none!important}.chat-emoji-picker{width:250px;max-height:240px;overflow-y:auto;grid-template-columns:repeat(6,1fr);gap:2px;padding:38px 10px 10px!important}.chat-emoji-picker .emoji-close{position:absolute;top:7px;right:8px;z-index:2}.chat-emoji-picker button:not(.emoji-close){display:grid;place-items:center;width:32px!important;height:32px!important;padding:0!important;font-size:20px;line-height:1}.chat-emoji-picker::-webkit-scrollbar{width:4px}.chat-emoji-picker::-webkit-scrollbar-thumb{background:#b7c0df;border-radius:8px}
body.chat-open main,body.chat-open .footer{transform:none!important}
.chat-emoji-picker[hidden]{display:none!important}.chat-composer{align-items:center!important}.chat-emoji-wrap,.chat-emoji-wrap>button{display:grid;place-items:center}.chat-emoji-wrap>button{margin:0}
.chat-emoji-picker:not([hidden]){display:grid!important;grid-template-columns:repeat(8,32px)!important;grid-auto-rows:32px;align-content:start;justify-content:center;gap:6px;width:310px!important;max-height:230px!important;overflow-y:auto;padding:40px 12px 12px!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important}.chat-emoji-picker button:not(.emoji-close){font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:21px!important;line-height:1;display:grid!important;place-items:center;width:32px!important;height:32px!important;border-radius:9px!important}.chat-emoji-picker button:not(.emoji-close):hover{background:#eef1ff!important;transform:scale(1.12)!important}.chat-emoji-picker .emoji-close{top:8px!important;right:8px!important}
.chat-emoji-picker:not([hidden]){left:0;bottom:calc(100% + 8px)!important;width:calc(100vw - 32px)!important;max-width:360px;height:48px!important;max-height:48px!important;display:flex!important;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;padding:6px 8px!important;border-radius:14px!important}.chat-emoji-picker button:not(.emoji-close){flex:0 0 32px!important}.chat-emoji-picker .emoji-close{position:sticky!important;left:0;flex:0 0 28px!important;order:-1}
.chat-panel *{scrollbar-width:thin}.chat-panel *::-webkit-scrollbar{width:3px;height:3px}.chat-panel *::-webkit-scrollbar-thumb{background:#9aa8d0;border-radius:8px}.chat-emoji-wrap>button{font-size:20px!important;line-height:1!important;padding:0!important;text-align:center;vertical-align:middle}
.chat-notifications{display:none!important}.chat-emoji-picker button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--chat-text)!important;width:auto!important;height:auto!important;min-width:0!important;padding:5px!important;border-radius:8px!important;font-size:21px;transform:none!important}.chat-emoji-picker button:hover{background:#eef1ff!important}.chat-composer textarea{resize:none!important;line-height:20px;display:flex;align-items:center}.chat-send svg{stroke:#fff!important;fill:none!important}.chat-send svg path{stroke:#fff!important}
.chat-avatar-fallback{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6267f5,#25c6ed);color:#fff;font-weight:800;font-size:16px}
.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--chat-border)}.chat-tabs button{height:36px;border:1px solid var(--chat-border);border-radius:10px;background:#f7f9ff;color:var(--chat-muted);font-weight:700;cursor:pointer;transition:all .18s ease}.chat-tabs button:hover,.chat-tabs button:focus-visible,.chat-tabs button.is-active{color:#fff;background:var(--chat-gradient);border-color:transparent;outline:none}.chat-tab-plus{font-size:17px;margin-left:4px}
.chat-channel-note{margin:0;padding:0 16px 8px;background:#fff;color:var(--chat-muted);font-size:11px;text-align:center}
.chat-private{flex:1;display:grid;grid-template-columns:145px 1fr;min-height:0;background:#f7f9ff}.chat-private-list{border-right:1px solid var(--chat-border);background:#fff;padding:10px}.chat-private-actions{display:grid;gap:7px}.chat-private-actions button{border:1px solid var(--chat-border);background:#f7f9ff;color:var(--chat-text);border-radius:9px;padding:8px 5px;font-size:11px;cursor:pointer}.chat-private-actions button:hover{background:#eef1ff;color:var(--chat-purple)}.chat-private-empty{text-align:center;color:var(--chat-muted);font-size:11px;line-height:1.4}.chat-private-view{display:grid;place-items:center;padding:20px;text-align:center;color:var(--chat-muted);font-size:13px}
.chat-private[hidden]{display:none!important}
.chat-composer textarea.is-cooldown{text-align:center;cursor:not-allowed;opacity:.72}.chat-send:disabled{cursor:not-allowed;opacity:.55}
.chat-member-modal{position:fixed;z-index:90;inset:0;background:rgba(17,21,37,.42);display:grid;place-items:center;padding:16px}.chat-member-modal[hidden]{display:none!important}.chat-member-dialog{width:min(380px,100%);height:min(640px,calc(100dvh - 32px));display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 24px 80px #11152544;overflow:hidden}.chat-member-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--chat-border)}.chat-member-dialog h3{margin:0;font-size:17px}.chat-member-dialog>header button{border:0;background:#f1f4ff;border-radius:50%;width:34px;height:34px;font-size:20px;color:var(--chat-muted);cursor:pointer}.chat-member-search{padding:12px 14px}.chat-member-search input{width:100%;height:42px;border:1px solid var(--chat-border);border-radius:13px;padding:0 14px;outline:none}.chat-member-search input:focus{border-color:var(--chat-purple);box-shadow:0 0 0 3px #6267f51f}.chat-member-results{flex:1;min-height:0;overflow:auto;padding:0 10px 12px}.chat-member-row,.chat-conversation-row{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--chat-text);text-align:left;padding:9px;border-radius:12px;cursor:pointer}.chat-member-row:hover,.chat-conversation-row:hover,.chat-conversation-row.is-active{background:#eef1ff}.chat-member-row img,.chat-member-avatar,.chat-conversation-row img{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover}.chat-member-avatar{display:grid;place-items:center;color:#fff;font-weight:800;background:var(--chat-gradient)}.chat-member-row span:not(.chat-member-avatar),.chat-conversation-row span:not(.chat-member-avatar){min-width:0;display:grid}.chat-member-row small,.chat-conversation-row small{color:var(--chat-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-member-loader{height:34px;display:flex;align-items:center;justify-content:center;gap:5px}.chat-member-loader span{width:6px;height:6px;border-radius:50%;background:var(--chat-purple);animation:chat-loader .8s infinite alternate}.chat-member-loader span:nth-child(2){animation-delay:.15s}.chat-member-loader span:nth-child(3){animation-delay:.3s}@keyframes chat-loader{to{transform:translateY(-6px);opacity:.45}}
.chat-private-list{overflow:auto}.chat-private-actions{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}.chat-conversation-row{padding:7px 5px;font-size:11px}.chat-conversation-row img,.chat-conversation-row>.chat-member-avatar{width:30px;height:30px;flex-basis:30px}.chat-conversation-row em{margin-left:auto;min-width:18px;height:18px;border-radius:10px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:10px;font-style:normal}.chat-private-view{padding:0;display:block;min-width:0}.chat-private-chat{height:100%;display:flex;flex-direction:column;min-height:0}.chat-private-chat>header{height:52px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border-bottom:1px solid var(--chat-border);text-align:left}.chat-private-chat>header img,.chat-private-chat>header>.chat-member-avatar{width:34px;height:34px;flex-basis:34px}.chat-private-chat>header span:not(.chat-member-avatar){display:grid}.chat-private-chat>header small{color:var(--chat-muted)}.chat-private-messages{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.chat-private-message{align-self:flex-start;max-width:88%;padding:8px 10px;border-radius:13px 13px 13px 4px;background:#fff;border:1px solid var(--chat-border);text-align:left}.chat-private-message.is-own{align-self:flex-end;border-radius:13px 13px 4px 13px;background:#e9faff}.chat-private-message p{margin:0 0 4px;overflow-wrap:anywhere}.chat-private-message time{display:block;color:var(--chat-muted);font-size:10px;text-align:right}.chat-private-file{display:block;color:var(--chat-purple);font-size:12px;overflow-wrap:anywhere}.chat-private-composer{display:flex;gap:6px;padding:8px;background:#fff;border-top:1px solid var(--chat-border)}.chat-private-composer textarea{flex:1;min-width:0;height:38px;resize:none;border:1px solid var(--chat-border);border-radius:11px;padding:9px}.chat-private-attach,.chat-private-composer button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0;border-radius:11px;background:var(--chat-gradient);color:#fff;font-size:22px;cursor:pointer}.chat-private-composer button{font-size:15px}.chat-private-file-name{min-height:0;padding:0 8px 4px;background:#fff;color:var(--chat-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-private-placeholder{margin:auto;padding:15px;color:var(--chat-muted);font-size:12px}.chat-private-empty{padding:8px}
@media(max-width:600px){.chat-member-modal{place-items:end center;padding:0}.chat-member-dialog{width:100%;height:min(82dvh,680px);border-radius:22px 22px 0 0}.chat-private{grid-template-columns:112px 1fr}.chat-private-list{padding:6px}.chat-private-actions button{font-size:10px;padding:7px 3px}.chat-conversation-row{gap:5px}.chat-conversation-row img,.chat-conversation-row>.chat-member-avatar{width:26px;height:26px;flex-basis:26px}.chat-conversation-row b{font-size:10px}.chat-conversation-row small{font-size:9px}}
.chat-composer[hidden]{display:none!important}.chat-private-chat{overflow:hidden}.chat-private.has-active{grid-template-columns:0 minmax(0,1fr)}.chat-private.has-active>.chat-private-list{visibility:hidden;padding:0;border:0;overflow:hidden}.chat-private-back{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:10px;background:#eef1ff;color:var(--chat-purple);font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer}
.chat-private.has-active{position:relative!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.chat-private.has-active>.chat-private-list{display:none!important}.chat-private.has-active>.chat-private-view{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.chat-private.has-active .chat-private-chat,.chat-private.has-active .chat-private-chat>header,.chat-private.has-active .chat-private-messages,.chat-private.has-active .chat-private-composer,.chat-private.has-active .chat-private-file-name{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}.chat-private.has-active .chat-private-messages{padding-left:0!important;padding-right:0!important}.chat-private.has-active .chat-private-message{margin-left:8px;margin-right:8px}.chat-private.has-active .chat-private-composer{padding-left:8px!important;padding-right:8px!important}
.chat-private-image{display:block;max-width:180px;margin:3px 0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#e8ecfa;cursor:zoom-in}.chat-private-image img{display:block;width:100%;max-height:150px;object-fit:cover}.chat-image-lightbox{position:fixed;z-index:200;inset:0;background:rgba(8,11,22,.82);display:grid;place-items:center;overflow:auto;padding:64px 24px 24px}.chat-image-lightbox[hidden]{display:none!important}.chat-image-stage{min-width:100%;min-height:100%;display:grid;place-items:center}.chat-image-stage img{display:block;width:auto;height:auto;max-width:min(90vw,1200px);max-height:calc(100vh - 100px);object-fit:contain;cursor:zoom-in;box-shadow:0 20px 80px #0009;border-radius:4px}.chat-image-lightbox.is-zoomed{place-items:start}.chat-image-lightbox.is-zoomed .chat-image-stage{place-items:start center}.chat-image-lightbox.is-zoomed img{max-width:none;max-height:none;cursor:zoom-out}.chat-image-actions{position:fixed;z-index:201;top:16px;right:18px;display:flex;gap:9px}.chat-image-actions a,.chat-image-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#111525bb;color:#fff;text-decoration:none;font-size:25px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.chat-image-actions a:hover,.chat-image-actions button:hover{background:#6267f5}.chat-image-download{font-size:23px!important;font-weight:800}body.chat-image-open{overflow:hidden}
.chat-online-count{position:relative;display:inline-grid;place-items:center;min-width:1.25em;height:1.2em;overflow:hidden;vertical-align:-.18em;font-variant-numeric:tabular-nums}.chat-online-count>span{position:absolute;inset:0;display:grid;place-items:center;will-change:transform,opacity}.chat-online-count.is-up .chat-count-old{animation:chat-count-old-down .4s cubic-bezier(.22,.8,.25,1) forwards}.chat-online-count.is-up .chat-count-new{animation:chat-count-new-top .4s cubic-bezier(.22,.8,.25,1) forwards}.chat-online-count.is-down .chat-count-old{animation:chat-count-old-up .4s cubic-bezier(.22,.8,.25,1) forwards}.chat-online-count.is-down .chat-count-new{animation:chat-count-new-bottom .4s cubic-bezier(.22,.8,.25,1) forwards}@keyframes chat-count-old-down{to{transform:translateY(115%);opacity:0}}@keyframes chat-count-new-top{from{transform:translateY(-115%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes chat-count-old-up{to{transform:translateY(-115%);opacity:0}}@keyframes chat-count-new-bottom{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
.chat-panel-header p{font-size:13px!important;line-height:1.45;letter-spacing:.005em;white-space:nowrap}.chat-panel-header .chat-online-count{min-width:1.35em;height:1.3em;font-size:15px;font-weight:750;line-height:1;color:#69759b;vertical-align:-.2em}
.community-card .live-status .chat-online-count{align-self:center;min-width:1.35em;height:1em;font-size:15px;font-weight:750;line-height:1;vertical-align:0;color:inherit}
.chat-private[hidden],.chat-private.has-active[hidden]{display:none!important}
.profile-not-found-page{min-height:calc(100vh - 150px);display:grid;place-items:center;padding-top:clamp(2rem,7vh,6rem);padding-bottom:clamp(3rem,8vh,7rem)}.profile-not-found{position:relative;isolation:isolate;width:min(100%,720px);overflow:hidden;padding:clamp(2rem,6vw,4.5rem);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 96%,var(--primary) 4%),color-mix(in srgb,var(--surface) 91%,var(--primary-2) 9%));box-shadow:var(--shadow-md);text-align:center}.profile-not-found-glow{position:absolute;z-index:-1;top:-150px;left:50%;width:390px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--primary) 18%,transparent);filter:blur(55px);transform:translateX(-50%)}.profile-not-found-icon{width:92px;height:92px;margin:0 auto 1.3rem;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface-strong)),color-mix(in srgb,var(--primary-2) 18%,var(--surface-strong)));box-shadow:0 18px 40px color-mix(in srgb,var(--primary) 18%,transparent)}.profile-not-found-icon svg{width:58px;height:58px;fill:none;stroke:var(--primary);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.profile-not-found h1{margin:.8rem 0 .35rem;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.045em}.profile-not-found-username{display:inline-flex;margin:.25rem 0 1.25rem;padding:.42rem .8rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 75%,transparent);color:var(--text-muted);font-weight:700}.profile-not-found-copy{max-width:560px;margin:0 auto;color:var(--text-muted);font-size:clamp(.95rem,2vw,1.08rem);line-height:1.7}.profile-not-found-hint{margin:.65rem 0 0;color:var(--text-muted);font-size:.86rem}.profile-not-found-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}.profile-not-found-actions .btn{min-width:145px;justify-content:center}@media(max-width:600px){.profile-not-found{padding:2.2rem 1.2rem;border-radius:24px}.profile-not-found-icon{width:78px;height:78px;border-radius:23px}.profile-not-found-icon svg{width:49px;height:49px}.profile-not-found-actions{display:grid}.profile-not-found-actions .btn{width:100%}}
html[data-theme="dark"] .chat-nav-button{background:var(--surface-strong);color:var(--text);border-color:rgba(255,255,255,.1);box-shadow:0 8px 22px rgba(0,0,0,.28)}html[data-theme="dark"] .chat-nav-button:hover,html[data-theme="dark"] .chat-nav-button:focus-visible{background:color-mix(in srgb,var(--surface-strong) 88%,var(--primary) 12%);color:var(--primary-2);border-color:color-mix(in srgb,var(--primary) 45%,transparent)}