: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; }
.search-page #search-live-results { position:relative; }

.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 input[type="search"]::-webkit-search-cancel-button,
.navbar-search input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; appearance:none; display:none; }
.navbar-search input[type="search"]::-ms-clear,
.navbar-search input[type="search"]::-ms-reveal { display:none; width:0; height:0; }
.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; }
.is-interaction-pending { position:relative; pointer-events:none; }.is-interaction-pending > :not(.interaction-loader) { opacity:0!important; }.interaction-loader { position:absolute!important; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; opacity:1!important; animation:loader-spin .65s linear infinite; pointer-events:none; }
.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; }
.topic-surface{position:relative;overflow:hidden;padding:clamp(1.35rem,3vw,2.25rem);background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--primary-2) 10%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--primary) 5%,var(--surface)));border-color:color-mix(in srgb,var(--border) 76%,var(--primary));box-shadow:0 1.6rem 4.5rem color-mix(in srgb,#17203e 12%,transparent)}.topic-surface::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-2));opacity:.9}.topic-badges{margin-bottom:1.35rem}.topic-badges .tag{box-shadow:0 .45rem 1.2rem color-mix(in srgb,var(--primary) 13%,transparent)}.topic-heading-row{display:flex;align-items:center;gap:1rem;min-width:0}.topic-author-avatar{position:relative;flex:0 0 clamp(3.5rem,6vw,4.5rem);width:clamp(3.5rem,6vw,4.5rem);height:clamp(3.5rem,6vw,4.5rem);display:grid;place-items:center;overflow:hidden;border:3px solid color-mix(in srgb,var(--surface-strong) 82%,transparent);border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 .75rem 1.8rem color-mix(in srgb,var(--primary) 24%,transparent);transition:transform .2s ease,box-shadow .2s ease}.topic-author-avatar:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 1rem 2.2rem color-mix(in srgb,var(--primary) 32%,transparent)}.topic-author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.topic-heading-copy{min-width:0}.topic-heading-copy h1{margin:0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}.topic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:.7rem 0 0;color:var(--text-muted);font-size:.88rem}.topic-meta>span{display:inline-flex;align-items:center;gap:.25rem}.topic-meta>span+span::before{content:"";width:4px;height:4px;margin-right:.25rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 72%,var(--text-muted))}.topic-meta a{color:var(--text);font-weight:800}.topic-meta a:hover{color:var(--primary)}.topic-content-panel{position:relative;margin-top:1.5rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid color-mix(in srgb,var(--border) 82%,var(--primary));border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);font-size:1.02rem;line-height:1.75;box-shadow:inset 0 1px color-mix(in srgb,#fff 38%,transparent)}
.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 { --reply-indicator-x:.28rem;--reply-indicator-width:0px;position:relative;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); isolation:isolate;overflow:hidden; }
.reply-filter-indicator { position:absolute;z-index:0;top:.28rem;bottom:.28rem;left:0;width:var(--reply-indicator-width);border-radius:999px;background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary-2) 82%,#fff 18%));box-shadow:0 .38rem 1.15rem color-mix(in srgb,var(--primary) 38%,transparent),inset 0 1px rgba(255,255,255,.28);transform:translateX(var(--reply-indicator-x));transition:transform .52s cubic-bezier(.18,.9,.2,1),width .46s cubic-bezier(.18,.82,.2,1),border-radius .38s ease;pointer-events:none; }.reply-filter-indicator::before,.reply-filter-indicator::after{content:"";position:absolute;top:50%;width:.72rem;height:.72rem;border-radius:50%;background:color-mix(in srgb,var(--primary-2) 78%,#fff 22%);opacity:0;filter:saturate(1.18);box-shadow:0 0 .8rem color-mix(in srgb,var(--primary-2) 55%,transparent)}.reply-filter-indicator::before{left:.18rem}.reply-filter-indicator::after{right:.12rem;width:.52rem;height:.52rem;background:color-mix(in srgb,var(--primary) 72%,#fff 28%)}.reply-filter-indicator.is-gliding { transform:translateX(var(--reply-indicator-x)) scaleX(1.045) scaleY(.96);border-radius:52% 48% 46% 54%/58% 55% 45% 42%;animation:reply-indicator-bloom .48s cubic-bezier(.2,.85,.25,1)}.reply-filter-indicator.is-gliding::before{animation:reply-bubble-left .48s ease-out}.reply-filter-indicator.is-gliding::after{animation:reply-bubble-right .48s ease-out}@keyframes reply-indicator-bloom{0%{filter:saturate(1);border-radius:999px}42%{filter:saturate(1.22) brightness(1.06);border-radius:56% 44% 53% 47%/48% 59% 41% 52%}100%{filter:saturate(1);border-radius:999px}}@keyframes reply-bubble-left{0%{opacity:0;transform:translate(-.1rem,-50%) scale(.2)}35%{opacity:.9;transform:translate(-.58rem,-95%) scale(1)}72%{opacity:.55;transform:translate(-.2rem,-66%) scale(.72)}100%{opacity:0;transform:translate(.18rem,-50%) scale(.15)}}@keyframes reply-bubble-right{0%{opacity:0;transform:translate(.1rem,-50%) scale(.2)}30%{opacity:.85;transform:translate(.5rem,-15%) scale(1.1)}70%{opacity:.5;transform:translate(.18rem,-38%) scale(.68)}100%{opacity:0;transform:translate(-.12rem,-50%) scale(.12)}}
.reply-filter-indicator.is-gliding{transform:translateX(var(--reply-indicator-x))!important;border-radius:999px!important;animation:reply-indicator-softglow .42s ease!important}.reply-filter-indicator::before{width:.4rem;height:.4rem}.reply-filter-indicator::after{width:.3rem;height:.3rem}@keyframes reply-indicator-softglow{0%,100%{filter:saturate(1) brightness(1)}48%{filter:saturate(1.08) brightness(1.035)}}
.reply-filter { position:relative;z-index:1;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:color .28s ease,transform 180ms ease,text-shadow .28s 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; text-shadow:0 1px 10px rgba(255,255,255,.28); }
.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; }
.thread-mini,.card.reveal { transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.thread-mini:hover,.thread-mini:focus-visible,.card.reveal[href]:hover,.card.reveal[href]:focus-visible { border-color:color-mix(in srgb,var(--primary) 38%,var(--border)); box-shadow:var(--shadow-md); outline:none; }.card.reveal[href]:hover,.card.reveal[href]:focus-visible { transform:translateY(-2px); }
.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-followers-trigger{width:100%;border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;font:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-followers-trigger:hover,.profile-followers-trigger:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));box-shadow:var(--shadow-md);outline:none}.profile-library{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-md)}.profile-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.profile-library-head h2,.profile-library-head p{margin:.15rem 0}.profile-library-tabs{display:flex;gap:.3rem;padding:.3rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted)}.profile-library-tabs button{border:0;border-radius:999px;padding:.65rem .85rem;background:transparent;color:var(--text-muted);font-weight:800}.profile-library-tabs button.is-active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:var(--shadow-sm)}.profile-library-tabs b{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.25rem;padding:0 .3rem;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem}.profile-library-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.profile-library-panel[hidden]{display:none}.profile-library-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .7rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-strong);transition:transform .18s ease,border-color .18s ease}.profile-library-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border))}.profile-library-card .tag{grid-row:1/3}.profile-library-card strong,.profile-library-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-library-card small{color:var(--text-muted)}.profile-library-empty{grid-column:1/-1;margin:0;padding:2rem;text-align:center;color:var(--text-muted)}.profile-followers-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(8,12,25,.58);backdrop-filter:blur(10px)}.profile-followers-modal[hidden]{display:none}.profile-followers-dialog{width:min(100%,520px);height:min(680px,calc(100dvh - 2rem));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:var(--surface-strong);box-shadow:0 2rem 6rem rgba(0,0,0,.32)}.profile-followers-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--border)}.profile-followers-dialog h2,.profile-followers-dialog p{margin:.1rem 0}.profile-followers-dialog>header button{width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:var(--surface-muted);color:var(--text);font-size:1.4rem}.profile-followers-results{flex:1;min-height:0;overflow:auto;padding:.65rem}.profile-follower-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem;border-radius:16px}.profile-follower-row:hover{background:var(--surface-muted)}.profile-follower-row>a{min-width:0;display:flex;align-items:center;gap:.7rem}.profile-follower-row>a>span:last-child{min-width:0;display:grid}.profile-follower-row small{color:var(--text-muted)}.profile-follower-row form{flex:0 0 auto}.profile-follower-row .btn{padding:.55rem .7rem;font-size:.78rem}.profile-follower-avatar{position:relative;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.profile-follower-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-followers-empty{padding:2rem;text-align:center;color:var(--text-muted)}.profile-followers-loader{height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.profile-followers-loader i{width:.4rem;height:.4rem;border-radius:50%;background:var(--primary);animation:chat-loader .8s infinite alternate}.profile-followers-loader i:nth-child(2){animation-delay:.15s}.profile-followers-loader i:nth-child(3){animation-delay:.3s}body.profile-followers-open{overflow:hidden}@media(max-width:700px){.profile-library-head{align-items:stretch;flex-direction:column}.profile-library-tabs{width:100%}.profile-library-tabs button{flex:1}.profile-library-panel{grid-template-columns:1fr}.profile-followers-modal{place-items:end center;padding:0}.profile-followers-dialog{width:100%;height:min(82dvh,680px);border-radius:26px 26px 0 0}}
.profile-row { display:flex; align-items:center; gap:.8rem; margin-top:1rem; }
.chat-profile-link,.chat-private-profile-link { color:inherit; text-decoration:none; }.chat-profile-link:hover,.chat-profile-link:focus-visible,.chat-private-profile-link:hover b,.chat-private-profile-link:focus-visible b { color:var(--chat-blue,var(--primary-2)); }.chat-profile-link:focus-visible,.chat-private-profile-link:focus-visible { outline:2px solid var(--chat-blue,var(--primary)); outline-offset:2px; border-radius:4px; }.chat-private-profile-link { min-width:0; display:grid; }
.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:1; transform:none; animation:content-settle-in .28s cubic-bezier(.2,.75,.25,1) both; }
.reveal.visible { opacity:1; transform:none; }
@keyframes content-settle-in { from { opacity:.88; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .reveal { animation:none; } }
.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); }
.reply-like-button.is-liked { color:var(--accent); background:color-mix(in srgb,var(--accent) 14%,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-message b{position:relative;top:-1px}.chat-message p{margin:4px 0 0}.chat-message time{display:block;margin-top:1px;line-height:1.2}
.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)}
.page-loader.is-complete{background:transparent!important;pointer-events:none}.page-loader.is-complete .page-loader-aurora{opacity:0}
.route-progress{position:fixed;z-index:9998;top:0;left:0;right:0;height:2px;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .12s ease}.route-progress i{display:block;width:18%;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 10px color-mix(in srgb,var(--primary-2) 48%,transparent);transform:translateX(-110%)}.route-progress.is-visible{opacity:1}.route-progress.is-moving i{animation:route-progress-move 1.15s cubic-bezier(.2,.7,.25,1) forwards}.route-progress.is-done i{width:100%;transform:translateX(0);animation:none;transition:width .1s ease,transform .1s ease}.route-loading-host{position:relative;min-height:420px;isolation:isolate}.route-skeleton-layer{position:absolute;z-index:20;inset:0;overflow:hidden;padding:inherit;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .15s ease}.route-skeleton-layer.is-visible{opacity:1}.route-skeleton-list{display:grid;gap:.8rem}.route-skeleton-card,.route-skeleton-notification,.route-skeleton-reply{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:22px;background:var(--surface);min-height:112px}.route-skeleton-card aside{display:flex;gap:.75rem}.route-skeleton-notification,.route-skeleton-reply{grid-template-columns:auto minmax(0,1fr);min-height:92px}.skeleton-line,.skeleton-avatar{position:relative;display:block;overflow:hidden;background:color-mix(in srgb,var(--text-muted) 13%,var(--surface-muted));border-radius:8px}.skeleton-line{width:var(--skeleton-width);max-width:100%;height:12px;margin:.58rem 0}.skeleton-line.is-title{height:18px}.skeleton-line.is-heading{height:28px}.skeleton-line.is-small{height:9px}.skeleton-line.is-metric{height:34px;border-radius:11px}.skeleton-avatar{width:44px;height:44px;border-radius:50%}.skeleton-avatar.is-large{width:82px;height:82px}.skeleton-line::after,.skeleton-avatar::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--surface-strong) 52%,transparent) 48%,transparent 76%);transform:translateX(-105%);animation:skeleton-shimmer 1.65s ease-in-out infinite}.route-skeleton-detail,.route-skeleton-profile{padding:clamp(1rem,3vw,2rem);border:1px solid var(--border);border-radius:30px;background:var(--surface);min-height:560px}.route-skeleton-author,.route-skeleton-profile-head{display:flex;align-items:center;gap:1rem;margin:1.2rem 0}.route-skeleton-author>div,.route-skeleton-profile-head>div,.route-skeleton-reply>div,.route-skeleton-notification>div,.route-skeleton-card>div{flex:1;min-width:0}.route-skeleton-body{margin:1.5rem 0}.route-skeleton-actions{display:flex;gap:.7rem;margin:1.5rem 0}.route-skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.2rem 0}.route-skeleton-stats>span{padding:1rem;border:1px solid var(--border);border-radius:18px}.route-error-state,.route-empty-state{display:grid;place-items:center;gap:.6rem;min-height:320px;padding:2rem;text-align:center;border:1px solid var(--border);border-radius:24px;background:var(--surface)}.route-error-state p{margin:0;color:var(--text-muted)}.route-error-state button{border:0;border-radius:12px;padding:.7rem 1rem;background:var(--primary);color:#fff;font-weight:800}.is-submitting [type="submit"].is-loading{position:relative;color:transparent!important;pointer-events:none}.is-submitting [type="submit"].is-loading::after{content:"";position:absolute;inset:50% auto auto 50%;width:16px;height:16px;margin:-8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;animation:loader-spin .7s linear infinite}.forum-first-loader{position:fixed;z-index:9997;inset:0;display:grid;place-items:center;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.forum-first-loader[hidden]{display:none}.forum-first-loader span{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:22px;box-shadow:var(--shadow-md);animation:forum-loader-pulse 1.1s ease-in-out infinite}.forum-first-loader.is-visible{opacity:1;visibility:visible;transition-delay:0s}.forum-first-loader.is-leaving{opacity:0}@keyframes route-progress-move{0%{transform:translateX(-110%);width:18%}55%{transform:translateX(170%);width:42%}100%{transform:translateX(430%);width:24%}}@keyframes skeleton-shimmer{to{transform:translateX(105%)}}@keyframes forum-loader-pulse{50%{transform:scale(.94);opacity:.78}}@media(max-width:700px){.route-skeleton-card{grid-template-columns:auto minmax(0,1fr);min-height:100px}.route-skeleton-card aside{display:none}.route-skeleton-stats{grid-template-columns:repeat(2,1fr)}.route-skeleton-layer{padding:.5rem}.skeleton-avatar.is-large{width:66px;height:66px}}@media(prefers-reduced-motion:reduce){.route-progress,.route-skeleton-layer,.forum-first-loader{transition:none}.skeleton-line::after,.skeleton-avatar::after,.forum-first-loader span{animation:none}.route-progress.is-moving i{animation:none;transform:translateX(180%);width:55%}}
html[data-theme="dark"]{--chat-bg:#070b18;--chat-surface:#0d1428;--chat-text:#eef3ff;--chat-muted:#929dbc;--chat-border:rgba(151,165,210,.16);--chat-purple:#9386ff;--chat-blue:#65a5ff;--chat-cyan:#4de0ff;--chat-shadow:0 26px 80px rgba(0,0,0,.48)}
html[data-theme="dark"] .chat-panel{background:var(--chat-bg)!important;color:var(--chat-text)!important;border-color:var(--chat-border);box-shadow:var(--chat-shadow)}
html[data-theme="dark"] .chat-panel-header,html[data-theme="dark"] .chat-tabs,html[data-theme="dark"] .chat-channel-note,html[data-theme="dark"] .chat-composer,html[data-theme="dark"] .chat-private-list,html[data-theme="dark"] .chat-private-actions,html[data-theme="dark"] .chat-private-chat>header,html[data-theme="dark"] .chat-private-composer,html[data-theme="dark"] .chat-private-file-name{background:var(--chat-surface)!important;color:var(--chat-text)!important;border-color:var(--chat-border)!important}
html[data-theme="dark"] .chat-messages,html[data-theme="dark"] .chat-private,html[data-theme="dark"] .chat-private-view,html[data-theme="dark"] .chat-private-messages{background:var(--chat-bg)!important;color:var(--chat-text)!important}
html[data-theme="dark"] .chat-tabs button,html[data-theme="dark"] .chat-private-actions button{background:#111a32;color:var(--chat-muted);border-color:var(--chat-border)}html[data-theme="dark"] .chat-tabs button:hover,html[data-theme="dark"] .chat-tabs button:focus-visible,html[data-theme="dark"] .chat-tabs button.is-active{color:#fff;background:var(--chat-gradient);border-color:transparent}html[data-theme="dark"] .chat-private-actions button:hover{background:#172140;color:var(--chat-cyan)}
html[data-theme="dark"] .chat-header-actions button,html[data-theme="dark"] .chat-private-back{background:#151e38;color:var(--chat-muted)}html[data-theme="dark"] .chat-header-actions button:hover,html[data-theme="dark"] .chat-header-actions button:focus-visible,html[data-theme="dark"] .chat-private-back:hover{background:#202b4c;color:var(--chat-cyan)}
html[data-theme="dark"] .chat-message{background:#10182c;border-color:var(--chat-border);box-shadow:0 7px 20px rgba(0,0,0,.22)}html[data-theme="dark"] .chat-message:hover{box-shadow:0 10px 28px rgba(0,0,0,.3)}html[data-theme="dark"] .chat-message.is-own{background:linear-gradient(135deg,#1a2042,#102d42);border-color:rgba(101,165,255,.3)}html[data-theme="dark"] .chat-message b,html[data-theme="dark"] .chat-message p{color:var(--chat-text)}html[data-theme="dark"] .chat-message img{background:#18213b}
html[data-theme="dark"] .chat-composer textarea,html[data-theme="dark"] .chat-private-composer textarea,html[data-theme="dark"] .chat-member-search input{background:#0a1124!important;color:var(--chat-text)!important;border-color:var(--chat-border)!important;caret-color:var(--chat-cyan)}html[data-theme="dark"] .chat-composer textarea::placeholder,html[data-theme="dark"] .chat-private-composer textarea::placeholder,html[data-theme="dark"] .chat-member-search input::placeholder{color:#7783a8;opacity:1}html[data-theme="dark"] .chat-composer textarea:focus,html[data-theme="dark"] .chat-private-composer textarea:focus,html[data-theme="dark"] .chat-member-search input:focus{border-color:var(--chat-blue)!important;box-shadow:0 0 0 3px rgba(101,165,255,.16)}
html[data-theme="dark"] .chat-emoji-picker,html[data-theme="dark"] .chat-emoji-picker:not([hidden]){background:rgba(13,20,40,.98)!important;border-color:var(--chat-border)!important;box-shadow:0 20px 60px rgba(0,0,0,.55)}html[data-theme="dark"] .chat-emoji-picker button:hover{background:#1b2645!important}html[data-theme="dark"] .chat-emoji-picker .emoji-close{background:#18213c!important;color:var(--chat-muted)!important}
html[data-theme="dark"] .chat-member-modal{background:rgba(2,5,14,.72)}html[data-theme="dark"] .chat-member-dialog{background:#0b1225;color:var(--chat-text);border:1px solid var(--chat-border);box-shadow:0 28px 100px rgba(0,0,0,.68)}html[data-theme="dark"] .chat-member-dialog>header{background:var(--chat-surface);border-color:var(--chat-border)}html[data-theme="dark"] .chat-member-dialog>header button{background:#18213b;color:var(--chat-muted)}html[data-theme="dark"] .chat-member-dialog>header button:hover{background:#222e50;color:#fff}html[data-theme="dark"] .chat-member-results{background:#0b1225}html[data-theme="dark"] .chat-member-row,html[data-theme="dark"] .chat-conversation-row{color:var(--chat-text)}html[data-theme="dark"] .chat-member-row:hover,html[data-theme="dark"] .chat-conversation-row:hover,html[data-theme="dark"] .chat-conversation-row.is-active{background:#17213d}html[data-theme="dark"] .chat-member-row small,html[data-theme="dark"] .chat-conversation-row small{color:var(--chat-muted)}
html[data-theme="dark"] .chat-private-message{background:#121a30;color:var(--chat-text);border-color:var(--chat-border)}html[data-theme="dark"] .chat-private-message.is-own{background:linear-gradient(135deg,#24234c,#12354a);border-color:rgba(77,224,255,.2)}html[data-theme="dark"] .chat-private-message p{color:var(--chat-text)}html[data-theme="dark"] .chat-private-image{background:#171f37}html[data-theme="dark"] .chat-private-file{color:var(--chat-cyan)}html[data-theme="dark"] .chat-private-empty,html[data-theme="dark"] .chat-private-placeholder,html[data-theme="dark"] .chat-channel-note,html[data-theme="dark"] .chat-empty,html[data-theme="dark"] .chat-error{color:var(--chat-muted)}html[data-theme="dark"] .chat-avatar-fallback{box-shadow:0 0 0 2px #0d1428}
html[data-theme="dark"] .chat-panel *::-webkit-scrollbar-thumb,html[data-theme="dark"] .chat-member-results::-webkit-scrollbar-thumb{background:#344263}html[data-theme="dark"] .chat-panel *{scrollbar-color:#344263 transparent}html[data-theme="dark"] .chat-panel ::selection,html[data-theme="dark"] .chat-member-modal ::selection{background:rgba(139,124,255,.48);color:#fff}html[data-theme="dark"] .chat-typing{color:var(--chat-muted)}
.page-loader{--loader-progress:0%;position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--bg);color:var(--text);isolation:isolate;transition:visibility 0s linear .85s}.page-loader-content{position:relative;z-index:4;width:min(330px,calc(100vw - 48px));display:grid;justify-items:center;text-align:center;transition:opacity .28s ease,transform .65s cubic-bezier(.22,.85,.24,1),filter .5s ease}.page-loader-aurora{position:absolute;z-index:0;inset:-20%;filter:blur(70px);opacity:.65}.page-loader-aurora i{position:absolute;width:42vw;height:42vw;min-width:280px;min-height:280px;border-radius:50%;animation:loader-aurora 7s ease-in-out infinite alternate}.page-loader-aurora i:nth-child(1){top:3%;left:5%;background:color-mix(in srgb,var(--primary) 28%,transparent)}.page-loader-aurora i:nth-child(2){right:1%;bottom:0;background:color-mix(in srgb,var(--primary-2) 25%,transparent);animation-delay:-2.2s}.page-loader-aurora i:nth-child(3){left:37%;top:38%;background:color-mix(in srgb,var(--accent) 14%,transparent);animation-delay:-4.3s}.page-loader-orbit{position:relative;width:112px;height:112px;margin-bottom:1.25rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 17%,transparent);border-radius:50%;box-shadow:0 0 50px color-mix(in srgb,var(--primary) 16%,transparent),inset 0 0 28px color-mix(in srgb,var(--primary-2) 8%,transparent);animation:loader-breathe 2.1s ease-in-out infinite}.page-loader-core{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:25px;box-shadow:0 14px 35px color-mix(in srgb,var(--primary) 34%,transparent);animation:loader-core 2.4s ease-in-out infinite}.page-loader-orbit i{position:absolute;inset:4px;border-radius:50%;border-top:2px solid var(--primary);animation:loader-spin 2.4s linear infinite}.page-loader-orbit i:nth-of-type(2){inset:14px;border-top-color:transparent;border-right:1px solid var(--primary-2);animation-duration:1.8s;animation-direction:reverse}.page-loader-orbit i:nth-of-type(3){inset:-8px;border:0}.page-loader-orbit i:nth-of-type(3)::after{content:"";position:absolute;top:9px;left:18px;width:7px;height:7px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 14px var(--primary-2);animation:loader-spin 3.2s linear infinite;transform-origin:45px 45px}.page-loader-brand{display:flex;align-items:baseline;letter-spacing:-.045em}.page-loader-brand strong{font-size:clamp(2rem,8vw,2.65rem);font-weight:900}.page-loader-brand span{color:var(--primary);font-size:1rem;font-weight:800}.page-loader-content p{margin:.3rem 0 1.35rem;color:var(--text-muted);font-size:.87rem;letter-spacing:.02em}.page-loader-track{position:relative;width:100%;height:5px;overflow:visible;border-radius:99px;background:color-mix(in srgb,var(--text-muted) 13%,transparent)}.page-loader-track span{position:absolute;inset:0 auto 0 0;width:var(--loader-progress);border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 16px color-mix(in srgb,var(--primary-2) 50%,transparent);transition:width .28s ease}.page-loader-track b{position:absolute;top:50%;left:var(--loader-progress);width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 24%,transparent),0 0 18px var(--primary-2);transform:translate(-50%,-50%);transition:left .28s ease}.page-loader-percent{margin-top:.65rem;color:var(--text-muted);font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}.page-loader-curtain{position:absolute;z-index:3;top:0;bottom:0;width:50.1%;background:color-mix(in srgb,var(--bg) 92%,var(--primary) 8%);transition:transform .78s cubic-bezier(.7,0,.2,1) .12s}.page-loader-curtain-left{left:0;transform-origin:left}.page-loader-curtain-right{right:0;transform-origin:right}.page-loader.is-complete .page-loader-content{opacity:0;filter:blur(8px);transform:scale(.82)}.page-loader.is-complete .page-loader-curtain-left{transform:translateX(-101%)}.page-loader.is-complete .page-loader-curtain-right{transform:translateX(101%)}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-breathe{50%{transform:scale(1.055);box-shadow:0 0 75px color-mix(in srgb,var(--primary) 23%,transparent),inset 0 0 35px color-mix(in srgb,var(--primary-2) 12%,transparent)}}@keyframes loader-core{50%{transform:rotate(8deg) scale(1.06);border-radius:50%}}@keyframes loader-aurora{to{transform:translate3d(8vw,-5vh,0) scale(1.18)}}html[data-theme="dark"] .page-loader{background:#050816}html[data-theme="dark"] .page-loader-curtain{background:linear-gradient(135deg,#070b1b,#0d1428)}@media(prefers-reduced-motion:reduce){.page-loader *{animation:none!important}.page-loader-curtain{transition-duration:.2s}.page-loader-content{transition-duration:.15s}}

.chat-messages > article.chat-message p {
    margin: 0 !important;
}