: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); }
.notifications-page{--notification-info:#5577f6;--notification-positive:#1aad6b;--notification-attention:#e34d65}.notifications-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;overflow:hidden;margin-bottom:1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface-strong)),color-mix(in srgb,var(--primary-2) 5%,var(--surface-strong)));box-shadow:var(--shadow-sm)}.notifications-hero::after{content:"";position:absolute;right:-4rem;top:-6rem;width:15rem;height:15rem;border-radius:50%;background:color-mix(in srgb,var(--primary-2) 11%,transparent);filter:blur(8px);pointer-events:none}.notifications-hero>div{position:relative;z-index:1}.notifications-kicker{display:block;margin-bottom:.35rem;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.notifications-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.notifications-hero p{max-width:42rem;margin:.55rem 0 0;color:var(--text-muted);line-height:1.55}.notifications-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.notifications-summary{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:.55rem .8rem;border:1px solid var(--border);border-radius:12px;color:var(--text-muted);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);font-size:.78rem;font-weight:800;white-space:nowrap}.notifications-summary i{width:.5rem;height:.5rem;border-radius:50%;background:var(--notification-positive);box-shadow:0 0 0 4px color-mix(in srgb,var(--notification-positive) 13%,transparent)}.notifications-summary.has-unread i{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.notifications-list{display:grid;gap:.7rem}.notifications-list .notification{--notification-tone:var(--notification-info);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;overflow:hidden;margin:0;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--notification-tone) 34%,var(--border));border-left:4px solid var(--notification-tone);border-radius:16px;color:var(--text);background:linear-gradient(100deg,color-mix(in srgb,var(--notification-tone) 6%,var(--surface-strong)),var(--surface-strong) 46%);box-shadow:0 7px 24px color-mix(in srgb,var(--notification-tone) 6%,transparent);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.notifications-list .notification--positive{--notification-tone:var(--notification-positive)}.notifications-list .notification--attention{--notification-tone:var(--notification-attention)}.notifications-list .notification:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--notification-tone) 58%,var(--border));box-shadow:0 13px 34px color-mix(in srgb,var(--notification-tone) 12%,transparent)}.notifications-list .notification.unread{border-left-color:var(--notification-tone)}.notification-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:13px;color:var(--notification-tone);background:color-mix(in srgb,var(--notification-tone) 12%,var(--surface-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--notification-tone) 15%,transparent)}.notification-icon svg,.notification-open svg,.notifications-empty svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notification-content{min-width:0;display:grid;gap:.25rem}.notification-meta{display:flex;align-items:center;gap:.45rem}.notification-category{color:var(--notification-tone);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notification-new{padding:.16rem .42rem;border-radius:99px;color:#fff;background:var(--notification-tone);font-size:.61rem;font-weight:900;letter-spacing:.04em}.notification-content>strong{font-size:1rem;line-height:1.35}.notification-message{color:var(--text-muted);font-size:.87rem;line-height:1.5}.notification-time{margin-top:.08rem;color:var(--text-muted);font-size:.72rem;font-weight:650}.notification-open{display:flex;align-items:center;gap:.25rem;color:var(--notification-tone);font-size:.72rem;font-weight:850;white-space:nowrap}.notification-open svg{width:1rem;height:1rem;transition:transform 180ms ease}.notification:hover .notification-open svg{transform:translateX(3px)}.notifications-empty{display:grid;justify-items:center;min-height:18rem;place-content:center;padding:2rem;border:1px dashed color-mix(in srgb,var(--notification-positive) 35%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--notification-positive) 4%,var(--surface));text-align:center}.notifications-empty>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.8rem;border-radius:17px;color:var(--notification-positive);background:color-mix(in srgb,var(--notification-positive) 12%,var(--surface-strong))}.notifications-empty strong{font-size:1.15rem}.notifications-empty p{margin:.25rem 0 0;color:var(--text-muted)}html[data-theme="dark"] .notifications-hero,html[data-theme="dark"] .notifications-list .notification{box-shadow:0 12px 36px rgba(0,0,0,.18)}html[data-theme="dark"] .notifications-summary{background:color-mix(in srgb,var(--surface-strong) 90%,transparent)}@media(max-width:720px){.notifications-hero{align-items:stretch;flex-direction:column;gap:1.1rem;border-radius:20px}.notifications-hero-actions{justify-content:flex-start}.notifications-list .notification{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:.9rem}.notification-icon{width:2.65rem;height:2.65rem;border-radius:12px}.notification-open{grid-column:2}.notification-open span{display:none}}@media(prefers-reduced-motion:reduce){.notifications-list .notification,.notification-open svg{transition:none}}
.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 { margin-top:3rem; padding:3.5rem 0 1.35rem; color:var(--text-muted); background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 88%,var(--primary) 12%),color-mix(in srgb,var(--surface-muted) 82%,var(--primary-2) 18%)); border-top:1px solid color-mix(in srgb,var(--border) 88%,var(--primary)); }
.footer-inner { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(130px,1fr)); gap:2rem; }
.footer-brand { max-width:360px; }.footer-logo { display:inline-flex; align-items:center; gap:.5rem; color:var(--text); font-size:1.1rem; font-weight:850; }.footer-logo span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }.footer-brand p { margin:.8rem 0 1.1rem; font-size:.92rem; }
.footer-column { display:grid; align-content:start; gap:.58rem; }.footer-column h2 { margin:0 0 .22rem; color:var(--text); font-size:.87rem; letter-spacing:.04em; text-transform:uppercase; }.footer-column a { width:max-content; max-width:100%; color:var(--text-muted); font-size:.92rem; transition:color .18s ease,transform .18s ease; }.footer-column a:hover,.footer-column a:focus-visible { color:var(--text); transform:translateX(3px); }.footer-contact a { display:flex; align-items:center; gap:.48rem; }.footer-contact a span { color:var(--primary); }.footer-contact p { margin:.35rem 0 0; font-size:.82rem; }
.footer-socials { display:flex; flex-wrap:wrap; gap:.55rem; }.footer-socials a { display:grid; place-items:center; width:2.25rem; height:2.25rem; border:1px solid var(--border); border-radius:50%; color:var(--text); background:color-mix(in srgb,var(--surface-strong) 68%,transparent); font-weight:800; transition:transform .18s ease,border-color .18s ease,background .18s ease; }.footer-socials a:hover,.footer-socials a:focus-visible { transform:translateY(-3px); border-color:var(--primary); background:linear-gradient(135deg,var(--primary),var(--primary-2)); color:#fff; }.footer-socials a:nth-child(3) span { font-size:.82rem; }
.footer-bottom { display:flex; justify-content:space-between; gap:.75rem; margin-top:2.5rem; padding-top:1.15rem; border-top:1px solid var(--border); font-size:.8rem; }
@media (max-width:860px) { .footer-inner { grid-template-columns:repeat(2,minmax(0,1fr)); } .footer-brand { grid-column:1/-1; } }
@media (max-width:560px) { .footer { margin-top:2rem; padding-top:2.4rem; } .footer-inner { grid-template-columns:1fr; gap:1.45rem; } .footer-brand { grid-column:auto; } .footer-bottom { flex-direction:column; margin-top:1.8rem; } }
.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-archive-button { display:flex; align-items:center; gap:.85rem; width:100%; min-height:4.75rem; margin:-.25rem 0 1.25rem; padding:.85rem 1rem; border:1px solid var(--border); border-radius:12px; color:var(--text); background:var(--surface); box-shadow:var(--shadow-sm); text-align:left; transition:180ms ease; }.forum-archive-button:hover { border-color:color-mix(in srgb,var(--primary) 42%,var(--border)); background:color-mix(in srgb,var(--primary) 3%,var(--surface)); }.forum-archive-button.is-active { border-color:color-mix(in srgb,var(--primary) 30%,var(--border)); background:color-mix(in srgb,var(--primary) 5%,var(--surface)); }.forum-archive-icon { display:grid; place-items:center; flex:0 0 2.35rem; width:2.35rem; height:2.35rem; border-radius:9px; color:var(--primary); background:color-mix(in srgb,var(--primary) 10%,var(--surface)); font-size:1.05rem; }.forum-archive-copy { display:grid; min-width:0; gap:.12rem; }.forum-archive-copy>strong { font-size:1rem; line-height:1.25; }.forum-archive-copy>small { color:var(--text-muted); font-size:.78rem; font-weight:500; }.forum-archive-stats { display:flex; flex-wrap:wrap; gap:.25rem 1rem; margin-top:.28rem; color:var(--text-muted); font-size:.75rem; font-weight:500; }.forum-archive-stats b { color:var(--text); font-weight:750; }.forum-archive-arrow { margin-left:auto; color:var(--text-muted); font-size:1.55rem; line-height:1; }
.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); }
.forum-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:.45rem; margin-top:1rem; }.forum-pagination a { display:grid; place-items:center; min-width:2.5rem; height:2.5rem; padding:0 .65rem; border:1px solid var(--border); border-radius:12px; color:var(--text-muted); background:var(--surface); font-weight:750; box-shadow:var(--shadow-sm); }.forum-pagination a:hover,.forum-pagination a.is-active { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.company-complaint-field{position:relative;display:grid;gap:.45rem;padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.company-complaint-field[hidden]{display:none}.company-search-results{position:absolute;z-index:12;top:calc(100% - .7rem);left:1rem;right:1rem;max-height:280px;overflow:auto;padding:.4rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong);box-shadow:var(--shadow-md)}.company-search-results[hidden]{display:none}.company-search-results button{width:100%;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.65rem;border:0;border-radius:11px;color:var(--text);background:transparent;text-align:left}.company-search-results button:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)}.company-search-results img,.company-search-results button>span{width:2.4rem;height:2.4rem;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800}.company-search-results b,.company-search-results small{display:block}.company-search-results small,.company-search-results em,.company-search-results p{color:var(--text-muted);font-size:.75rem}.company-search-results em{font-style:normal}.reply.is-company-response{border:1px solid color-mix(in srgb,var(--primary) 52%,var(--border));border-left:5px solid var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--primary-2) 9%,var(--surface)));box-shadow:0 14px 35px color-mix(in srgb,var(--primary) 16%,transparent)}.replies-section>.reply.is-company-response>p:first-child{font-size:1.08rem;line-height:1.65;font-weight:600}.company-response-label{display:inline-flex;margin-bottom:.65rem;padding:.32rem .6rem;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-size:.72rem;font-weight:800}.complaint-owner-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.complaint-owner-actions form{margin:0}.company-topic-hub{margin-top:1.4rem}.company-topic-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.company-topic-tabs button{border:1px solid var(--border);border-radius:11px;padding:.65rem .85rem;color:var(--text-muted);background:var(--surface);font-weight:750}.company-topic-tabs button.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.company-topic-panel{display:grid;gap:.65rem}.company-topic-panel[hidden]{display:none}.company-topic-card{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.company-topic-card small{color:var(--text-muted)}
.topic-create-form label{position:relative}.custom-select{position:relative;width:100%;margin-top:.45rem}.custom-select-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.custom-select-trigger{width:100%;min-height:3.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem 1rem;border:1px solid var(--border);border-radius:14px;color:var(--text);background:color-mix(in srgb,var(--surface-strong) 96%,var(--primary) 4%);box-shadow:0 4px 14px color-mix(in srgb,var(--text) 5%,transparent);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--surface-strong) 92%,var(--primary) 8%)}.custom-select-trigger:focus-visible,.custom-select-trigger[aria-expanded="true"]{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.custom-select-trigger i{width:.55rem;height:.55rem;flex:0 0 auto;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.custom-select-trigger[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}.custom-select-menu{position:absolute;z-index:30;top:calc(100% + .4rem);left:0;right:0;max-height:260px;overflow:auto;padding:.42rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 98%,transparent);box-shadow:0 18px 50px color-mix(in srgb,var(--text) 16%,transparent);backdrop-filter:blur(16px)}.custom-select-menu[hidden]{display:none}.custom-select-menu button{position:relative;width:100%;display:flex;align-items:center;min-height:2.65rem;padding:.65rem .8rem;border:0;border-radius:10px;color:var(--text-muted);background:transparent;font:inherit;text-align:left;cursor:pointer}.custom-select-menu button:hover,.custom-select-menu button:focus-visible{outline:0;color:var(--text);background:color-mix(in srgb,var(--primary) 10%,transparent)}.custom-select-menu button.is-selected{padding-right:2.3rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);font-weight:800}.custom-select-menu button.is-selected::after{position:absolute;right:.85rem;content:"✓";color:var(--primary);font-weight:900}html[data-theme="dark"] .custom-select-trigger{border-color:color-mix(in srgb,var(--border) 86%,#fff 14%);background:#0d1428;color:var(--chat-text);box-shadow:0 6px 18px rgba(0,0,0,.2)}html[data-theme="dark"] .custom-select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:#111a32}html[data-theme="dark"] .custom-select-menu{border-color:var(--chat-border);background:rgba(13,20,40,.98);box-shadow:0 20px 55px rgba(0,0,0,.48)}html[data-theme="dark"] .custom-select-menu button{color:var(--chat-muted)}html[data-theme="dark"] .custom-select-menu button:hover,html[data-theme="dark"] .custom-select-menu button:focus-visible{color:var(--chat-text);background:#17213d}html[data-theme="dark"] .custom-select-menu button.is-selected{color:var(--primary-2);background:color-mix(in srgb,var(--primary) 18%,transparent)}
@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}

/* Refined public chat experience */
.chat-panel { border-radius:20px!important; box-shadow:0 28px 90px rgba(38,48,92,.2),0 4px 18px rgba(38,48,92,.08)!important; transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .25s ease!important; }
.chat-panel-header { min-height:108px; padding:19px 20px 17px; background:linear-gradient(180deg,#fff 0%,#fcfdff 100%); }
.chat-panel-header h2 { font-size:1.38rem; line-height:1.15; letter-spacing:-.035em; }
.chat-panel-header p { display:flex; align-items:center; gap:.28rem; margin-top:.65rem; font-size:.76rem; }
.chat-online-dot { width:7px; height:7px; margin-right:.35rem; box-shadow:0 0 0 4px rgba(34,197,94,.1); animation:chat-online-pulse 2.4s ease-in-out infinite; }
.chat-header-actions button { width:36px; height:36px; font-size:18px; transition:transform .22s ease,background .22s ease,color .22s ease; }
.chat-header-actions button:hover { transform:rotate(6deg) scale(1.04); }

.chat-tabs { gap:5px; padding:9px 12px; background:#fff; }
.chat-tabs button { position:relative; height:32px; border-color:rgba(94,108,180,.12); border-radius:9px; background:#f8f9fd; color:#7b849f; font-size:.76rem; font-weight:700; letter-spacing:.005em; box-shadow:inset 0 1px 0 rgba(255,255,255,.75); transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.chat-tabs button:hover,.chat-tabs button:focus-visible { color:var(--chat-purple); border-color:rgba(98,103,245,.25); background:#f4f4ff; transform:translateY(-1px); box-shadow:0 5px 14px rgba(98,103,245,.1); }
.chat-tabs button.is-active { color:#fff; background:var(--chat-gradient); border-color:transparent; box-shadow:0 7px 18px rgba(65,129,239,.23); transform:none; }
.chat-tabs button.is-active::after { position:absolute; right:9px; bottom:5px; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.8); content:""; }
.chat-channel-note { padding:2px 16px 9px; border-bottom:1px solid rgba(94,108,180,.08); font-size:.68rem; line-height:1.35; }

.chat-messages { position:relative; padding:14px 12px 18px; background:linear-gradient(180deg,#f8f9fd 0%,#f5f7fc 100%); scroll-behavior:smooth; }
.chat-message { gap:9px; margin:6px 0; padding:10px 11px; border-color:rgba(94,108,180,.1); border-radius:15px; box-shadow:0 3px 12px rgba(52,65,122,.045); transform-origin:50% 100%; }
.chat-messages>.chat-message { width:fit-content; max-width:88%; margin-right:auto; border-radius:16px 16px 16px 5px; }
.chat-messages>.chat-message.is-own { margin-right:0; margin-left:auto; border-radius:16px 16px 5px 16px; }
.chat-messages>.chat-message>div { flex:0 1 auto; max-width:calc(100% - 43px); }
.chat-message:hover { transform:translateY(-1px); border-color:rgba(98,103,245,.19); box-shadow:0 8px 22px rgba(52,65,122,.08); }
.chat-message.is-own { border-color:rgba(98,103,245,.16); background:linear-gradient(135deg,#f0f2ff 0%,#ebfaff 100%); }
.chat-message img,.chat-avatar-fallback { width:34px; height:34px; flex-basis:34px; }
.chat-message b { font-size:.76rem; }
.chat-message p { margin-top:3px; font-size:.84rem; line-height:1.42; }
.chat-message time { margin-top:2px; font-size:.66rem; }
.chat-message.is-entering,.chat-private-message.is-entering { animation:chat-message-rise .52s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--chat-entry-delay,0ms); }
.chat-initial-loader { position:absolute; z-index:2; inset:0; display:flex; align-items:center; justify-content:center; gap:6px; color:var(--chat-purple); background:linear-gradient(180deg,#f8f9fd 0%,#f5f7fc 100%); }
.chat-initial-loader span { width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 5px 14px rgba(98,103,245,.18); animation:chat-initial-bounce .75s ease-in-out infinite alternate; }
.chat-initial-loader span:nth-child(2) { animation-delay:.14s; }
.chat-initial-loader span:nth-child(3) { animation-delay:.28s; }
.chat-load-more { display:grid; place-items:center; width:34px; height:34px; margin:1px auto 12px; padding:0; border:1px solid rgba(98,103,245,.2); border-radius:50%; color:var(--chat-purple); background:#fff; box-shadow:0 6px 18px rgba(61,72,125,.1); cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.chat-load-more[hidden] { display:none!important; }
.chat-load-more span { font-size:1.35rem; font-weight:400; line-height:1; transform:translateY(-1px); transition:transform .22s ease; }
.chat-load-more:hover { border-color:rgba(98,103,245,.4); background:#f5f5ff; box-shadow:0 9px 22px rgba(61,72,125,.15); transform:translateY(-2px); }
.chat-load-more:hover span { transform:translateY(-1px) rotate(90deg); }
.chat-load-more.is-loading { pointer-events:none; animation:chat-load-more-spin .7s linear infinite; }

.chat-composer { gap:7px; padding:11px 12px 12px; background:rgba(255,255,255,.98); box-shadow:0 -8px 24px rgba(61,72,125,.035); }
.chat-composer textarea { height:40px; min-height:40px; border-color:rgba(94,108,180,.16); border-radius:12px; padding:9px 12px; font-size:.86rem; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.chat-composer textarea:hover { border-color:rgba(98,103,245,.27); }
.chat-composer textarea:focus { border-color:rgba(98,103,245,.62); background:#fff; box-shadow:0 0 0 3px rgba(98,103,245,.11); }
.chat-emoji-wrap>button,.chat-send { width:40px; height:40px; min-width:40px; border-radius:12px; }
.chat-emoji-wrap>button { border:1px solid rgba(98,103,245,.13)!important; color:inherit!important; background:#f3f5ff!important; font-size:18px!important; box-shadow:none; }
.chat-emoji-wrap>button:hover { border-color:rgba(98,103,245,.25)!important; background:#ebefff!important; transform:translateY(-2px) rotate(-5deg); box-shadow:0 7px 16px rgba(98,103,245,.14); }
.chat-send { position:relative; overflow:hidden; background:var(--chat-gradient); box-shadow:0 7px 17px rgba(65,129,239,.22); }
.chat-send::before { position:absolute; inset:0; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 70%); content:""; transform:translateX(-130%); transition:transform .48s ease; }
.chat-send:hover::before { transform:translateX(130%); }
.chat-send:hover { transform:translateY(-2px) scale(1.02); box-shadow:0 10px 23px rgba(65,129,239,.31); }
.chat-send svg { position:relative; z-index:1; width:18px; transition:transform .24s cubic-bezier(.22,1,.36,1); }
.chat-send:hover svg { transform:translate(2px,-2px) rotate(-3deg); }
.chat-composer.is-sending .chat-send svg { animation:chat-send-flight .58s ease both; }

.chat-emoji-picker:not([hidden]) { height:52px!important; max-height:52px!important; padding:7px 8px!important; border:1px solid rgba(94,108,180,.13)!important; border-radius:12px!important; box-shadow:0 16px 40px rgba(50,61,112,.16)!important; animation:chat-picker-in .22s cubic-bezier(.22,1,.36,1) both; }
.chat-emoji-picker button:not(.emoji-close) { border-radius:8px!important; font-size:19px!important; transition:background .16s ease,transform .16s ease!important; }
.chat-emoji-picker button:not(.emoji-close):hover { background:#f0f2ff!important; transform:translateY(-2px) scale(1.1)!important; }
.chat-emoji-picker .emoji-close { align-self:center; border-radius:8px!important; font-size:17px!important; }

@keyframes chat-message-rise { 0% { opacity:0; transform:translateY(28px) scale(.96); filter:blur(2px); } 62% { opacity:1; transform:translateY(-2px) scale(1.005); filter:blur(0); } 100% { opacity:1; transform:none; filter:blur(0); } }
@keyframes chat-picker-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes chat-send-flight { 0% { transform:none; opacity:1; } 48% { transform:translate(13px,-13px) rotate(-8deg); opacity:0; } 49% { transform:translate(-9px,9px); } 100% { transform:none; opacity:1; } }
@keyframes chat-online-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(34,197,94,.08); } 50% { box-shadow:0 0 0 6px rgba(34,197,94,.02); } }
@keyframes chat-initial-bounce { from { opacity:.28; transform:translateY(4px) scale(.82); } to { opacity:1; transform:translateY(-4px) scale(1); } }
@keyframes chat-load-more-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .chat-panel,.chat-panel * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width:600px) { .chat-panel-header { min-height:102px; padding:17px 18px 15px; }.chat-panel-header h2 { font-size:1.28rem; }.chat-tabs { padding:8px 10px; }.chat-tabs button { height:31px; font-size:.73rem; }.chat-messages { padding:12px 10px 16px; }.chat-messages>.chat-message { max-width:92%; }.chat-composer { padding:10px; } }
.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)}
html[data-theme="dark"] .chat-panel-header{border-bottom-color:#1b2643!important}
html[data-theme="dark"] .chat-tabs{border-top:0!important;border-bottom-color:#1b2643!important}
html[data-theme="dark"] .chat-tabs button{box-shadow:inset 0 1px 0 rgba(151,165,210,.04)}
html[data-theme="dark"] .chat-tabs button.is-active{box-shadow:0 7px 18px rgba(65,129,239,.2)}
html[data-theme="dark"] .chat-emoji-wrap>button{border-color:#283552!important;background:#151e38!important;color:var(--chat-text)!important;box-shadow:none!important}
html[data-theme="dark"] .chat-emoji-wrap>button:hover{border-color:#3a4b72!important;background:#1d2948!important;box-shadow:0 7px 16px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .chat-initial-loader{color:var(--chat-cyan);background:var(--chat-bg)}
html[data-theme="dark"] .chat-load-more{border-color:var(--chat-border);color:var(--chat-cyan);background:#111a32;box-shadow:0 7px 20px rgba(0,0,0,.25)}
html[data-theme="dark"] .chat-load-more:hover{border-color:#405278;background:#182441;box-shadow:0 10px 25px rgba(0,0,0,.34)}
.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;
}

.chat-jump-bottom { position:absolute; z-index:8; left:50%; bottom:72px; display:inline-flex; align-items:center; gap:.3rem; max-width:calc(100% - 2rem); padding:.43rem .7rem; border:1px solid color-mix(in srgb,var(--chat-blue) 20%,var(--chat-border)); border-radius:999px; color:var(--chat-purple); background:color-mix(in srgb,var(--chat-surface) 94%,transparent); box-shadow:0 .55rem 1.5rem rgba(43,55,112,.16); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); font-size:.7rem; font-weight:800; line-height:1; cursor:pointer; transform:translate(-50%,0); animation:chat-jump-in .3s cubic-bezier(.2,.85,.2,1) both; }
.chat-jump-bottom[hidden] { display:none!important; }
.chat-jump-bottom svg { width:.9rem; height:.9rem; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.chat-jump-bottom:hover { color:#fff; border-color:transparent; background:var(--chat-gradient); box-shadow:0 .7rem 1.7rem color-mix(in srgb,var(--chat-blue) 25%,transparent); }
@keyframes chat-jump-in { from { opacity:0; transform:translate(-50%,12px) scale(.96); } to { opacity:1; transform:translate(-50%,0) scale(1); } }
html[data-theme="dark"] .chat-jump-bottom { color:#cbd5ff; border-color:#344263; background:rgba(15,24,47,.94); box-shadow:0 .7rem 1.7rem rgba(0,0,0,.35); }
html[data-theme="dark"] .chat-jump-bottom:hover { color:#fff; border-color:transparent; background:var(--chat-gradient); }
@media(max-width:600px){.chat-jump-bottom{bottom:68px;font-size:.68rem;padding:.42rem .65rem}}
@media(prefers-reduced-motion:reduce){.chat-jump-bottom{animation:none}.chat-messages{scroll-behavior:auto!important}}
.custom-select-trigger.is-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 16%,transparent)!important}
.custom-select-menu:not([hidden]){display:grid;gap:.32rem}.custom-select-menu button{border:1px solid transparent}.custom-select-menu button+button{margin-top:.05rem}.custom-select-menu button:hover,.custom-select-menu button:focus-visible{border-color:color-mix(in srgb,var(--primary) 16%,var(--border))}.custom-select-menu button.is-selected{border-color:color-mix(in srgb,var(--primary) 20%,transparent)}
.company-search-empty{display:flex;align-items:center;justify-content:center;gap:.85rem;min-height:5.4rem;padding:1rem;border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),color-mix(in srgb,var(--primary-2) 4%,var(--surface)));text-align:left}.company-search-empty>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;border-radius:11px;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));font-size:1.35rem;font-weight:800}.company-search-empty div{display:grid;gap:.15rem}.company-search-empty strong{font-size:.88rem}.company-search-empty small{color:var(--text-muted);font-size:.74rem;line-height:1.35}html[data-theme="dark"] .company-search-empty{border-color:color-mix(in srgb,var(--primary) 28%,var(--chat-border));background:linear-gradient(135deg,#10182c,#0e182d)}html[data-theme="dark"] .company-search-empty>span{color:var(--primary-2);background:#192342}html[data-theme="dark"] .custom-select-menu button{border-color:rgba(151,165,210,.06)}html[data-theme="dark"] .custom-select-menu button:hover,html[data-theme="dark"] .custom-select-menu button:focus-visible{border-color:rgba(139,124,255,.22)}
.company-topic-tabs.reply-filter-group{width:max-content;max-width:100%;margin:0 0 1rem;gap:.25rem;padding:.28rem;border-radius:999px;flex-wrap:nowrap;overflow-x:auto}.company-topic-tabs .reply-filter{flex:0 0 auto;min-height:2.3rem;padding:.45rem .78rem;border:0;border-radius:999px;color:var(--text-muted);background:transparent;box-shadow:none;font-size:.84rem;font-weight:800}.company-topic-tabs .reply-filter:hover{color:var(--text);border:0;background:color-mix(in srgb,var(--primary) 12%,transparent)}.company-topic-tabs .reply-filter.is-active{color:#fff;border:0;background:transparent;box-shadow:none}.company-topic-tabs .reply-filter b{margin-left:.28rem;color:inherit}@media(max-width:720px){.company-topic-tabs.reply-filter-group{width:100%}.company-topic-tabs .reply-filter{flex:1 0 max-content}}
.notification-clear-backdrop{z-index:260;background:rgba(4,8,20,.58);backdrop-filter:blur(7px)}.notification-clear-dialog{position:relative;width:min(100%,430px);padding:1.45rem;border:1px solid color-mix(in srgb,var(--notification-attention,#e34d65) 22%,var(--border));border-radius:20px;background:var(--surface-strong);box-shadow:0 28px 80px rgba(5,8,22,.3);transform:translateY(14px) scale(.96);transition:transform .22s cubic-bezier(.2,.82,.2,1)}.notification-clear-backdrop.is-visible .notification-clear-dialog{transform:translateY(0) scale(1)}.notification-clear-close{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:2.15rem;height:2.15rem;border:0;border-radius:10px;color:var(--text-muted);background:var(--surface-muted);font-size:1.25rem;cursor:pointer;transition:color 160ms ease,background 160ms ease,transform 160ms ease}.notification-clear-close:hover{color:var(--text);background:color-mix(in srgb,var(--notification-attention,#e34d65) 10%,var(--surface-muted));transform:rotate(4deg)}.notification-clear-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;margin-bottom:1rem;border-radius:14px;color:var(--notification-attention,#e34d65);background:color-mix(in srgb,var(--notification-attention,#e34d65) 11%,var(--surface-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--notification-attention,#e34d65) 16%,transparent)}.notification-clear-icon svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-clear-dialog h2{margin:0;padding-right:2rem;font-size:1.3rem;letter-spacing:-.025em}.notification-clear-dialog>p{margin:.55rem 0 1.25rem;color:var(--text-muted);font-size:.88rem;line-height:1.55}.notification-clear-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.notification-clear-actions .btn{justify-content:center;min-height:2.8rem;border-radius:12px}.notification-clear-cancel{border:1px solid var(--border);color:var(--text);background:var(--surface-muted)}.notification-clear-confirm{position:relative;overflow:hidden;border:1px solid transparent;color:#fff;background:linear-gradient(135deg,#ef476f,#dc354f);box-shadow:0 8px 20px color-mix(in srgb,#dc354f 20%,transparent)}.notification-clear-confirm i{display:none;position:absolute;inset:50% auto auto 50%;width:17px;height:17px;margin:-8.5px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:loader-spin .65s linear infinite}.notification-clear-confirm.is-loading span{visibility:hidden}.notification-clear-confirm.is-loading i{display:block}.notification-clear-confirm:disabled,.notification-clear-close:disabled{cursor:wait}.notification-clear-error{margin:.6rem 0!important;padding:.65rem .75rem;border:1px solid color-mix(in srgb,#ef476f 30%,var(--border));border-radius:10px;color:#d93654!important;background:color-mix(in srgb,#ef476f 8%,var(--surface));font-size:.78rem!important}.notifications-list{transition:opacity .24s ease,transform .24s ease,filter .24s ease}.notifications-list.is-cleared{opacity:0;filter:blur(3px);transform:translateY(8px);pointer-events:none}.notifications-empty:not([hidden]){animation:notification-empty-in .3s cubic-bezier(.2,.82,.2,1) both}@keyframes notification-empty-in{from{opacity:0;transform:translateY(8px) scale(.985)}}html[data-theme="dark"] .notification-clear-dialog{border-color:rgba(239,71,111,.22);box-shadow:0 30px 90px rgba(0,0,0,.58)}@media(max-width:520px){.notification-clear-backdrop{align-items:center;padding:.8rem}.notification-clear-dialog{padding:1.15rem;border-radius:18px}.notification-clear-actions{grid-template-columns:1fr}.notification-clear-confirm{grid-row:1}}@media(prefers-reduced-motion:reduce){.notification-clear-dialog,.notifications-list{transition:none}.notification-clear-confirm i{animation-duration:1.4s}.notifications-empty:not([hidden]){animation:none}}

/* Dynamic topic language moderation */
.topic-language-warning{display:grid;grid-template-columns:46px minmax(0,1fr) 32px;gap:13px;align-items:center;overflow:hidden;padding:14px 15px;border:1px solid color-mix(in srgb,#ef476f 32%,var(--border));border-radius:16px;color:#a51e3d;background:linear-gradient(135deg,color-mix(in srgb,#ef476f 10%,var(--surface-strong)),color-mix(in srgb,#ffb703 6%,var(--surface-strong)));box-shadow:0 16px 38px color-mix(in srgb,#ef476f 12%,transparent);opacity:0;transform:translateY(-10px) scale(.985);transition:opacity .28s ease,transform .28s cubic-bezier(.2,.82,.2,1)}.topic-language-warning[hidden]{display:none}.topic-language-warning.is-visible{opacity:1;transform:none;animation:language-warning-shake .46s ease}.topic-language-warning>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#ef476f,#d62f53);box-shadow:0 9px 22px color-mix(in srgb,#ef476f 24%,transparent)}.topic-language-warning svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topic-language-warning strong{display:block;font-size:.92rem}.topic-language-warning p{margin:.2rem 0 0;color:color-mix(in srgb,#a51e3d 76%,var(--text));font-size:.8rem;line-height:1.45}.topic-language-warning>button{width:30px;height:30px;border:0;border-radius:9px;color:inherit;background:transparent;font-size:1.3rem;cursor:pointer}.topic-language-warning>button:hover{background:color-mix(in srgb,#ef476f 10%,transparent)}.topic-create-form label.has-language-error>input,.topic-create-form label.has-language-error>textarea{border-color:#ef476f!important;box-shadow:0 0 0 3px color-mix(in srgb,#ef476f 13%,transparent)!important}@keyframes language-warning-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}html[data-theme="dark"] .topic-language-warning{color:#ff8ca2;border-color:rgba(239,71,111,.3);background:linear-gradient(135deg,#261222,#1b1424)}html[data-theme="dark"] .topic-language-warning p{color:#e8a2b0}@media(max-width:540px){.topic-language-warning{grid-template-columns:40px 1fr 28px;padding:12px}.topic-language-warning>span{width:40px;height:40px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.topic-language-warning{transition:none}.topic-language-warning.is-visible{animation:none}}

/* Refined dark footer and softer social motion */
.footer-socials a{position:relative;isolation:isolate;overflow:hidden;transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .42s ease,color .25s ease}.footer-socials a::before{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--primary),var(--primary-2));opacity:0;transform:scale(.35) rotate(-22deg);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.footer-socials a span{display:inline-grid;place-items:center;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .3s ease}.footer-socials a:hover,.footer-socials a:focus-visible{transform:translateY(-5px) scale(1.06);border-color:transparent;box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 25%,transparent)}.footer-socials a:hover::before,.footer-socials a:focus-visible::before{opacity:1;transform:scale(1) rotate(0)}.footer-socials a:hover span,.footer-socials a:focus-visible span{transform:scale(1.12) rotate(7deg);filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.footer-socials a:nth-child(2):hover span{transform:scale(1.12) rotate(-7deg)}.footer-socials a:nth-child(3):hover span{transform:scale(1.14) translateY(-1px)}.footer-socials a:nth-child(4):hover span{transform:scale(1.13) translateX(1px)}.footer-address{display:flex;align-items:flex-start;gap:.48rem}.footer-address span{color:var(--primary);font-size:1rem}
html[data-theme="dark"] .footer{color:#8f9ab8;border-top-color:rgba(139,124,255,.14);background:radial-gradient(circle at 12% 5%,rgba(98,81,221,.12),transparent 34%),radial-gradient(circle at 88% 92%,rgba(44,152,255,.08),transparent 32%),linear-gradient(145deg,#03050d 0%,#060a16 48%,#080d1b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}html[data-theme="dark"] .footer-logo,html[data-theme="dark"] .footer-column h2{color:#eef2ff}html[data-theme="dark"] .footer-column a{color:#929dbb}html[data-theme="dark"] .footer-column a:hover,html[data-theme="dark"] .footer-column a:focus-visible{color:#dce4ff}html[data-theme="dark"] .footer-socials a{color:#cdd6f4;border-color:rgba(151,165,210,.14);background:rgba(13,20,40,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}html[data-theme="dark"] .footer-socials a:hover,html[data-theme="dark"] .footer-socials a:focus-visible{color:#fff;border-color:transparent;box-shadow:0 15px 34px rgba(46,48,128,.42)}html[data-theme="dark"] .footer-bottom{color:#75809d;border-top-color:rgba(151,165,210,.1)}html[data-theme="dark"] .footer-contact p{color:#7783a1}@media(prefers-reduced-motion:reduce){.footer-socials a,.footer-socials a::before,.footer-socials a span{transition:none}.footer-socials a:hover,.footer-socials a:focus-visible{transform:none}}
.company-registration-success{display:grid;justify-items:center;gap:.75rem;padding:clamp(1.25rem,4vw,2rem) .5rem .5rem;text-align:center;opacity:0;transform:translateY(10px);outline:0;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.company-registration-success.is-visible{opacity:1;transform:none}.company-registration-success-icon{display:grid;place-items:center;width:4rem;height:4rem;margin-bottom:.2rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#25b86b,#47d88c);box-shadow:0 14px 34px color-mix(in srgb,#25b86b 28%,transparent);font-size:1.7rem;font-weight:900;animation:company-success-pop .55s cubic-bezier(.2,1.4,.4,1) both}.company-registration-success>small{color:var(--primary);font-size:.72rem;font-weight:850;letter-spacing:.14em}.company-registration-success h2{margin:0;font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.025em}.company-registration-success>p{max-width:34rem;margin:0;color:var(--text);font-size:1rem;font-weight:700;line-height:1.65}.company-registration-success-note{max-width:34rem;margin:.15rem 0 .45rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:18px;color:var(--text-muted);background:color-mix(in srgb,var(--primary) 6%,var(--surface-strong));font-size:.9rem;line-height:1.65}.company-registration-success .btn{min-width:min(100%,14rem);justify-content:center}@keyframes company-success-pop{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.company-registration-success,.company-registration-success-icon{animation:none;transition:none}}
/* Dynamic visual-builder runtime */
.layout-flow{display:flex;flex-direction:column}.layout-navbar-static{position:relative!important;top:auto!important}.dynamic-card-grid,.contact-channel-grid{grid-template-columns:repeat(var(--layout-grid-columns,3),minmax(0,1fr))}.forum-sidebar{display:flex;flex-direction:column}.contact-page{gap:1.1rem}.contact-hero{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 30%),linear-gradient(135deg,var(--surface-strong),color-mix(in srgb,var(--primary) 7%,var(--surface)));box-shadow:var(--shadow-md)}.contact-hero .eyebrow{color:var(--primary);font-size:.75rem;font-weight:850;letter-spacing:.13em}.contact-hero h1{margin:.6rem 0;font-size:clamp(2rem,6vw,4rem);letter-spacing:-.045em}.contact-hero p{max-width:680px;margin:0;color:var(--text-muted);font-size:1.05rem;line-height:1.75}.contact-channel-grid{display:grid;gap:1rem}.contact-channel-card{display:grid;align-content:start;gap:.55rem;min-height:230px;padding:1.35rem;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.contact-channel-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:var(--shadow-md)}.contact-channel-card>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:900}.contact-channel-card small{margin-top:.5rem;color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.13em}.contact-channel-card h2{margin:0;font-size:1rem;overflow-wrap:anywhere}.contact-channel-card p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.6}.contact-details-card{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;align-items:center;padding:1.4rem;border:1px solid var(--border);border-radius:24px;background:var(--surface)}.contact-details-card small{color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.13em}.contact-details-card h2{margin:.35rem 0}.contact-details-card p{margin:0;color:var(--text-muted)}.contact-detail-links{display:grid;gap:.65rem}.contact-detail-links a,.contact-detail-links span{padding:.75rem .85rem;border-radius:13px;background:var(--surface-muted);font-size:.88rem;overflow-wrap:anywhere}@media(max-width:900px){.dynamic-card-grid,.contact-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.forum-layout[style]{grid-template-columns:minmax(0,1fr)!important}.contact-details-card{grid-template-columns:1fr}}@media(max-width:620px){.dynamic-card-grid,.contact-channel-grid{grid-template-columns:1fr!important}}
.admin-maintenance-access{position:relative;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem max(1rem,calc((100vw - 1180px)/2));color:#fff;background:linear-gradient(90deg,#332b6c,#171b38);font-size:.78rem;font-weight:750}.admin-maintenance-access>div{display:flex;gap:.5rem}.admin-maintenance-access a{padding:.4rem .65rem;border:1px solid #ffffff24;border-radius:8px;background:#ffffff0d}.admin-maintenance-access a:hover{background:#ffffff18}@media(max-width:650px){.admin-maintenance-access{align-items:flex-start;flex-direction:column}.admin-maintenance-access>div{width:100%}.admin-maintenance-access a{flex:1;text-align:center}}


/* Kaydedilebilir profesyonel sayfa görünümü */
.layout-text-stack{display:flex;flex-direction:column;min-width:0}.layout-text-stack>[data-layout-text]{position:relative}.layout-flow[data-layout-width="narrow"] .container,.layout-flow[data-layout-width="narrow"].container{width:min(960px,calc(100% - 2rem))}.layout-flow[data-layout-width="wide"] .container,.layout-flow[data-layout-width="wide"].container{width:min(1420px,calc(100% - 2rem))}.layout-flow[data-layout-spacing="compact"]{row-gap:.15rem}.layout-flow[data-layout-spacing="compact"]>.section{padding:1.45rem 0}.layout-flow[data-layout-spacing="airy"]{row-gap:1.1rem}.layout-flow[data-layout-spacing="airy"]>.section{padding:4rem 0}.layout-flow[data-layout-align="center"] .layout-text-stack{text-align:center;align-items:center}.layout-flow[data-layout-align="center"] .layout-text-stack>[data-layout-text]{max-width:760px}.layout-flow[data-layout-align="center"] .section-title{align-items:center}.layout-flow[data-layout-align="center"] .forum-hero{align-items:center;text-align:center}.layout-flow[data-layout-radius="square"]{--layout-page-radius:4px}.layout-flow[data-layout-radius="soft"]{--layout-page-radius:16px}.layout-flow[data-layout-radius="rounded"]{--layout-page-radius:28px}.layout-flow[data-layout-radius] :is(.card,.forum-hero,.topic-card,.sidebar-card,.contact-hero,.contact-channel-card,.contact-details-card){border-radius:var(--layout-page-radius)!important;transition:border-radius .28s ease}.layout-flow[data-layout-spacing],.layout-flow[data-layout-width],.layout-flow[data-layout-align]{transition:gap .28s ease,width .28s ease}.layout-flow[data-layout-align="center"] .hero-actions{justify-content:center}@media(max-width:700px){.layout-flow[data-layout-spacing="airy"]>.section{padding:2.4rem 0}.layout-flow[data-layout-width] .container,.layout-flow[data-layout-width].container{width:min(100% - 1rem,1180px)}}