@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@500;600;700;800&display=swap');
/* Production integration: preserve the local forum's final layout and role colors. */
.demo-page [hidden]{display:none!important}
.demo-page .forum-site-links{display:grid;gap:12px;margin:28px 12px 0;padding-top:20px;border-top:1px solid #ffffff24}
.demo-page .forum-site-links a{color:#d7d7d7;text-decoration:none;font:13px/1.6 Arial,sans-serif}
.demo-page .forum-site-links a:hover{color:#fff;text-decoration:underline}
.demo-page .forum-account{grid-column:3;justify-self:end;min-width:0}
.demo-page .forum-login-link{display:inline-block;padding:11px 14px;border:1px solid #555;border-radius:7px;color:#fff;background:#161616;font:600 13px/1.4 Arial,sans-serif;text-decoration:none}
.demo-page .forum-login-link:hover{background:#242424;border-color:#aaa}
.demo-page .forum-loading{color:#ccc;font-size:16px;line-height:1.6}
.demo-page .forum-skip-link{position:fixed;top:-80px;left:15px;z-index:2000;padding:12px;background:#fff;color:#111;border-radius:5px}
.demo-page .forum-skip-link:focus{top:12px}
.demo-page .forum-account-main{max-width:260px;font-size:13px!important}
.demo-page #forumAccountName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-page .forum-avatar:empty{display:none}
.demo-page .role-owner,.demo-page .online-cloud .role-owner{color:#ff4343!important}
.demo-page .role-moderator,.demo-page .online-cloud .role-moderator{color:#62caff!important}
.demo-page .role-player,.demo-page .online-cloud .role-player{color:#ededed!important}
.demo-page .generated-avatar{background:var(--generated-avatar-color,#80d8e6)!important;color:#000!important}
.demo-page .post-avatar img,.demo-page .profile-avatar img,.demo-page .profile-status-avatar img,.demo-page .reply-avatar img,.demo-page .forum-avatar img{filter:none!important}
.demo-page .be-tool[data-action="color"],.demo-page .be-tool[data-action="color"]:hover{color:var(--be-color,#c7cdd4)!important;text-shadow:none!important}
.demo-page .forum-quick-button:focus-visible,.demo-page .forum-login-link:focus-visible,.demo-page .forum-site-links a:focus-visible,.demo-page .demo-btn:focus-visible{outline:2px solid #d9e8f5;outline-offset:3px}
.demo-page .post-body{overflow-wrap:anywhere}
.demo-page .be-edit:empty::before{color:#a8a8a8!important;opacity:1!important;text-shadow:none!important}
.demo-page .forum-action-error{padding:12px 16px;margin-bottom:14px;border:1px solid #666;border-radius:6px;background:#202020;color:#fff;font-size:15px;line-height:1.5}
.demo-page .post-body img{max-width:100%;height:auto}
.demo-page .forum-topic-item,.demo-page .wall-post,.demo-page .wall-comment{min-width:0}
.demo-page .admin-popover .admin-form-message{overflow-wrap:anywhere}
@media(max-width:600px){.demo-page .forum-top{padding:0 12px;gap:8px}.demo-page .forum-login-link{font-size:12px;padding:9px 10px}.demo-page .forum-account-main{max-width:160px;font-size:12px!important}.demo-page .forum-quick-actions{gap:3px}.demo-page .forum-stage{width:calc(100% - 20px)}.demo-page .forum-content{padding:16px 12px}.demo-page .wall-comment footer span{flex-wrap:wrap;gap:9px}.demo-page .post-body{font-size:15px!important}.demo-page .profile-card .profile-info{min-width:0}}
@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



*:not(.be-edit):not(.be-edit *):not(.be-preview):not(.be-preview *):not(.post-body):not(.post-body *){font-family:Manrope,Arial,sans-serif!important}h1,h2,h3,h4,h5,h6,.brand,.project-link strong{font-family:Onest,Manrope,sans-serif!important}

/* A calmer front page: the opening screen flows directly into the collections. */
.hero{display:flex;align-items:center;min-height:760px;padding-bottom:145px}.hero-copy{max-width:690px}.hero::after{content:'';position:absolute;z-index:-1;left:-12vw;right:-12vw;bottom:-1px;height:240px;background:linear-gradient(transparent,#10131a 84%);pointer-events:none}.scroll-cue{position:absolute;z-index:2;bottom:50px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;color:#c9c6c4;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.8px;text-decoration:none;transform:translateX(-50%);transition:color .25s ease,transform .25s ease}.scroll-cue:hover{color:var(--gold);transform:translateX(-50%) translateY(4px)}.scroll-cue i{display:block;width:1px;height:45px;background:linear-gradient(var(--gold),transparent);animation:scrollFlow 2.3s ease-in-out infinite}@keyframes scrollFlow{0%,100%{transform:scaleY(.65);transform-origin:top;opacity:.55}50%{transform:scaleY(1);transform-origin:top;opacity:1}}
.cabinet-page{background:radial-gradient(circle at 77% 20%,#925bdb44,transparent 28%),radial-gradient(circle at 23% 90%,#51288e55,transparent 34%),linear-gradient(135deg,#160b29,#2d1750 57%,#130a27)}.cabinet-page .topbar{border-color:#c59dff33;background:#160d28d9}.cabinet-page .brand-mark{border-color:#d2bdff;box-shadow:0 0 14px #a879ff66}.cabinet-page .brand-mark img{filter:brightness(0) saturate(100%) invert(84%) sepia(31%) saturate(1028%) hue-rotate(210deg) brightness(105%) contrast(102%)}.cabinet-page .brand,.cabinet-page nav a,.cabinet-page .cabinet-link{color:#e3d4ff}.cabinet-page .cabinet-link.active{color:#d2bdff;text-shadow:0 0 14px #a879ff99}.cabinet-main{display:flex;align-items:center;min-height:calc(100vh - 145px);padding-top:145px;padding-bottom:80px}.cabinet-hero{position:relative;width:100%;padding:clamp(40px,7vw,90px);overflow:hidden;border:1px solid #c9a1ff66;border-radius:24px;background:radial-gradient(circle at 77% 24%,#ac79fb33,transparent 28%),linear-gradient(125deg,#24123d,#151124 64%);box-shadow:0 28px 70px #0008}.cabinet-hero::after{content:'B';position:absolute;right:clamp(20px,7vw,110px);top:50%;color:#d1baff13;font:600 clamp(180px,28vw,400px)/1 Unbounded,sans-serif;transform:translateY(-48%);pointer-events:none}.cabinet-hero h1{position:relative;margin:23px 0 0;color:#e8ddff;font:600 clamp(48px,7vw,96px)/.97 Unbounded,sans-serif;letter-spacing:-5px}.cabinet-hero h1 em{color:#cdb1ff;font-style:normal}.cabinet-hero p{position:relative;margin:27px 0;color:#cfbfeb;font:500 16px/1.7 Unbounded,sans-serif;letter-spacing:-.7px}.cabinet-hero .button{position:relative;border-color:#c8a7ff;color:#ebdfff}.cabinet-page footer{border-color:#c59dff33;color:#baa5d9}.cabinet-page footer>a:last-child{color:#d6bcff}@media(max-width:850px){.hero{min-height:690px;padding-bottom:115px}.scroll-cue{bottom:34px}.cabinet-main{min-height:calc(100vh - 130px);padding-top:115px}.cabinet-hero{padding:42px 28px}.cabinet-hero::after{right:-10px;font-size:190px}.cabinet-hero h1{letter-spacing:-3px}}
:root{--ink:#080a10;--panel:#10131b;--line:#ffffff1a;--text:#f3f1ee;--muted:#a4a6ad;--gold:#d7ae61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--text);font-family:'DM Sans',sans-serif}.noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;height:78px;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);background:#090b11d9;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font:600 13px/1 Unbounded,sans-serif;letter-spacing:.3px;text-decoration:none}.brand small{font-size:6px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d6ad61;border-radius:50%;background:#0a0c11;box-shadow:0 0 14px #c9984355}.brand-mark img{width:73%;height:73%;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(39%) saturate(765%) hue-rotate(358deg) brightness(91%) contrast(84%)}nav{display:flex;gap:26px;margin-left:auto}nav a,.cabinet-link{color:#c7c4c1;font:600 9px/1 Unbounded,sans-serif;letter-spacing:.5px;text-decoration:none;transition:color .2s,transform .2s}nav a:hover,.cabinet-link:hover{color:var(--gold);transform:translateY(-1px)}.cabinet-link{color:#d0b887}.section-shell{width:min(1340px,100%);margin:0 auto;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:780px;padding-top:170px;padding-bottom:90px;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-1;inset:0 -12vw;background:radial-gradient(circle at 72% 48%,#23477855,transparent 28%),radial-gradient(circle at 45% 85%,#b7873140,transparent 25%)}.hero-copy{align-self:center}.eyebrow{display:block;color:var(--gold);font:600 9px/1.2 Unbounded,sans-serif;letter-spacing:1px}.hero h1,.section-head h2,.community h2,.cabinet h2{margin:24px 0 0;font:600 clamp(44px,6.2vw,86px)/.99 Unbounded,sans-serif;letter-spacing:-4px}.hero h1 em,.community h2 em,.cabinet h2 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:460px;margin:28px 0;color:#c6c5c8;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid var(--gold);border-radius:8px;color:var(--text);font:600 9px/1 Unbounded,sans-serif;letter-spacing:.4px;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s}.button.primary{background:var(--gold);color:#1b1510}.button.primary span{font-size:17px}.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0008}.button.ghost{border-color:#ffffff35}.hero-orbit{position:relative;display:grid;place-items:center;min-height:480px}.hero-b{display:grid;place-items:center;width:min(26vw,260px);aspect-ratio:1;border:1px solid #e5c17a;border-radius:50%;background:radial-gradient(circle at 31% 26%,#fff4c433,#91622533 43%,#07101d 74%);box-shadow:inset -20px -20px 40px #0008,0 0 70px #b78b3a55}.hero-b img{width:65%;height:65%;object-fit:contain;filter:brightness(0) saturate(100%) invert(85%) sepia(33%) saturate(884%) hue-rotate(357deg) brightness(93%) contrast(85%)}.orbital-ring{position:absolute;border:1px solid #d8b86d44;border-radius:50%;animation:spin 22s linear infinite}.ring-one{width:90%;aspect-ratio:1;transform:rotateX(63deg)}.ring-two{width:115%;aspect-ratio:1;transform:rotateX(70deg) rotateZ(65deg);animation-direction:reverse;animation-duration:30s}.orbital-dot{position:absolute;top:12%;right:24%;width:11px;height:11px;border-radius:50%;background:#e8c46f;box-shadow:0 0 22px #f5bc5b}.hero-version{position:absolute;bottom:38px;left:clamp(24px,5vw,80px);margin:0;color:#9a9692;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.7px}.hero-version strong{color:#e2bf79}.builds{padding-top:100px;padding-bottom:120px}.section-head{max-width:580px}.section-head h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-3px}.section-head p{color:var(--muted);line-height:1.6}.build-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:42px}.build-card{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#10131b;isolation:isolate;transition:transform .35s,box-shadow .35s,border-color .35s}.build-card:hover{transform:translateY(-7px);box-shadow:0 27px 48px #0009}.build-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.build-card:hover>img{transform:scale(1.07)}.card-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#090b11f2 7%,#090b1166 56%,#090b1108)}.card-content{position:absolute;inset:auto 25px 24px}.card-content>span,.news-card span{color:#e2b966;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.7px}.card-content h3{margin:16px 0 10px;font:600 clamp(27px,3vw,44px)/1 Unbounded,sans-serif;letter-spacing:-2px}.card-content h3 b{color:#d13d4d;font-weight:600}.vanilla h3 b{color:#c9eb75}.card-content p{margin:0;color:#dddbd7;font-size:13px}.card-content i{display:block;margin-top:20px;color:#b7b5b4;font:600 7px/1.3 Unbounded,sans-serif;font-style:normal;letter-spacing:.6px}.cosmic{border-color:#d7ae617a}.scp{border-color:#b91b393f}.vanilla{border-color:#b8e77455}.news{padding-top:110px;padding-bottom:120px;background:linear-gradient(90deg,transparent,#16131a77,transparent)}.news-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:38px}.news-card{display:grid;grid-template-columns:minmax(150px,.85fr) 1fr;min-height:235px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#10131a}.news-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:filter .3s,transform .5s}.news-card:hover img{filter:brightness(.95);transform:scale(1.04)}.news-card>div{padding:28px}.news-card h3{margin:16px 0 11px;font:600 23px/1.05 Unbounded,sans-serif;letter-spacing:-1px}.news-card p{margin:0;color:#a8a9ae;font-size:13px;line-height:1.55}.news-card a{display:inline-block;margin-top:22px;color:#e5bd72;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.5px;text-decoration:none}.news-card a b{font-size:15px}.community{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:110px}.community h2,.cabinet h2{font-size:clamp(36px,4vw,60px);letter-spacing:-3px}.community-copy p{color:#a9a9af;line-height:1.6}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social{display:flex;flex-direction:column;justify-content:space-between;min-height:136px;padding:22px;border:1px solid var(--line);border-radius:13px;color:#f5f3ef;text-decoration:none;transition:transform .24s,border-color .24s,background .24s}.social:hover{transform:translateY(-4px);border-color:#d8b468;background:#ffffff08}.social small{color:#c5a86d;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.7px}.social strong{font:600 14px/1.4 Unbounded,sans-serif;letter-spacing:-.7px}.social b{float:right;color:#d6ac63}.telegram:hover{box-shadow:0 15px 30px #2f93cd22}.youtube:hover{box-shadow:0 15px 30px #d2333322}.tiktok:hover{box-shadow:0 15px 30px #31d6cf22}.support:hover{box-shadow:0 15px 30px #d7ae6122}.cabinet{padding-top:60px;padding-bottom:100px}.cabinet-panel{padding:clamp(35px,6vw,75px);border:1px solid #c9a1ff66;border-radius:22px;background:radial-gradient(circle at 75% 25%,#a26bf333,transparent 28%),linear-gradient(120deg,#1c1030,#121224 60%);box-shadow:0 25px 55px #0008}.cabinet h2 em{color:#cfb2ff}.cabinet p{max-width:460px;color:#c4b7d9;line-height:1.6}.cabinet button{margin-top:18px;padding:13px 20px;border:1px solid #b991f5;border-radius:8px;background:#a77de222;color:#d7c5ff;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.6px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px clamp(24px,5vw,80px);border-top:1px solid var(--line);color:#77777d;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.5px}footer>a:last-child{color:#c4a166;text-decoration:none}@keyframes spin{to{transform:rotateZ(360deg) rotateX(65deg)}}@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.reveal{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.build-card:nth-child(2),.news-card:nth-child(2){animation-delay:.12s}.build-card:nth-child(3){animation-delay:.24s}@media(max-width:850px){body{min-width:0}.topbar{height:66px;padding:0 20px}.topbar nav{display:none}.cabinet-link{font-size:8px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-orbit{min-height:330px;order:-1}.hero-b{width:min(50vw,225px)}.hero h1{font-size:clamp(43px,12vw,67px)}.build-grid,.news-grid,.community{grid-template-columns:1fr}.build-card{min-height:350px}.news-card{grid-template-columns:130px 1fr}.community{gap:35px}.section-shell{padding-left:24px;padding-right:24px}footer{padding:23px 24px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Shared Baranus site theme for all forum pages. */
body.forum-page{--site-ink:#080a10;--site-panel:#10131b;--site-panel-soft:#151821;--site-line:#ffffff1a;--site-gold:#d7ae61;--site-gold-soft:#d7ae611c;--site-text:#f3f1ee;--site-muted:#a4a6ad;background:radial-gradient(circle at 78% 14%,#9f6f2530,transparent 27%),radial-gradient(circle at 20% 88%,#263f6330,transparent 31%),var(--site-ink)!important;color:var(--site-text)!important;font-family:'DM Sans',sans-serif}.forum-page::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.045;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px}.forum-page .forum-shell{grid-template-columns:238px minmax(0,1fr)}.forum-page .forum-side{display:flex;flex-direction:column;padding:29px 16px;border-right:1px solid var(--site-line);background:linear-gradient(180deg,#0b0d13e8,#080a10e8);backdrop-filter:blur(16px)}.forum-page .forum-side-brand{margin:0 11px 52px;color:var(--site-text);font:600 14px/1 Unbounded,sans-serif;letter-spacing:.3px}.forum-page .forum-side-brand img{width:33px;height:33px;padding:4px;border:1px solid var(--site-gold);border-radius:50%;background:#0a0c11;box-shadow:0 0 16px #c9984355;filter:brightness(0) saturate(100%) invert(80%) sepia(39%) saturate(765%) hue-rotate(358deg) brightness(91%) contrast(84%)}.forum-page .forum-side-nav{gap:8px;margin:0}.forum-page .forum-side-nav a,.forum-page .forum-side-nav button{position:relative;display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bbb9b8;font:600 9px/1 Unbounded,sans-serif;letter-spacing:.25px;text-decoration:none}.forum-page .forum-side-nav a::after,.forum-page .forum-side-nav button::after{content:'';position:absolute;left:-17px;top:50%;width:3px;height:0;border-radius:0 2px 2px 0;background:var(--site-gold);transform:translateY(-50%);transition:height .2s}.forum-page .forum-side-nav a i,.forum-page .forum-side-nav button i{width:13px;color:#8d8985;font-size:14px;font-style:normal;text-align:center}.forum-page .forum-side-nav a:hover,.forum-page .forum-side-nav button:hover{border-color:#ffffff18;background:#ffffff06;color:#fff}.forum-page .forum-side-nav a.active,.forum-page .forum-side-nav button.active{border-color:#d7ae6150;background:linear-gradient(90deg,#d7ae611d,transparent);color:#f2dfb0}.forum-page .forum-side-nav a.active::after,.forum-page .forum-side-nav button.active::after{height:28px}.forum-page .forum-side-nav a.active i,.forum-page .forum-side-nav button.active i{color:var(--site-gold)}.forum-page .forum-top{height:82px;padding:0 42px;border-bottom:1px solid var(--site-line);background:#0a0c11bd;backdrop-filter:blur(18px)}.forum-page .forum-searchbox{max-width:380px;padding:9px 12px;border-color:#ffffff22;border-radius:9px;background:#ffffff06}.forum-page .forum-searchbox:focus-within{border-color:#d7ae6190;box-shadow:0 0 0 3px #d7ae6110}.forum-page .forum-searchbox input{color:#eeeae2;font:500 12px 'DM Sans',sans-serif}.forum-page .forum-searchbox button{color:var(--site-gold)}.forum-page .forum-account-main,.forum-page .forum-icon-btn{border:1px solid #ffffff18;border-radius:8px;background:#ffffff06;color:#eeeae2;font:600 9px Unbounded,sans-serif}.forum-page .forum-avatar{background:linear-gradient(135deg,#efd486,#84602b);color:#21170c}.forum-page .forum-account-menu{top:46px;border-color:#d7ae6150;border-radius:10px;background:#11141cf5;box-shadow:0 24px 55px #000b}.forum-page .forum-stage{width:min(1320px,calc(100% - 64px));margin:38px auto 62px}.forum-page .forum-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.forum-page .forum-content,.forum-page .forum-right-card{border-color:var(--site-line);border-radius:16px;background:linear-gradient(145deg,#12151d,#0e1016);box-shadow:0 18px 40px #0004}.forum-page .forum-content{padding:clamp(22px,4vw,42px)}.forum-page .forum-right{gap:16px}.forum-page .forum-right-card{padding:18px}.forum-page .forum-right-card h3{margin-bottom:13px;color:#e9c983;font:600 9px/1 Unbounded,sans-serif;letter-spacing:.45px}.forum-page .forum-right-card small,.forum-page .forum-right-card p{color:#a9a7aa;font:12px/1.55 'DM Sans',sans-serif}.forum-page .forum-breadcrumbs{margin-bottom:28px;color:#c49d58;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.4px}.forum-page .forum-section-title{align-items:flex-end;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--site-line)}.forum-page .forum-section-title b,.forum-page .forum-section-title h1{color:#f3f1ee;font:600 clamp(20px,3vw,34px)/1 Unbounded,sans-serif;letter-spacing:-1.5px}.forum-page .forum-section-title span{color:#d5b069;font:600 7px Unbounded,sans-serif;letter-spacing:.5px}.forum-page .quick-link{padding:11px 12px;border:1px solid var(--site-gold);border-radius:8px;background:var(--site-gold);color:#21180d;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.35px;transition:transform .2s,box-shadow .2s}.forum-page .quick-link:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0007}.forum-page .modern-category,.forum-page .modern-topic-row{min-height:100px;margin-top:11px;padding:17px;border-color:#ffffff14;border-radius:12px;background:linear-gradient(100deg,#ffffff05,transparent);transition:transform .22s,border-color .22s,background .22s}.forum-page .modern-category:hover,.forum-page .modern-topic-row:hover{border-color:#d7ae6180;background:#d7ae610c;transform:translateX(4px)}.forum-page .modern-category-icon,.forum-page .modern-topic-row i{border:1px solid #d7ae6170;border-radius:11px;background:#d7ae6114;color:#edcc83}.forum-page .modern-category h3,.forum-page .modern-topic-row b{color:#f3f1ee;font:600 13px Unbounded,sans-serif;letter-spacing:-.5px}.forum-page .modern-category p,.forum-page .modern-topic-row small{color:#a4a4a7;font:12px/1.45 'DM Sans',sans-serif}.forum-page .modern-category-meta,.forum-page .modern-topic-row .topic-date,.forum-page .modern-topic-row .topic-number{color:#d5b069;font:600 7px Unbounded,sans-serif;letter-spacing:.5px}.forum-page .modern-last{border-left-color:#ffffff16;color:#e3c17d}.forum-page .modern-last small{color:#99969a}.forum-page .topic-title,.forum-page .reply-panel,.forum-page .profile-card,.forum-page .admin-panel{border-color:#ffffff18;background:#11141c;box-shadow:0 18px 40px #0004}.forum-page .topic-title{border-radius:15px}.forum-page .topic-title h1{color:#f3f1ee;font:600 clamp(30px,4vw,52px)/.98 Unbounded,sans-serif;letter-spacing:-2.5px}.forum-page .forum-post{border-color:#ffffff18;border-radius:12px;background:#11141c}.forum-page .forum-post aside{border-right-color:#ffffff14;background:#ffffff04}.forum-page .forum-post aside i,.forum-page .profile-avatar-big{border-color:#d7ae6170;background:#d7ae6114;color:#f0d28f}.forum-page .forum-post aside small,.forum-page .profile-card span,.forum-page .profile-card b{color:#d6b56f}.forum-page .post-body{color:#dfdcda;font:14px/1.75 'DM Sans',sans-serif}.forum-page .post-body a{color:#e5bf73}.forum-page .reply-panel{border-radius:13px}.forum-page .eyebrow{color:#d7ae61}.forum-page .baranus-editor{border-color:#ffffff22!important;background:#12151b!important}.forum-page .be-toolbar{background:#0a0c10!important}.forum-page .be-edit,.forum-page .be-edit:focus{background:#161a1f!important}.forum-page .be-count,.forum-page .baranus-editor:focus-within .be-count{background:#080a10!important}.forum-page .user-row{border-color:#ffffff16;border-radius:12px;background:#ffffff04}.forum-page .user-row:hover{border-color:#d7ae6180;background:#d7ae610c}.forum-page .user-row i{border:1px solid #d7ae6170;background:#d7ae6114;color:#f0d28f}.forum-page .forum-modal article{border:1px solid #d7ae6155;border-radius:16px;background:#11141c;box-shadow:0 30px 80px #000c}.forum-page .topic-form input{border-color:#ffffff25;background:#ffffff08;color:#f3f1ee}.forum-page .topic-form input:focus{border-color:#d7ae61}@media(max-width:900px){.forum-page .forum-shell{grid-template-columns:1fr}.forum-page .forum-top{padding:0 18px}.forum-page .forum-stage{width:min(100% - 28px,900px)}.forum-page .forum-content{padding:22px}.forum-page .forum-side{box-shadow:20px 0 50px #000b}}@media(max-width:620px){.forum-page .forum-layout{grid-template-columns:1fr}.forum-page .forum-right{display:none}.forum-page .forum-top{grid-template-columns:35px 1fr auto;height:70px}.forum-page .forum-section-title{align-items:start;flex-direction:column;gap:12px}.forum-page .modern-category{grid-template-columns:40px minmax(0,1fr)}.forum-page .modern-last{display:none}.forum-page .modern-topic-row{grid-template-columns:36px minmax(0,1fr)}.forum-page .modern-topic-row .topic-number,.forum-page .modern-topic-row .topic-date{display:none}}

:root{--fm-bg:#0b0c0e;--fm-panel:#111315;--fm-panel-2:#151719;--fm-line:#24272a;--fm-muted:#858a90;--fm-blue:#169ce9;--fm-gold:#d7a32b}
.forum-page{background:var(--fm-bg)!important;color:#e7e9eb;font-family:Arial,'DM Sans',sans-serif}
.forum-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:100vh}
.forum-side{position:sticky;top:0;height:100vh;padding:28px 14px;border-right:1px solid #191b1e;background:#0e1012}
.forum-side-brand{display:flex;align-items:center;gap:10px;margin:0 12px 45px;color:#f4f5f6;font:bold 17px/1 Arial;text-decoration:none;letter-spacing:1px}
.forum-side-brand img{width:31px;height:31px;object-fit:contain}
.forum-side-nav{display:grid;gap:7px}
.forum-side-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;color:#c8cdd1;font-size:12px;text-decoration:none}
.forum-side-nav a:hover,.forum-side-nav a.active{background:#202326;color:#fff}
.forum-side-nav i{width:13px;color:#7cc5f0;font-style:normal;text-align:center}
.forum-workspace{min-width:0}
.forum-top{display:grid;grid-template-columns:1fr minmax(240px,400px) 1fr;align-items:center;gap:20px;height:74px;padding:0 28px;border-bottom:1px solid #191b1e;background:#101214}
.forum-searchbox{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #272a2d;border-radius:5px;background:#0d0f11}
.forum-searchbox input{width:100%;border:0;outline:0;background:transparent;color:#e9eced;font-size:12px}
.forum-searchbox button{border:0;background:transparent;color:#6caed9;cursor:pointer}
.forum-account{justify-self:end;position:relative;display:flex;align-items:center;gap:5px}
.forum-icon-btn,.forum-account-main{border:0;border-radius:4px;background:#202326;color:#e7eaed;cursor:pointer}
.forum-icon-btn{width:32px;height:32px}
.forum-account-main{display:flex;align-items:center;gap:7px;padding:7px 10px;font-size:11px}
.forum-avatar{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--fm-gold);color:#382b09;font-weight:bold}
.forum-account-menu{position:absolute;z-index:20;top:40px;right:0;width:220px;padding:10px;border:1px solid #292c2f;border-radius:5px;background:#17191b;box-shadow:0 15px 35px #000a}
.forum-account-menu[hidden]{display:none}
.forum-account-menu strong,.forum-account-menu small{display:block}
.forum-account-menu small{margin:5px 0 10px;color:var(--fm-muted)}
.forum-account-menu a{display:block;padding:8px 0;border-top:1px solid #282b2e;color:#dfe4e7;font-size:12px;text-decoration:none}
.forum-stage{width:min(1160px,calc(100% - 48px));margin:28px auto 50px}
.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}
.forum-content,.forum-right-card{border:1px solid var(--fm-line);border-radius:6px;background:var(--fm-panel)}
.forum-content{padding:24px}
.forum-breadcrumbs{margin-bottom:18px;color:#8dbce0;font-size:12px}
.forum-breadcrumbs a{color:#a7cce5;text-decoration:none}
.forum-page-title{margin:0 0 20px;color:#f4f5f6;font-size:22px}
.forum-section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 5px 9px;color:#f6f7f8;font-size:15px}
.forum-section-title:first-child{margin-top:0}
.forum-section-title span{color:#8fc8f0;font-size:11px}
.modern-category{display:grid;grid-template-columns:34px minmax(0,1fr) 170px;align-items:center;gap:12px;min-height:70px;margin-top:7px;padding:10px;border:1px solid #202326;border-radius:5px;background:var(--fm-panel-2);color:inherit;text-decoration:none}
.modern-category:hover{border-color:#32627e;background:#191c1f}
.modern-category-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:5px;background:#24272a;color:#a9d9f5;font-size:16px}
.modern-category h3{margin:0;color:#f5f6f7;font-size:13px}
.modern-category p{margin:5px 0 0;color:var(--fm-muted);font-size:11px}
.modern-category-meta{margin-top:5px;color:#b8d7ea;font-size:10px}
.modern-last{border-left:1px solid #24272a;padding-left:12px;color:#a9d0e8;font-size:10px}
.modern-last b{display:block;color:#e6e8e9;font-size:11px}
.modern-last small{display:block;margin-top:4px;color:#777e84}
.forum-right{display:grid;align-content:start;gap:14px}
.forum-right-card{padding:13px}
.forum-right-card h3{margin:0 0 11px;color:#f4f5f6;font-size:13px}
.online-cloud{color:#c2c8cb;font-size:11px;line-height:1.7}
.online-cloud a{color:#79c8f5;text-decoration:none}
.activity-item{display:flex;gap:8px;padding:9px 0;border-top:1px solid #24272a;font-size:11px}
.activity-item:first-of-type{border-top:0}
.activity-item i{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#3a6c81;color:#d8f2ff;font-style:normal}
.activity-item b{display:block;color:#e7eaec}
.activity-item small{display:block;margin-top:3px;color:#848b91}
.forum-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.forum-stats-grid span{color:#858c91;font-size:10px}
.forum-stats-grid b{display:block;margin-top:3px;color:#e7eaec;font-size:14px}
.quick-link{display:block;margin-top:7px;padding:9px;border:1px solid #366b8d;background:#10283a;color:#d8effd;font-size:11px;text-align:center;text-decoration:none}
.modern-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.modern-category-grid .modern-category{grid-template-columns:32px 1fr;align-items:start;margin:0}
.modern-category-grid .modern-last{grid-column:1/-1;border-left:0;border-top:1px solid #24272a;padding:8px 0 0}
.modern-topic-row{display:grid;grid-template-columns:42px minmax(0,1fr) 80px 135px;gap:12px;align-items:center;margin-top:7px;padding:12px;border:1px solid #202326;border-radius:5px;background:#151719;color:inherit;text-decoration:none}
.modern-topic-row:hover{border-color:#32627e}
.modern-topic-row i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#28485b;color:#d4efff;font-style:normal}
.modern-topic-row b{font-size:12px}
.modern-topic-row small{display:block;margin-top:4px;color:#879096;font-size:10px}
.modern-topic-row .topic-number{text-align:center;color:#a6c6d9;font-size:11px}
.modern-topic-row .topic-date{text-align:right;color:#8dbce0;font-size:10px}
.modern-editor{padding:16px;border:1px solid #22262a;border-radius:6px;background:#151719}
.modern-editor input{box-sizing:border-box;width:100%;margin-bottom:12px;padding:11px;border:1px solid #356787;border-radius:4px;background:#111315;color:#f0f2f3;font-size:15px}
.modern-editor .rich-editor{min-height:240px;border-radius:4px;background:#101214}
.modern-editor-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#858c91;font-size:11px}
.modern-editor-options label{display:flex;gap:6px;align-items:center}
.modern-profile{display:grid;grid-template-columns:125px 1fr;gap:22px;padding:20px;border:1px solid #22262a;border-radius:6px;background:#151719}
.modern-profile .profile-avatar-big{width:125px;height:125px;border-radius:50%;background:var(--fm-gold);border:0;color:#3c2d0b}
.modern-profile h1{margin:5px 0;font-size:24px}
.modern-profile-meta{display:flex;gap:35px;margin-top:20px}
.modern-profile-meta span{color:#899096;font-size:10px}
.modern-profile-meta b{display:block;margin-top:4px;color:#eff1f2;font-size:15px}
.forum-mobile-toggle{display:none}
@media(max-width:900px){.forum-shell{grid-template-columns:1fr}
.forum-side{display:none}
.forum-top{grid-template-columns:34px 1fr auto;padding:0 14px}
.forum-mobile-toggle{display:block;border:0;background:transparent;color:#fff;font-size:20px}
.forum-layout{grid-template-columns:1fr}
.forum-right{grid-template-columns:repeat(2,minmax(0,1fr))}
.forum-stage{width:min(100% - 28px,900px)}
.modern-category{grid-template-columns:34px 1fr}
.modern-last{display:none}
}
@media(max-width:620px){.forum-top{grid-template-columns:32px 1fr auto}
.forum-account-main span{display:none}
.forum-right{grid-template-columns:1fr}
.forum-content{padding:15px}
.modern-category-grid{grid-template-columns:1fr}
.modern-topic-row{grid-template-columns:38px 1fr}
.modern-topic-row .topic-number,.modern-topic-row .topic-date{display:none}
.modern-profile{grid-template-columns:1fr}
.modern-profile .profile-avatar-big{width:80px;height:80px}
.modern-profile-meta{gap:18px}
.forum-searchbox{min-width:0}
}

.modern-profile.profile-card{max-width:none;margin-top:0}
.forum-content .topic-view{margin-top:0}
.forum-content .topic-title{border-color:#24272a;background:#151719}
.forum-content .forum-post{border-color:#24272a;background:#151719}
.forum-content .reply-panel{border-color:#24272a;background:#151719}
.forum-content .editor-tools button{border-color:#303438;background:#202326;color:#d9effd}

.be-tool.is-active{border-color:#2d9ed8!important;background:#087fc0!important;color:#fff!important;box-shadow:inset 0 0 0 1px #73d0ff55}.be-popover[hidden],.be-modal-backdrop[hidden]{display:none!important}.be-modal-backdrop{position:fixed!important;z-index:9999!important;inset:0!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(0,0,0,.78)!important}.be-modal{width:min(620px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px);overflow:auto}.be-modal input,.be-modal textarea,.be-modal select{border-color:#27759d!important;background:#172027!important;color:#f2f4f5!important}.be-color-grid{grid-template-columns:repeat(5,30px)!important}.be-popover .be-color-grid button{width:30px!important;height:30px!important;border-radius:3px!important}.be-table-grid{grid-template-columns:repeat(5,24px)!important;gap:4px!important}.be-popover .be-table-grid button{width:24px!important;height:24px!important;border-radius:3px!important}.be-popover .be-table-grid button:hover{background:#087fc0!important;box-shadow:0 0 0 1px #7ed9ff}.be-popover .be-emoji-search{margin-bottom:7px;background:#172027!important;color:#fff!important}
.baranus-editor{overflow:visible;animation:be-editor-in .38s cubic-bezier(.2,.8,.2,1)}.be-toolbar{position:relative;gap:3px;padding:8px 10px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#1d2023,#151719)}.be-tool{position:relative;display:grid;place-items:center;min-width:29px;height:29px;border:1px solid transparent;border-radius:5px;color:#cbd5da;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.be-tool:hover{transform:translateY(-1px);border-color:#2c6d91;background:#12354a;color:#fff;box-shadow:0 4px 12px #0008}.be-tool:active{transform:translateY(0) scale(.94)}.be-tool:focus-visible{outline:2px solid #37aee8;outline-offset:1px}.be-tool[data-action=bold]{font-size:15px}.be-tool[data-action=italic]{font-family:Georgia,serif;font-size:16px}.be-tool[data-action=color]{color:#50c6ff;text-shadow:0 0 10px #148ed2}.be-tool[data-action=soundcloud]{color:#ff8a49}.be-tool[data-action=emoji]{color:#f6cf57}.be-separator{margin:0 5px;background:linear-gradient(transparent,#41484d,transparent)}.be-edit{background:radial-gradient(circle at 12% 0,#14314325,transparent 35%),#111315;transition:box-shadow .2s,background .2s}.be-edit:focus{background:#12171a;box-shadow:inset 0 0 0 1px #0a9fe7,inset 0 0 28px #0870a51c}.be-footer{justify-content:flex-end;border-radius:0 0 5px 5px;background:#171a1c}.be-count{padding:2px 7px;border-radius:999px;background:#22272a;color:#9ca8ae;transition:color .2s,background .2s}.baranus-editor:focus-within .be-count{background:#10364b;color:#9cdaff}.be-popover{transform-origin:top left;animation:be-pop .16s ease;border-color:#314047;background:#15181a;box-shadow:0 16px 38px #000c}.be-popover button{border-radius:4px;color:#d6e0e5;transition:background .14s,transform .14s}.be-popover button:hover{transform:translateX(2px);background:#126593}.be-popover .be-color-grid button:hover{transform:scale(1.12);outline:2px solid #fff}.be-modal-backdrop{backdrop-filter:blur(4px);animation:be-fade .16s ease}.be-modal{animation:be-modal-in .24s cubic-bezier(.2,.8,.2,1);border-color:#34434c;background:linear-gradient(145deg,#1b1e20,#131517)}.be-modal header{background:#1d2023}.be-modal footer{background:#151719}.be-confirm{background:linear-gradient(135deg,#0c9ee9,#0871ba);box-shadow:0 5px 15px #0676b755;transition:transform .16s,box-shadow .16s}.be-confirm:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0676b788}.be-edit table{animation:be-editor-in .22s ease}.be-edit details{transition:border-color .2s,background .2s}.be-edit details:hover{border-color:#2186b8;background:#182126}@keyframes be-editor-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes be-pop{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes be-fade{from{opacity:0}to{opacity:1}}@keyframes be-modal-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.baranus-editor,.be-popover,.be-modal-backdrop,.be-modal{animation:none}.be-tool,.be-edit,.be-confirm{transition:none}}
.baranus-editor{position:relative;overflow:visible;border:1px solid #087fc0;border-radius:6px;background:#121416;box-shadow:0 0 0 1px #061116}.be-toolbar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;min-height:45px;box-sizing:border-box;border-bottom:1px solid #2a3034}.be-tool{display:inline-grid!important;flex:0 0 auto!important;box-sizing:border-box;background:transparent!important;cursor:pointer!important}.be-workspace{display:block;min-height:220px}.be-edit,.be-preview{box-sizing:border-box;display:block;min-height:220px;padding:16px;color:#e7eaec;font:14px/1.65 Arial,sans-serif;outline:0}.be-edit:empty:before{content:attr(data-placeholder);color:#717980}.be-edit h2{font-size:22px}.be-edit h3{font-size:18px}.be-edit blockquote{margin:12px 0;padding:9px 13px;border-left:3px solid #169ce9;background:#182127}.be-edit pre{overflow:auto;padding:12px;border-radius:4px;background:#08090a;color:#b9e3ff}.be-edit img{display:block;max-width:100%;margin:12px 0}.be-edit table{width:100%;border-collapse:collapse}.be-edit td{min-width:60px;padding:7px;border:1px solid #394046}.be-edit details{margin:10px 0;border:1px solid #354049;border-radius:4px}.be-edit summary{padding:8px 10px;cursor:pointer}.be-footer{display:flex;justify-content:flex-end;padding:7px 10px;border-top:1px solid #2a2e31;background:#171a1c;color:#818990;font-size:10px}.be-popover{position:absolute;z-index:30;min-width:145px;max-width:300px;padding:6px;border:1px solid #314047;border-radius:4px;background:#15181a;box-shadow:0 16px 38px #000c}.be-popover button{display:block;width:100%;padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#d6e0e5;text-align:left;cursor:pointer}.be-popover button:hover{background:#126593}.be-hex{display:flex;align-items:center;gap:5px;margin:8px 2px;color:#aab2b7;font-size:10px}.be-hex input,.be-emoji-search{box-sizing:border-box;width:100%;padding:7px;border:1px solid #27759d;border-radius:4px;background:#172027;color:#fff}.be-emojis{display:grid;grid-template-columns:repeat(6,1fr);max-height:170px;overflow:auto}.be-emojis button{text-align:center;font-size:18px}.be-modal-backdrop{position:fixed!important;z-index:9999!important;inset:0!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(0,0,0,.78)!important}.be-modal{width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #34434c;border-radius:6px;background:#17191b;box-shadow:0 20px 80px #000d}.be-modal header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #292d30}.be-modal h2{margin:0;color:#f5f6f7;font-size:20px}.be-close{border:0;background:transparent;color:#aaa;font-size:28px;cursor:pointer}.be-modal-body{display:grid;gap:12px;padding:16px}.be-modal label{display:grid;grid-template-columns:160px 1fr;gap:12px;color:#e8ebed;font-size:12px}.be-modal input,.be-modal textarea,.be-modal select{box-sizing:border-box;width:100%;padding:9px;border:1px solid #27759d;border-radius:4px;background:#172027;color:#f2f4f5}.be-modal footer{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #292d30}.be-modal footer button{padding:9px 14px;border:0;border-radius:4px;cursor:pointer}.be-cancel{background:#2a2e31;color:#dce0e2}.be-confirm{background:#087fc0;color:#fff;font-weight:bold}.be-color-grid{display:grid;grid-template-columns:repeat(5,30px);gap:4px}.be-popover .be-color-grid button{width:30px;height:30px;padding:0;border:1px solid #ffffff24}.be-table-grid{display:grid;grid-template-columns:repeat(5,24px);gap:4px}.be-popover .be-table-grid button{width:24px;height:24px;padding:0;border:1px solid #2d3338}.be-fullscreen{position:fixed;z-index:100;inset:18px;display:flex;flex-direction:column}.be-fullscreen .be-workspace{flex:1}.be-fullscreen .be-edit,.be-fullscreen .be-preview{height:100%;min-height:0}@media(max-width:620px){.be-toolbar{gap:0;padding:5px}.be-tool{min-width:25px;padding:0 4px}.be-modal label{grid-template-columns:1fr}}
.be-edit>div{margin:0;padding:0;border:0!important;background:transparent!important}.be-edit hr{margin:16px 0;border:0;border-top:1px solid #53616a}.be-edit>*:first-child{margin-top:0}.be-edit>*:last-child{margin-bottom:0}.be-popover[data-size]::after{content:attr(data-size);display:block;padding:5px;color:#8fdbff;font-size:10px;text-align:center}.be-tool[data-action=removeFormat]{color:#ffcf8b}.be-tool[data-action=removeFormat]:hover{background:#633b18;color:#fff}
.be-preview[hidden]{display:none!important}.be-font-list{display:grid;grid-template-columns:1fr;max-height:260px;overflow:auto;min-width:175px}.be-font-list button{white-space:nowrap}.be-tool[data-action=underline]{text-decoration:underline;text-underline-offset:3px}.be-tool[data-action=strikeThrough]{text-decoration:line-through;text-decoration-thickness:1px}.be-edit,.be-preview{margin:0!important;border:0!important}.be-workspace{min-height:0!important}.be-edit{min-height:280px!important}.be-preview:not([hidden]){min-height:280px!important}
.be-align-icon{width:18px;height:18px;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:square!important}.be-align-option{display:flex!important;align-items:center;gap:9px}.be-align-option .be-align-icon{flex:0 0 18px}
.be-table-icon{width:17px;height:17px}.be-table-grid{grid-template-columns:repeat(10,18px)!important;gap:4px!important}.be-popover .be-table-grid button{width:18px!important;height:18px!important;border-color:#5cccf044!important;background:transparent!important}.be-popover .be-table-grid button:hover,.be-popover .be-table-grid button.is-selected{background:#35baf02b!important;border-color:#72dfff!important;box-shadow:0 0 0 1px #5bd8fb45!important}
.be-popover[data-size]::after{content:none!important}.be-icon{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.be-link-icon{width:19px!important;height:19px!important;fill:none!important;stroke:#e8ecef!important;stroke-width:3.2!important}.be-list-icon text{font:5px Arial,sans-serif;fill:currentColor;stroke:none}.be-strike-icon text{font:16px Georgia,serif;fill:currentColor;stroke:none}.be-strike-icon path{stroke-width:1.7}.be-tool[data-action=strikeThrough]{text-decoration:none!important}.be-tool[data-action=color]{width:34px!important;font-size:22px!important;line-height:1;text-shadow:none!important}.baranus-editor{border-color:#000!important;background:#1b1e20!important;box-shadow:none!important}.be-edit,.be-edit:focus{background:#24282b!important;box-shadow:none!important}.be-count,.baranus-editor:focus-within .be-count{background:#000!important;color:#d9dde0!important}.be-edit blockquote,.be-preview blockquote,.post-body blockquote,.preview-output blockquote{background:#2b2f32!important;border-left-color:#747b80!important}.be-edit table,.be-preview table,.post-body table,.preview-output table{display:inline-table;width:auto!important;max-width:100%!important;table-layout:fixed;margin:12px 0;border-collapse:collapse;background:#15191c}.be-edit td,.be-preview td,.post-body td,.preview-output td{min-width:0!important;max-width:260px;padding:8px;border:1px solid #3c4a53;overflow-wrap:anywhere;word-break:break-word}.post-body th,.preview-output th{padding:8px;border:1px solid #3c4a53;background:#1c2830;overflow-wrap:anywhere;word-break:break-word}.preview-output{overflow:auto}.be-table-size{display:block;padding:7px 4px 2px;color:#9ce2ff;font-size:11px;text-align:center}.be-popover .be-table-grid button.is-selected{background:#35baf02b!important;border-color:#72dfff!important;box-shadow:0 0 0 1px #5bd8fb45!important}

.demo-page .forum-side-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#c8cdd1;font:12px Arial,sans-serif;text-align:left;cursor:pointer}.demo-page .forum-side-nav button:hover,.demo-page .forum-side-nav button.active{background:#202326;color:#fff}.demo-page .forum-side-nav i{width:13px;color:#7cc5f0;font-style:normal;text-align:center}.demo-local-badge{margin:28px 12px 0;padding:10px;border:1px dashed #3b6f88;border-radius:6px;color:#8fd7ff;font:10px/1.45 Arial,sans-serif}.demo-local-badge small{color:#87949b}.demo-page .forum-account-menu button{display:block;width:100%;padding:8px 0;border:0;border-top:1px solid #282b2e;background:transparent;color:#dfe4e7;font:12px Arial,sans-serif;text-align:left;cursor:pointer}.demo-page .forum-account-menu button:hover{color:#fff}.demo-page .forum-content{min-height:620px}.demo-breadcrumbs{margin-bottom:18px;color:#8dbce0;font-size:12px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.demo-heading h1{margin:0;color:#f4f5f6;font-size:22px}.demo-heading p{margin:5px 0 0;color:#858c91;font-size:11px}.demo-btn{padding:9px 12px;border:1px solid #366b8d;background:#10283a;color:#d8effd;font:11px Arial,sans-serif;cursor:pointer}.demo-btn.danger{border-color:#88504b;background:#351c1a;color:#ffd2cc}.demo-topic-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin:8px 0;padding:13px;border:1px solid #24272a;border-radius:6px;background:#151719;cursor:pointer}.demo-topic-card:hover{border-color:#3d6d87}.demo-topic-card i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#28485b;color:#d4efff;font-style:normal}.demo-topic-card b{display:block;color:#f4f5f6;font-size:13px}.demo-topic-card small{display:block;margin-top:4px;color:#879096;font-size:10px}.demo-topic-card time{color:#8dbce0;font-size:10px}.demo-post{margin-top:12px;border:1px solid #24272a;border-radius:6px;background:#151719}.demo-post header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #24272a;color:#a9d9f5;font-size:11px}.demo-post header button{border:0;background:transparent;color:#92c9e6;cursor:pointer}.demo-post .post-body{padding:15px}.demo-reply{margin-top:18px}.demo-reply .baranus-editor{margin-top:10px}.demo-users{display:grid;gap:8px}.demo-user{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #24272a;border-radius:6px;background:#151719}.demo-user i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#28485b;color:#d4efff;font-style:normal}.demo-user small{display:block;margin-top:3px;color:#8ec8ee}.demo-tools{display:grid;gap:12px;max-width:580px}.demo-tools section{padding:16px;border:1px solid #24272a;border-radius:6px;background:#151719}.demo-tools h2{margin:0 0 8px;font-size:15px}.demo-tools p{color:#9aa2a7;font-size:12px;line-height:1.5}.demo-owner b{color:#b9c5d0}.demo-owner small{color:#94a0a7}.demo-empty{padding:34px;color:#899197;text-align:center}@media(max-width:900px){.demo-page .forum-side{position:fixed;z-index:60;left:0;transform:translateX(-105%);transition:transform .2s}.demo-page .forum-side.is-open{transform:translateX(0)}.demo-page .forum-mobile-toggle{display:block}.demo-page .forum-content{min-height:0}}

:root{--forum-ink:#080a10;--forum-panel:#10131b;--forum-panel-soft:#151821;--forum-line:#ffffff1a;--forum-gold:#b9c5d0;--forum-gold-soft:#b9c5d01c;--forum-text:#f3f1ee;--forum-muted:#a4a6ad}.demo-page{background:radial-gradient(circle at 78% 14%,#9f6f2530,transparent 27%),radial-gradient(circle at 20% 88%,#263f6330,transparent 31%),var(--forum-ink)!important;color:var(--forum-text)!important}.demo-page::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.05;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px}.demo-page .forum-shell{grid-template-columns:238px minmax(0,1fr)}.demo-page .forum-side{display:flex;flex-direction:column;padding:29px 16px;border-right:1px solid var(--forum-line);background:linear-gradient(180deg,#0b0d13e8,#080a10e8);backdrop-filter:blur(16px)}.demo-page .forum-side-brand{margin:0 11px 52px;color:var(--forum-text);font:600 14px/1 Unbounded,sans-serif;letter-spacing:.3px}.demo-page .forum-side-brand img{width:33px;height:33px;padding:4px;border:1px solid var(--forum-gold);border-radius:50%;background:#0a0c11;box-shadow:0 0 16px #c9984355;filter:brightness(0) saturate(100%) invert(80%) sepia(39%) saturate(765%) hue-rotate(358deg) brightness(91%) contrast(84%)}.demo-page .forum-side-nav{gap:8px;margin:0}.demo-page .forum-side-nav button{position:relative;padding:13px 12px;border:1px solid transparent;border-radius:8px;color:#bbb9b8;font:600 9px/1 Unbounded,sans-serif;letter-spacing:.25px}.demo-page .forum-side-nav button::after{content:'';position:absolute;left:-17px;top:50%;width:3px;height:0;border-radius:0 2px 2px 0;background:var(--forum-gold);transform:translateY(-50%);transition:height .2s}.demo-page .forum-side-nav button i{color:#8d8985;font-size:14px}.demo-page .forum-side-nav button:hover{border-color:#ffffff18;background:#ffffff06;color:#fff}.demo-page .forum-side-nav button.active{border-color:#b9c5d050;background:linear-gradient(90deg,#b9c5d01d,transparent);color:#f2dfb0}.demo-page .forum-side-nav button.active::after{height:28px}.demo-page .forum-side-nav button.active i{color:var(--forum-gold)}.demo-page .demo-local-badge{margin-top:auto;border-color:#b9c5d050;border-radius:10px;background:#b9c5d00b;color:#e3c17d;font:600 7px/1.6 Unbounded,sans-serif;letter-spacing:.4px}.demo-page .forum-top{height:82px;padding:0 42px;border-bottom:1px solid var(--forum-line);background:#0a0c11bd;backdrop-filter:blur(18px)}.demo-page .forum-searchbox{max-width:380px;padding:9px 12px;border-color:#ffffff22;border-radius:9px;background:#ffffff06}.demo-page .forum-searchbox:focus-within{border-color:#b9c5d090;box-shadow:0 0 0 3px #b9c5d010}.demo-page .forum-searchbox input{color:#eeeae2;font:500 12px 'DM Sans',sans-serif}.demo-page .forum-searchbox button{color:var(--forum-gold)}.demo-page .forum-account-main{padding:7px 10px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff06;color:#eeeae2;font:600 9px Unbounded,sans-serif}.demo-page .forum-avatar{background:linear-gradient(135deg,#efd486,#84602b);color:#21170c}.demo-page .forum-account-menu{top:46px;border-color:#b9c5d050;border-radius:10px;background:#11141cf5;box-shadow:0 24px 55px #000b}.demo-page .forum-stage{width:min(1320px,calc(100% - 64px));margin:38px auto 62px}.demo-page .forum-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.demo-page .forum-content,.demo-page .forum-right-card{border-color:var(--forum-line);border-radius:16px;background:linear-gradient(145deg,#12151d,#0e1016);box-shadow:0 18px 40px #0004}.demo-page .forum-content{padding:clamp(22px,4vw,42px)}.demo-page .forum-right{gap:16px}.demo-page .forum-right-card{padding:18px}.demo-page .forum-right-card h3{margin-bottom:13px;color:#e9c983;font:600 9px/1 Unbounded,sans-serif;letter-spacing:.45px}.demo-page .forum-right-card small,.demo-page .forum-right-card p{color:#a9a7aa;font:12px/1.55 'DM Sans',sans-serif}.demo-page .demo-breadcrumbs{margin-bottom:28px;color:#c49d58;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.4px}.demo-page .demo-heading{align-items:flex-end;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--forum-line)}.demo-page .demo-heading h1{color:#f3f1ee;font:600 clamp(30px,4vw,52px)/.98 Unbounded,sans-serif;letter-spacing:-2.5px}.demo-page .demo-heading p{max-width:520px;color:#aaa7aa;font:13px/1.55 'DM Sans',sans-serif}.demo-page .demo-btn{padding:13px 15px;border:1px solid var(--forum-gold);border-radius:8px;background:var(--forum-gold);color:#21180d;font:600 8px/1 Unbounded,sans-serif;letter-spacing:.35px;transition:transform .2s,box-shadow .2s}.demo-page .demo-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0007}.demo-page .demo-btn.danger{border-color:#b75651;background:#4b2220;color:#ffd2cc}.demo-page .modern-category{min-height:112px;margin-top:11px;padding:17px;border-color:#ffffff14;border-radius:12px;background:linear-gradient(100deg,#ffffff05,transparent);text-align:left;transition:transform .22s,border-color .22s,background .22s}.demo-page .modern-category:hover{border-color:#b9c5d080;background:#b9c5d00c;transform:translateX(4px)}.demo-page .modern-category-icon{width:39px;height:39px;border:1px solid #b9c5d070;border-radius:11px;background:#b9c5d014;color:#edcc83;font-size:18px}.demo-page .modern-category h3{font:600 15px Unbounded,sans-serif;letter-spacing:-.5px}.demo-page .modern-category p{margin-top:7px;color:#a4a4a7;font:12px/1.45 'DM Sans',sans-serif}.demo-page .modern-category-meta{color:#d5b069;font:600 7px Unbounded,sans-serif;letter-spacing:.5px}.demo-page .modern-last{border-left-color:#ffffff16;color:#e3c17d}.demo-page .modern-last small{color:#99969a}.demo-page .demo-topic-card{border-color:#ffffff16;border-radius:12px;background:linear-gradient(100deg,#ffffff05,transparent);text-align:left;transition:transform .2s,border-color .2s}.demo-page .demo-topic-card:hover{border-color:#b9c5d080;transform:translateY(-2px)}.demo-page .demo-topic-card i,.demo-page .demo-user i{border:1px solid #b9c5d070;background:#b9c5d014;color:#f0d28f}.demo-page .demo-topic-card b,.demo-page .demo-user b{color:#f3f1ee;font:600 12px Unbounded,sans-serif}.demo-page .demo-topic-card small{color:#aaa7aa}.demo-page .demo-topic-card time{color:#d2b16f;font:600 7px Unbounded,sans-serif}.demo-page .demo-post{overflow:hidden;border-color:#ffffff18;border-radius:12px;background:#11141c}.demo-page .demo-post header{padding:12px 16px;border-bottom-color:#ffffff14;background:#ffffff04;color:#d6b56f;font:600 8px/1 Unbounded,sans-serif}.demo-page .demo-post header button{color:#e2bf78;font:600 7px Unbounded,sans-serif}.demo-page .demo-post .post-body{color:#dfdcda;font:14px/1.75 'DM Sans',sans-serif}.demo-page .demo-reply{margin-top:24px;padding:22px;border:1px solid #b9c5d055;border-radius:13px;background:#0d1016}.demo-page .demo-reply .eyebrow{color:#b9c5d0}.demo-page .demo-reply .demo-btn{margin-top:14px}.demo-page .baranus-editor{border-color:#ffffff22!important;background:#12151b!important}.demo-page .be-toolbar{background:#0a0c10!important}.demo-page .be-edit,.demo-page .be-edit:focus{background:#161a1f!important}.demo-page .be-count,.demo-page .baranus-editor:focus-within .be-count{background:#080a10!important}.demo-page .demo-user{border-color:#ffffff16;border-radius:12px;background:#ffffff04}.demo-page .demo-tools section{border-color:#ffffff16;border-radius:12px;background:#ffffff04}.demo-page .demo-tools h2{color:#f1dfb4;font:600 15px Unbounded,sans-serif}.demo-page .demo-link{border:0;background:transparent;color:#b9c5d0;font:inherit;cursor:pointer}@media(max-width:900px){.demo-page .forum-top{padding:0 18px}.demo-page .forum-stage{width:min(100% - 28px,900px)}.demo-page .forum-content{padding:22px}.demo-page .forum-side{box-shadow:20px 0 50px #000b}}@media(max-width:620px){.demo-page .forum-layout{grid-template-columns:1fr}.demo-page .forum-right{display:none}.demo-page .forum-top{grid-template-columns:35px 1fr auto;height:70px}.demo-page .demo-heading{align-items:start;flex-direction:column}.demo-page .modern-category{grid-template-columns:40px minmax(0,1fr)}.demo-page .modern-last{display:none}.demo-page .demo-topic-card{grid-template-columns:32px minmax(0,1fr)}.demo-page .demo-topic-card time{display:none}}

.demo-page{background:radial-gradient(circle at 74% 7%,#c3903d1c,transparent 23%),radial-gradient(circle at 15% 90%,#26324324,transparent 30%),#0b0d12!important}.demo-page::before{display:none}.demo-page .forum-top{display:flex!important;justify-content:flex-end!important;grid-template-columns:none!important}.demo-page .forum-account{margin-left:auto;justify-self:auto}.demo-page .forum-account-menu{right:0}.demo-page .online-cloud .role-owner,.demo-page .role-owner{color:#e7bf69!important}.demo-page .online-cloud .role-moderator,.demo-page .role-moderator{color:#76cbff!important}.demo-page .online-cloud .role-player,.demo-page .role-player{color:#d7dde0!important}.demo-page .demo-user-search{display:flex;gap:10px;margin:-8px 0 20px}.demo-page .demo-user-search input{flex:1;min-width:0;padding:13px 14px;border:1px solid #ffffff22;border-radius:9px;outline:0;background:#ffffff06;color:#f3f1ee;font:500 13px 'Manrope',sans-serif}.demo-page .demo-user-search input:focus{border-color:#b9c5d090;box-shadow:0 0 0 3px #b9c5d010}.demo-page .demo-user{width:100%;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.demo-page .demo-user:hover{border-color:#b9c5d080;background:#b9c5d00c;transform:translateX(4px)}.demo-page .demo-user em{margin-left:auto;color:#ba995a;font:600 7px Unbounded,sans-serif;font-style:normal}.demo-page .demo-user small{font:600 8px Onest,sans-serif}.demo-page .demo-profile{display:grid;grid-template-columns:138px minmax(0,1fr);gap:30px;align-items:center;padding:clamp(26px,5vw,52px);border:1px solid #b9c5d050;border-radius:18px;background:radial-gradient(circle at 88% 12%,#b9c5d01c,transparent 27%),linear-gradient(145deg,#151821,#0e1016);box-shadow:0 24px 55px #0005}.demo-page .demo-profile-mark{display:grid;place-items:center;width:138px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;background:#b9c5d014;font:600 58px/1 Onest,sans-serif;box-shadow:inset 0 0 0 8px #ffffff05}.demo-page .demo-profile h1{margin:12px 0 8px;font:600 clamp(34px,5vw,58px)/1 Onest,sans-serif;letter-spacing:-2px}.demo-page .demo-profile>b{font:700 11px Onest,sans-serif}.demo-page .demo-profile p{margin:18px 0;color:#aaa7aa;font:14px/1.6 Manrope,sans-serif}.demo-page .demo-profile-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.demo-page .demo-profile-stats span{min-width:110px;padding:11px;border:1px solid #ffffff14;border-radius:8px;color:#9d9b9d;font:600 7px Onest,sans-serif;letter-spacing:.4px}.demo-page .demo-profile-stats b{display:block;margin-top:7px;color:#f1eee8;font:600 15px Onest,sans-serif}.demo-page .demo-nick{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.demo-page .demo-nick:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){.demo-page .demo-user-search{flex-direction:column}.demo-page .demo-profile{grid-template-columns:1fr;padding:28px}.demo-page .demo-profile-mark{width:84px}.demo-page .forum-top{padding:0 18px!important}.demo-page .forum-account-main span{display:block}}

.demo-page .forum-quick-actions{position:relative;display:flex;align-items:center;gap:6px;margin-left:auto}
.demo-page .forum-account{margin-left:10px!important}
.demo-page .forum-quick-button{position:relative;display:grid;grid-template-columns:16px auto;gap:7px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cbc8c3;cursor:pointer;font:600 8px Onest,sans-serif;transition:.2s}
.demo-page .forum-quick-button svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-page .forum-quick-button:hover{border-color:#b9c5d070;background:#b9c5d00d;color:#f3d180}
.demo-page .forum-quick-button em{position:absolute;top:3px;left:19px;display:grid;place-items:center;min-width:13px;height:13px;padding:0 3px;border:1px solid #15110a;border-radius:99px;background:#b9c5d0;color:#15110a;font:700 7px/1 Manrope,sans-serif;font-style:normal}
.demo-page .forum-quick-panel{position:absolute;z-index:20;top:calc(100% + 12px);right:0;width:min(310px,calc(100vw - 30px));padding:10px;border:1px solid #b9c5d060;border-radius:10px;background:#11141a;box-shadow:0 20px 45px #0008}
.demo-page .forum-quick-panel strong{display:block;padding:8px 9px 10px;color:#e3bd6d;font:700 8px Onest,sans-serif;letter-spacing:.7px;text-transform:uppercase}
.demo-page .quick-item{display:block;width:100%;padding:10px 9px;border:0;border-radius:7px;background:transparent;color:#e9e6e1;text-align:left;cursor:pointer}.demo-page .quick-item:hover{background:#ffffff0b}.demo-page .quick-item b,.demo-page .quick-item small{display:block}.demo-page .quick-item b{font:700 11px Manrope,sans-serif}.demo-page .quick-item small{margin-top:3px;color:#98979a;font:500 10px/1.4 Manrope,sans-serif}
.demo-page .forum-quick-panel a{display:block;margin:5px 2px 2px;padding:9px;border-top:1px solid #ffffff12;color:#d6b265;font:700 8px Onest,sans-serif;text-decoration:none}
@media(max-width:620px){.demo-page .forum-quick-button span{display:none}.demo-page .forum-quick-button{grid-template-columns:16px;padding:9px}.demo-page .forum-quick-actions{margin-left:auto}}

/* Увеличенная читаемая версия локального форума. */
.demo-page .forum-side-nav button{padding:16px 14px;font-size:11px}.demo-page .forum-side-nav button i{width:18px;font-size:18px}.demo-page .forum-side-brand{font-size:16px}.demo-page .forum-right-card h3{font-size:11px}.demo-page .forum-right-card small,.demo-page .forum-right-card p{font-size:14px}.demo-page .demo-breadcrumbs{font-size:10px}.demo-page .demo-heading p{font-size:15px}.demo-page .demo-btn{padding:15px 17px;font-size:9px}.demo-page .demo-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.demo-page .demo-btn.secondary{border-color:#b9c5d090;background:#ffffff08;color:#e5ca8b}.demo-page .modern-category{min-height:132px;padding:21px}.demo-page .modern-category-icon{width:48px;height:48px;font-size:23px}.demo-page .modern-category h3{font-size:18px}.demo-page .modern-category p{font-size:14px}.demo-page .modern-category-meta,.demo-page .modern-last b{font-size:9px}.demo-page .modern-last small{font-size:12px}.demo-page .demo-topic-card{grid-template-columns:48px minmax(0,1fr) auto;gap:15px;padding:17px}.demo-page .demo-topic-card i{width:39px;height:39px;font-size:17px}.demo-page .demo-topic-card b,.demo-page .demo-user b{font-size:14px}.demo-page .demo-topic-card small{font-size:12px}.demo-page .demo-topic-card time{font-size:9px}
.demo-page .forum-account-main{padding:10px 13px;font-size:10px}.demo-page .forum-quick-button{grid-template-columns:20px;padding:11px}.demo-page .forum-quick-button svg{width:20px;height:20px}.demo-page .forum-quick-button em{left:25px;min-width:15px;height:15px;font-size:8px}
.demo-page .demo-subsections{margin-bottom:26px;padding:17px;border:1px solid #b9c5d035;border-radius:12px;background:#b9c5d008}.demo-page .demo-subsections>.eyebrow{display:block;margin:0 0 12px;color:#b9c5d0;font:700 9px Onest,sans-serif;letter-spacing:.6px}.demo-page .demo-subsections .modern-category{min-height:98px;margin-top:8px;background:#ffffff04}.demo-page .demo-topic-list{border-top:1px solid #ffffff12;padding-top:16px}
.demo-page .demo-post{display:grid;grid-template-columns:175px minmax(0,1fr);margin-top:18px;border-radius:10px;background:#151515}.demo-page .post-author{display:flex;flex-direction:column;align-items:center;padding:22px 15px;border-right:1px solid #ffffff12;background:#101010;text-align:center}.demo-page .post-avatar{display:grid;place-items:center;width:82px;height:82px;margin-bottom:13px;border:2px solid currentColor;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3320,#17110d 62%);font:700 36px/1 Onest,sans-serif;box-shadow:0 0 0 5px #ffffff05}.demo-page .post-author .demo-nick{font:700 14px Manrope,sans-serif}.demo-page .post-author small{margin-top:5px;font:600 10px Onest,sans-serif}.demo-page .post-author-stats{display:flex;justify-content:center;gap:7px;width:100%;margin-top:18px}.demo-page .post-author-stats span{display:flex;flex-direction:column;gap:5px;min-width:58px;padding:8px 4px;border-radius:6px;background:#ffffff08;color:#b9c5d0;font-size:16px}.demo-page .post-author-stats b{color:#d8d6d0;font:700 9px Manrope,sans-serif}.demo-page .post-main{min-width:0;display:flex;flex-direction:column}.demo-page .post-main header{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #ffffff12;background:#1b1b1b;color:#a9a5a0;font:600 10px Manrope,sans-serif}.demo-page .post-main header span{color:#827e78;font-size:9px}.demo-page .post-main header button{margin-left:auto;padding:0;color:#b9c5d0;font-size:10px}.demo-page .demo-post .post-body{flex:1;padding:22px 25px;color:#f3f0eb;font:600 16px/1.65 Manrope,sans-serif}.demo-page .post-body p{margin:0 0 14px}.demo-page .post-body blockquote{margin:0;padding:14px 17px;border-left:3px solid #b9c5d0;background:#ffffff06;color:#dbd8d1}.demo-page .post-main footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #ffffff0c}.demo-page .post-main footer button{border:0;background:transparent;color:#c7c3bd;cursor:pointer;font:600 10px Manrope,sans-serif}.demo-page .post-main footer button:hover{color:#b9c5d0}
.demo-page .post-avatar img,.demo-page .demo-profile-mark img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.demo-page .post-main header button+button{margin-left:0}.demo-page .post-main header .post-delete{color:#df8981}.demo-page .demo-profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-page .avatar-change{display:block;cursor:pointer;color:#b9c5d0;font:700 8px Onest,sans-serif;letter-spacing:.4px}.demo-page .avatar-change input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.demo-page .avatar-change:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.demo-page .demo-heading-actions{justify-content:flex-start}.demo-page .demo-post{grid-template-columns:1fr}.demo-page .post-author{display:grid;grid-template-columns:50px 1fr auto;column-gap:12px;align-items:center;padding:14px;border-right:0;border-bottom:1px solid #ffffff12;text-align:left}.demo-page .post-avatar{grid-row:span 2;width:46px;height:46px;margin:0;font-size:21px}.demo-page .post-author .demo-nick{font-size:13px}.demo-page .post-author-stats{grid-column:3;grid-row:span 2;width:auto;margin:0}.demo-page .post-author-stats span{min-width:38px;padding:4px;font-size:12px}.demo-page .post-author-stats b{font-size:7px}.demo-page .demo-post .post-body{padding:18px;font-size:15px}}

.demo-page .profile-card,.demo-page .profile-status,.demo-page .profile-feed{border:1px solid #ffffff12;border-radius:10px;background:#151515}.demo-page .profile-card{overflow:hidden}.demo-page .profile-top{display:grid;grid-template-columns:164px minmax(0,1fr) auto;gap:22px;padding:18px}.demo-page .profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:9px}.demo-page .profile-avatar{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:#d4a431;color:#241b0e;font:500 74px/1 Onest,sans-serif;overflow:hidden}.demo-page .profile-avatar img,.demo-page .profile-status-avatar img{width:100%;height:100%;object-fit:cover}.demo-page .profile-summary h1{margin:5px 0 8px;font:600 27px/1.1 Manrope,sans-serif}.demo-page .profile-summary>b{font:700 10px Onest,sans-serif}.demo-page .profile-summary p{margin:9px 0;color:#a6a2a0;font:14px/1.45 Manrope,sans-serif}.demo-page .profile-summary strong{color:#f1ede7;font-weight:600}.demo-page .profile-actions{display:flex;align-self:start}.demo-page .profile-actions button{padding:11px 13px;border:1px solid #ffffff0b;background:#191919;color:#bcb7ae;cursor:pointer;font:600 10px Manrope,sans-serif}.demo-page .profile-actions button:hover{background:#242424;color:#b9c5d0}.demo-page .profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.demo-page .profile-stats span{padding:12px 18px;color:#aaa49b;font:13px Manrope,sans-serif}.demo-page .profile-stats span:nth-child(2){text-align:center}.demo-page .profile-stats span:last-child{text-align:right}.demo-page .profile-stats b{display:block;margin-top:5px;color:#b9c5d0;font:700 15px Manrope,sans-serif}.demo-page .profile-tabs{display:flex;gap:2px;padding:0 10px}.demo-page .profile-tabs button{padding:15px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8f8b84;cursor:pointer;font:500 12px Manrope,sans-serif}.demo-page .profile-tabs button.active,.demo-page .profile-tabs button:hover{border-bottom-color:#15a3ee;color:#f1eee8}.demo-page .profile-status{display:flex;align-items:center;gap:14px;margin-top:18px;padding:10px 16px}.demo-page .profile-status-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d4a431;color:#241b0e;font:500 22px Onest,sans-serif;overflow:hidden}.demo-page .profile-status form{display:flex;flex:1;gap:8px}.demo-page .profile-status input{width:100%;padding:12px;border:1px solid #ffffff12;border-radius:6px;background:#111;color:#f2efe9;outline:0;font:14px Manrope,sans-serif}.demo-page .profile-status input:focus{border-color:#b9c5d080}.demo-page .profile-status form button{padding:0 12px;border:1px solid #b9c5d060;border-radius:6px;background:#b9c5d014;color:#e2bf70;font:700 8px Onest,sans-serif;cursor:pointer}.demo-page .profile-status p{color:#9c9891;font:14px Manrope,sans-serif}.demo-page .profile-feed{margin-top:8px;padding:13px 16px;color:#f0ede7;font:14px Manrope,sans-serif}.demo-page .profile-feed p{margin:0}.demo-page .profile-feed article{padding:12px 0;border-bottom:1px solid #ffffff0c}.demo-page .profile-feed article:last-child{border:0}.demo-page .profile-feed article b{color:#e3bf72}.demo-page .profile-feed article div{margin-top:7px;color:#d4d0ca}.demo-page .profile-feed article p{margin:0}.demo-page .profile-avatar-wrap .avatar-change{font-size:8px}
@media(max-width:720px){.demo-page .profile-top{grid-template-columns:1fr;padding:20px}.demo-page .profile-avatar-wrap{align-items:flex-start}.demo-page .profile-avatar{width:94px;height:94px;font-size:47px}.demo-page .profile-actions{position:absolute;right:22px;top:18px}.demo-page .profile-summary h1{font-size:24px}.demo-page .profile-stats span{padding:11px;font-size:11px}.demo-page .profile-tabs{overflow:auto}.demo-page .profile-tabs button{white-space:nowrap}.demo-page .profile-status form{flex-direction:column}.demo-page .profile-status form button{height:38px}}

.demo-page .profile-feed h2{margin:3px 0 14px;color:#f2eee6;font:600 18px Manrope,sans-serif}
.demo-page .profile-feed article small{display:block;margin-top:4px;color:#96918a;font:11px Manrope,sans-serif}
.demo-page .profile-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-page .profile-info-grid span{padding:12px;border:1px solid #ffffff0d;border-radius:6px;background:#ffffff04;color:#9e9990;font:12px Manrope,sans-serif}.demo-page .profile-info-grid b{display:block;margin-top:5px;color:#f2eee7;font:600 14px Manrope,sans-serif}
@media(max-width:620px){.demo-page .profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.demo-page .forum-shell{display:block}.demo-page .forum-workspace{min-width:0}.demo-page .forum-side{position:fixed;z-index:70;inset:0 auto 0 0;width:238px;min-height:100dvh;transform:translateX(-105%);transition:transform .24s ease;box-shadow:20px 0 55px #000b}.demo-page .forum-side.is-open{transform:translateX(0)}.demo-page .forum-mobile-toggle{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid #ffffff1d;border-radius:8px;background:#ffffff08;color:#e6c675;cursor:pointer;font-size:18px}.demo-page .forum-mobile-toggle:hover{border-color:#b9c5d080;background:#b9c5d014}.demo-page .forum-top{grid-template-columns:42px 1fr auto!important}.demo-page .forum-quick-actions{margin-left:auto}

/* Нейтральная графитовая палитра локального форума. */
.demo-page{--forum-gold:#aeb7c0;--forum-gold-soft:#aeb7c01a;background:radial-gradient(circle at 82% 8%,#aeb7c012,transparent 27%),radial-gradient(circle at 10% 95%,#72808d12,transparent 30%),#0d0f12!important}.demo-page .forum-side{background:linear-gradient(180deg,#101216f4,#0c0e11f4);border-color:#ffffff14}.demo-page .forum-side-brand img{border-color:#9ca6ae;box-shadow:0 0 16px #c4cbd322;filter:grayscale(1) brightness(1.65)}.demo-page .forum-side-nav button.active{border-color:#aeb7c055;background:linear-gradient(90deg,#aeb7c017,transparent);color:#e8ebed}.demo-page .forum-side-nav button.active i,.demo-page .forum-side-nav button.active::after{color:#c6cdd3;background:#b9c1c7}.demo-page .forum-top{background:#101216f2}.demo-page .forum-account-main,.demo-page .forum-mobile-toggle{color:#e9ecee}.demo-page .forum-avatar{background:linear-gradient(135deg,#d1d6d9,#69737c);color:#1b2024}.demo-page .forum-content,.demo-page .forum-right-card{background:linear-gradient(145deg,#171a1f,#101216);box-shadow:0 18px 40px #0005}.demo-page .demo-breadcrumbs,.demo-page .forum-right-card h3,.demo-page .modern-category-meta,.demo-page .modern-last,.demo-page .demo-topic-card time{color:#bac3cb}.demo-page .demo-btn{border-color:#aeb7c0;background:#b7c0c7;color:#192026}.demo-page .demo-btn.secondary{border-color:#ffffff25;background:#ffffff0a;color:#dce1e5}.demo-page .demo-btn.danger{border-color:#9d6666;background:#3b2424;color:#f2d4d4}.demo-page .modern-category-icon,.demo-page .demo-topic-card i,.demo-page .demo-user i{border-color:#aeb7c05c;background:#aeb7c015;color:#d6dde2}.demo-page .modern-category:hover,.demo-page .demo-topic-card:hover,.demo-page .demo-user:hover{border-color:#aeb7c080;background:#aeb7c00d}.demo-page .demo-post{background:#15171a;border-color:#ffffff18}.demo-page .post-author{background:#111315}.demo-page .post-avatar{background:radial-gradient(circle at 35% 30%,#424951,#16191d 62%)}.demo-page .post-main header{background:#1b1e22}.demo-page .post-author-stats span{color:#c3cbd1}.demo-page .post-main header button,.demo-page .post-main footer button:hover{color:#d6dde1}.demo-page .demo-reply,.demo-page .baranus-editor{border-color:#ffffff24!important;background:#121519!important}.demo-page .demo-profile,.demo-page .profile-card,.demo-page .profile-status,.demo-page .profile-feed{border-color:#ffffff18;background:#15171a}.demo-page .profile-avatar,.demo-page .profile-status-avatar{background:#aeb7c0;color:#1d2328}.demo-page .profile-actions button:hover{color:#dde3e7}.demo-page .profile-stats b,.demo-page .profile-feed article b{color:#d2d9de}.demo-page .profile-tabs button.active,.demo-page .profile-tabs button:hover{border-bottom-color:#aeb7c0;color:#f1f3f4}.demo-page .profile-status form button{border-color:#aeb7c066;background:#aeb7c015;color:#dce2e6}.demo-page .forum-quick-button:hover{border-color:#aeb7c070;background:#aeb7c00d;color:#e3e8eb}.demo-page .forum-quick-button em{background:#b9c1c7;color:#192026}.demo-page .forum-quick-panel{border-color:#aeb7c050;background:#171a1e}.demo-page .forum-quick-panel strong,.demo-page .forum-quick-panel a{color:#d4dbe0}.demo-page .demo-subsections{border-color:#ffffff1c;background:#ffffff04}.demo-page .demo-subsections>.eyebrow{color:#c6cdd2}

.demo-page .forum-side-nav button.active i{background:transparent;color:#c6cdd3}
.demo-page .forum-side-nav button.active::after{background:#b9c1c7}

/* Снежная палитра: холодные светлые акценты на полностью тёмной основе. */
.demo-page,.demo-page::before{background:#07090c!important}.demo-page{--forum-gold:#dce8ef;--forum-gold-soft:#dce8ef14;color:#edf2f5!important}.demo-page .forum-side,.demo-page .forum-top{background:#0b0d11!important}.demo-page .forum-content,.demo-page .forum-right-card{background:#11141a!important}.demo-page .forum-side-brand img{border-color:#dce8ef;box-shadow:0 0 16px #dce8ef24;filter:grayscale(1) brightness(2)}.demo-page .forum-side-nav button.active{border-color:#dce8ef4f;background:#dce8ef12;color:#f4f8fa}.demo-page .forum-side-nav button.active i{color:#eff7fb}.demo-page .forum-side-nav button.active::after{background:#eff7fb}.demo-page .demo-btn{border-color:#dce8ef;background:#dce8ef;color:#152027}.demo-page .demo-btn.secondary{border-color:#dce8ef55;background:#dce8ef0d;color:#e7f0f5}.demo-page .demo-btn.danger{border-color:#9c6666;background:#352323;color:#f3d5d5}.demo-page .demo-breadcrumbs,.demo-page .forum-right-card h3,.demo-page .modern-category-meta,.demo-page .modern-last,.demo-page .demo-topic-card time{color:#cddce5}.demo-page .modern-category-icon,.demo-page .demo-topic-card i,.demo-page .demo-user i{border-color:#dce8ef60;background:#dce8ef10;color:#eaf4f8}.demo-page .modern-category:hover,.demo-page .demo-topic-card:hover,.demo-page .demo-user:hover{border-color:#dce8ef82;background:#dce8ef0b}.demo-page .demo-post,.demo-page .profile-card,.demo-page .profile-status,.demo-page .profile-feed{background:#12151a}.demo-page .post-author{background:#0d0f13}.demo-page .post-avatar{background:radial-gradient(circle at 35% 30%,#53616c,#12161b 62%)}.demo-page .post-main header{background:#191d23}.demo-page .profile-avatar,.demo-page .profile-status-avatar{background:#dce8ef;color:#1c2931}.demo-page .profile-stats b,.demo-page .profile-feed article b{color:#e3edf2}.demo-page .profile-tabs button.active,.demo-page .profile-tabs button:hover{border-bottom-color:#dce8ef;color:#f5f9fb}.demo-page .forum-quick-button:hover{border-color:#dce8ef70;background:#dce8ef0b;color:#f0f7fa}.demo-page .forum-quick-button em{background:#dce8ef;color:#152027}.demo-page .forum-quick-panel{border-color:#dce8ef55;background:#11151a}.demo-page .forum-quick-panel strong,.demo-page .forum-quick-panel a{color:#e0ebf1}.demo-page .demo-subsections{border-color:#dce8ef25;background:#dce8ef05}.demo-page .demo-subsections>.eyebrow{color:#dce8ef}

.demo-page,.demo-page::before,body.forum-page,.demo-page .forum-shell,.demo-page .forum-workspace,.demo-page .forum-stage,.demo-page .forum-layout{background:#000!important;background-image:none!important}.demo-page .forum-side,.demo-page .forum-top{background:#050505!important}.demo-page .forum-content,.demo-page .forum-right-card{background:#0a0a0a!important}.demo-page .demo-post,.demo-page .profile-card,.demo-page .profile-status,.demo-page .profile-feed{background:#0d0d0d!important}.demo-page .post-author{background:#060606!important}.demo-page .post-main header{background:#121212!important}.demo-page .forum-quick-panel{background:#0c0c0c!important}.demo-page .demo-reply,.demo-page .baranus-editor{background:#090909!important}

.demo-page .topic-composer{padding:clamp(22px,4vw,34px);border:1px solid #ffffff16;border-radius:11px;background:#0a0a0a}.demo-page .topic-composer h1{margin:0;color:#f3f6f8;font:600 28px/1.1 Manrope,sans-serif}.demo-page .topic-composer-hint{margin:10px 0 22px;color:#9ca7ae;font:14px Manrope,sans-serif}.demo-page .topic-composer-hint b{color:#e6eef2}.demo-page .compose-title{box-sizing:border-box;width:100%;margin-bottom:18px;padding:15px 16px;border:1px solid #ffffff1c;border-radius:7px;background:#111;color:#edf2f4;outline:0;font:500 17px Manrope,sans-serif}.demo-page .compose-title:focus{border-color:#dce8ef85;box-shadow:0 0 0 3px #dce8ef12}.demo-page .topic-composer .baranus-editor{min-height:330px;border-color:#ffffff1c!important;border-radius:8px!important;background:#0e0e0e!important}.demo-page .topic-composer .be-toolbar{background:#101010!important}.demo-page .topic-composer .be-edit,.demo-page .topic-composer .be-edit:focus{min-height:250px;background:#111!important}.demo-page .compose-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff0f}.demo-page .compose-options>label:first-child{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;color:#d6dde1;font:600 12px Manrope,sans-serif}.demo-page .compose-options input[type="text"],.demo-page .compose-options input:not([type]){padding:11px;border:1px solid #ffffff16;border-radius:6px;background:#111;color:#eaf0f2;outline:0;font:13px Manrope,sans-serif}.demo-page .compose-check{color:#bfc7cc;font:13px Manrope,sans-serif}.demo-page .compose-check input{accent-color:#dce8ef}.demo-page .compose-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.demo-page .topic-composer .topic-message{margin:12px 0 0;color:#f1aaa4;font:13px Manrope,sans-serif}@media(max-width:620px){.demo-page .topic-composer{padding:18px}.demo-page .topic-composer h1{font-size:24px}.demo-page .compose-actions{justify-content:stretch}.demo-page .compose-actions button{flex:1}.demo-page .compose-options>label:first-child{grid-template-columns:1fr}.demo-page .topic-composer .baranus-editor{min-height:270px}.demo-page .topic-composer .be-edit,.demo-page .topic-composer .be-edit:focus{min-height:200px}}

/* Полностью белый акцент вместо золотого. */
.demo-page{--forum-gold:#fff;--forum-gold-soft:#ffffff14}.demo-page .role-owner,.demo-page .online-cloud .role-owner{color:#f4f7f8!important}.demo-page .forum-side-brand img{border-color:#fff!important;box-shadow:0 0 16px #ffffff25!important}.demo-page .forum-side-nav button.active{border-color:#ffffff55!important;background:#ffffff10!important;color:#fff!important}.demo-page .forum-side-nav button.active i{color:#fff!important}.demo-page .forum-side-nav button.active::after{background:#fff!important}.demo-page .demo-btn{border-color:#fff!important;background:#fff!important;color:#111820!important}.demo-page .demo-btn.secondary{border-color:#ffffff40!important;background:#ffffff0c!important;color:#fff!important}.demo-page .demo-breadcrumbs,.demo-page .forum-right-card h3,.demo-page .modern-category-meta,.demo-page .modern-last,.demo-page .demo-topic-card time{color:#edf1f3!important}.demo-page .modern-category-icon,.demo-page .demo-topic-card i,.demo-page .demo-user i{border-color:#ffffff65!important;background:#ffffff10!important;color:#fff!important}.demo-page .modern-category:hover,.demo-page .demo-topic-card:hover,.demo-page .demo-user:hover{border-color:#ffffff82!important;background:#ffffff0a!important}.demo-page .post-author-stats span,.demo-page .post-main header button,.demo-page .post-main footer button:hover{color:#fff!important}.demo-page .profile-avatar,.demo-page .profile-status-avatar{background:#fff!important;color:#111820!important}.demo-page .profile-stats b,.demo-page .profile-feed article b{color:#fff!important}.demo-page .profile-tabs button.active,.demo-page .profile-tabs button:hover{border-bottom-color:#fff!important;color:#fff!important}.demo-page .forum-quick-button:hover{border-color:#ffffff70!important;background:#ffffff0b!important;color:#fff!important}.demo-page .forum-quick-button em{background:#fff!important;color:#111820!important}.demo-page .forum-quick-panel{border-color:#ffffff55!important}.demo-page .forum-quick-panel strong,.demo-page .forum-quick-panel a,.demo-page .demo-subsections>.eyebrow{color:#fff!important}.demo-page .demo-subsections{border-color:#ffffff25!important;background:#ffffff05!important}

.demo-page .forum-avatar{overflow:hidden}
.demo-page .forum-avatar img{width:100%;height:100%;object-fit:cover}

.demo-page.hide-forum-right .forum-layout{grid-template-columns:minmax(0,1fr)!important}.demo-page.hide-forum-right .forum-right{display:none!important}.demo-page.hide-forum-right .forum-content{max-width:1120px;margin:0 auto;width:100%;box-sizing:border-box}

.demo-page .directory-heading{margin:0 0 22px}.demo-page .directory-heading h1{margin:0;color:#f4f7f8;font:600 27px Manrope,sans-serif}.demo-page .user-directory{display:grid;grid-template-columns:252px minmax(0,1fr);gap:18px}.demo-page .directory-aside{display:grid;align-content:start;gap:16px}.demo-page .directory-card{padding:14px;border:1px solid #ffffff12;border-radius:8px;background:#101010}.demo-page .directory-card h2{margin:0 0 12px;color:#f4f7f8;font:600 15px Manrope,sans-serif}.demo-page .directory-card p{margin:0;color:#94999d;font:13px/1.5 Manrope,sans-serif}.demo-page .directory-search{display:flex;gap:8px}.demo-page .directory-search input{box-sizing:border-box;min-width:0;width:100%;padding:10px 11px;border:1px solid #ffffff16;border-radius:5px;background:#0b0b0b;color:#eff4f6;outline:0;font:13px Manrope,sans-serif}.demo-page .directory-search input:focus{border-color:#ffffff55}.demo-page .directory-search button{display:none}.demo-page .directory-new-users{display:flex;flex-wrap:wrap;gap:7px}.demo-page .directory-new-users button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#333;color:#fff;cursor:pointer;font:600 20px Manrope,sans-serif}.demo-page .directory-new-users button:hover{outline:2px solid #fff;outline-offset:2px}.demo-page .directory-results{overflow:hidden;border:1px solid #ffffff12;border-radius:8px;background:#101010}.demo-page .directory-user{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;border:0;border-bottom:1px solid #ffffff0b;background:transparent;color:#edf2f4;text-align:left;cursor:pointer}.demo-page .directory-user:last-child{border-bottom:0}.demo-page .directory-user:hover{background:#ffffff08}.demo-page .directory-user i{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:#30353a;color:#fff;overflow:hidden;font:600 22px Manrope,sans-serif;font-style:normal}.demo-page .directory-user i img{width:100%;height:100%;object-fit:cover}.demo-page .directory-user span{min-width:0}.demo-page .directory-user b,.demo-page .directory-user small,.demo-page .directory-user em{display:block}.demo-page .directory-user b{font:700 15px Manrope,sans-serif}.demo-page .directory-user small{margin-top:2px;font:600 11px Manrope,sans-serif}.demo-page .directory-user em{margin-top:4px;color:#aeb5ba;font:12px Manrope,sans-serif;font-style:normal}@media(max-width:720px){.demo-page .user-directory{grid-template-columns:1fr}.demo-page .directory-aside{grid-template-columns:1fr 1fr}.demo-page .directory-aside .directory-card:first-child{display:none}.demo-page .directory-card:last-child{grid-column:span 2}}@media(max-width:430px){.demo-page .directory-aside{grid-template-columns:1fr}.demo-page .directory-card:last-child{grid-column:auto}}

.demo-page .directory-tabs{display:flex;gap:7px;margin-top:14px}.demo-page .directory-tabs button{padding:9px 12px;border:1px solid #ffffff18;border-radius:6px;background:#ffffff05;color:#aeb6bb;cursor:pointer;font:600 11px Manrope,sans-serif}.demo-page .directory-tabs button:hover,.demo-page .directory-tabs button.active{border-color:#ffffff65;background:#ffffff12;color:#fff}

.demo-page .directory-switches{padding:0;overflow:hidden}.demo-page .directory-switches button{display:block;width:100%;padding:12px 14px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#aeb6bb;text-align:left;cursor:pointer;font:600 12px Manrope,sans-serif}.demo-page .directory-switches button:last-child{border-bottom:0}.demo-page .directory-switches button:hover,.demo-page .directory-switches button.active{background:#ffffff0d;color:#fff;box-shadow:inset 2px 0 0 #fff}

.demo-page .forum-account-menu{left:auto!important;right:0!important;width:238px!important;padding:13px!important;border:1px solid #ffffff20!important;border-radius:10px!important;background:#0d0d0d!important;box-shadow:0 18px 42px #000c!important}.demo-page .forum-account-menu strong{display:block;color:#f4f7f8!important;font:700 16px Manrope,sans-serif!important}.demo-page .forum-account-menu small{display:block;margin-top:4px;padding-bottom:11px;border-bottom:1px solid #ffffff10;color:#969da2!important;font:13px/1.35 Manrope,sans-serif!important}.demo-page .forum-account-menu a,.demo-page .forum-account-menu button{display:block;box-sizing:border-box;width:100%;padding:11px 0!important;border:0!important;border-bottom:1px solid #ffffff10!important;background:transparent!important;color:#dce2e5!important;font:600 13px Manrope,sans-serif!important;text-align:left!important;text-decoration:none!important;cursor:pointer}.demo-page .forum-account-menu button{border-bottom:0!important}.demo-page .forum-account-menu a:hover,.demo-page .forum-account-menu button:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px!important}

.demo-page .pm-thread{overflow:hidden;border:1px solid #ffffff16;border-radius:10px;background:#0d0d0d}.demo-page .pm-message{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:132px;border-bottom:1px solid #ffffff10}.demo-page .pm-message:last-child{border-bottom:0}.demo-page .pm-message>aside{display:flex;flex-direction:column;align-items:center;padding:18px 12px;border-right:1px solid #ffffff10;background:#070707;text-align:center}.demo-page .pm-avatar{display:grid;place-items:center;width:54px;height:54px;margin-bottom:9px;border-radius:50%;background:#30353a;color:#fff;overflow:hidden;font:600 27px Manrope,sans-serif}.demo-page .pm-avatar img{width:100%;height:100%;object-fit:cover}.demo-page .pm-message aside .demo-nick{font:700 12px Manrope,sans-serif}.demo-page .pm-message aside small{margin-top:3px;font:600 9px Manrope,sans-serif}.demo-page .pm-message>div{min-width:0}.demo-page .pm-message header{padding:11px 16px;border-bottom:1px solid #ffffff0c;background:#111;color:#a6afb5;font:11px Manrope,sans-serif}.demo-page .pm-message .post-body{padding:18px 20px;color:#edf2f4;font:15px/1.65 Manrope,sans-serif}.demo-page .pm-message .post-body p{margin:0}.demo-page .pm-reply{margin-top:18px;padding:18px;border:1px solid #ffffff16;border-radius:10px;background:#0d0d0d}.demo-page .pm-reply .eyebrow{display:block;margin-bottom:10px;color:#edf2f4;font:700 9px Onest,sans-serif}.demo-page .pm-reply .baranus-editor{border-color:#ffffff1d!important;background:#101010!important}.demo-page .pm-reply .be-toolbar{background:#0c0c0c!important}.demo-page .pm-reply .be-edit,.demo-page .pm-reply .be-edit:focus{min-height:150px;background:#111!important}.demo-page .pm-reply .demo-btn{margin-top:13px}@media(max-width:620px){.demo-page .pm-message{grid-template-columns:1fr}.demo-page .pm-message>aside{display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;padding:11px;border-right:0;border-bottom:1px solid #ffffff10;text-align:left}.demo-page .pm-avatar{grid-row:span 2;width:42px;height:42px;margin:0;font-size:20px}.demo-page .pm-message .post-body{padding:16px}.demo-page .pm-reply{padding:13px}}

.demo-page .forum-list{display:grid;gap:12px}.demo-page .forum-list .modern-category{box-sizing:border-box;width:100%;min-height:112px;margin:0;padding:18px 20px;display:grid!important;grid-template-columns:54px minmax(0,1fr) 175px;gap:17px;align-items:center;border:1px solid #ffffff16!important;border-radius:12px!important;background:linear-gradient(105deg,#ffffff08,#ffffff02)!important;text-align:left}.demo-page .forum-list .modern-category:hover{border-color:#ffffff55!important;background:linear-gradient(105deg,#ffffff0e,#ffffff04)!important;transform:translateY(-2px)!important}.demo-page .forum-list .modern-category-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff40!important;border-radius:12px!important;background:#ffffff0b!important;color:#fff!important;font-size:24px!important}.demo-page .forum-list .modern-category h3{margin:0;color:#f6f8f9;font:600 18px Manrope,sans-serif!important;letter-spacing:0}.demo-page .forum-list .modern-category p{margin:6px 0 10px;color:#aeb5ba;font:14px/1.45 Manrope,sans-serif!important}.demo-page .forum-list .modern-category-meta{color:#dbe2e6!important;font:700 9px Onest,sans-serif!important;letter-spacing:.5px}.demo-page .forum-list .modern-last{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:7px;padding-left:20px;border-left:1px solid #ffffff14!important;color:#fff!important}.demo-page .forum-list .modern-last b{font:600 12px Manrope,sans-serif!important}.demo-page .forum-list .modern-last small{color:#9fa7ad;font:12px Manrope,sans-serif!important}@media(max-width:700px){.demo-page .forum-list .modern-category{grid-template-columns:48px minmax(0,1fr);padding:16px;gap:13px}.demo-page .forum-list .modern-category-icon{width:46px;height:46px;font-size:21px!important}.demo-page .forum-list .modern-category h3{font-size:16px!important}.demo-page .forum-list .modern-category p{font-size:13px!important}.demo-page .forum-list .modern-last{display:none}}

.demo-page .subcategory-composer{max-width:920px;margin:0 auto}.demo-page .compose-description{display:block;margin-top:18px;color:#d8e0e4;font:600 12px Manrope,sans-serif}.demo-page .compose-description textarea{box-sizing:border-box;display:block;width:100%;min-height:150px;margin-top:9px;padding:15px 16px;resize:vertical;border:1px solid #ffffff1c;border-radius:7px;background:#111;color:#edf2f4;outline:0;font:14px/1.55 Manrope,sans-serif}.demo-page .compose-description textarea:focus{border-color:#ffffff70;box-shadow:0 0 0 3px #ffffff0d}

.demo-page .forum-list .modern-category{grid-template-columns:54px minmax(0,1fr) 230px}.demo-page .category-latest{align-self:stretch;display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid #ffffff14;color:#fff}.demo-page .category-latest>i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#333b42;color:#fff;overflow:hidden;font:600 18px Manrope,sans-serif;font-style:normal}.demo-page .category-latest>i img{width:100%;height:100%;object-fit:cover}.demo-page .category-latest>span{min-width:0}.demo-page .category-latest b,.demo-page .category-latest small{display:block}.demo-page .category-latest b{overflow:hidden;color:#eef3f5;font:600 11px/1.35 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.demo-page .category-latest small{margin-top:4px;color:#98a2a9;font:11px Manrope,sans-serif}.demo-page .category-latest em{font-style:normal}.demo-page .category-latest-empty{justify-content:center;color:#818b91;font:12px Manrope,sans-serif}@media(max-width:700px){.demo-page .forum-list .modern-category{grid-template-columns:48px minmax(0,1fr)}.demo-page .category-latest{display:none}}

.demo-page .category-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 6px;border-radius:8px;background:#ffffff16;color:#f2f5f6;font:700 7px/1 Onest,sans-serif;font-style:normal;letter-spacing:.35px}.demo-page .category-card-stats,.demo-page .category-children{display:block;margin-top:8px;color:#c6d0d5;font:600 10px Manrope,sans-serif}.demo-page .category-children{color:#aeb8bd}@media(max-width:700px){.demo-page .forum-list{gap:9px}.demo-page .forum-list .modern-category{min-height:0;padding:11px 10px;border-radius:7px!important;grid-template-columns:44px minmax(0,1fr)}.demo-page .forum-list .modern-category-icon{width:40px;height:40px;border:0!important;border-radius:8px!important;background:#ffffff0a!important;font-size:20px!important}.demo-page .forum-list .modern-category h3{font-size:15px!important;line-height:1.2}.demo-page .forum-list .modern-category p,.demo-page .forum-list .modern-category-meta{display:none}.demo-page .category-badge{margin-left:4px;padding:3px 5px;font-size:6px}.demo-page .category-card-stats{margin-top:5px;font-size:11px}.demo-page .category-children{margin-top:4px;font-size:11px}}

.demo-page .forum-admin-trigger{display:grid!important;place-items:center;grid-template-columns:1fr!important;width:40px;height:40px;padding:0!important;color:#e7edf0!important;font-size:19px!important}.demo-page .admin-modal article{width:min(760px,calc(100vw - 28px));max-width:none;padding:0!important;border:1px solid #ffffff22!important;border-radius:12px!important;background:#0c0c0c!important;overflow:hidden}.demo-page .admin-window>header{padding:25px 28px;border-bottom:1px solid #ffffff12;background:#101010}.demo-page .admin-window>header .eyebrow{color:#cbd6dc;font:700 8px Onest,sans-serif;letter-spacing:.6px}.demo-page .admin-window>header h2{margin:9px 0 4px;color:#f4f7f8;font:600 28px Manrope,sans-serif}.demo-page .admin-window>header p{margin:0;color:#969fa5;font:14px Manrope,sans-serif}.demo-page .admin-layout{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:330px}.demo-page #adminNav{padding:12px;border-right:1px solid #ffffff10;background:#080808}.demo-page #adminNav button{display:block;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#a9b1b6;text-align:left;cursor:pointer;font:600 12px Manrope,sans-serif}.demo-page #adminNav button:hover,.demo-page #adminNav button.active{background:#ffffff0d;color:#fff}.demo-page #adminContent{padding:24px}.demo-page .admin-title h3{margin:0;color:#f2f5f6;font:600 20px Manrope,sans-serif}.demo-page .admin-title p{margin:7px 0 20px;color:#9ca5aa;font:13px/1.5 Manrope,sans-serif}.demo-page .admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.demo-page .admin-stats span{padding:14px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff04;color:#9ea8ae;font:700 8px Onest,sans-serif;letter-spacing:.4px}.demo-page .admin-stats b{display:block;margin-top:7px;color:#fff;font:600 21px Manrope,sans-serif}.demo-page .admin-note{margin-top:16px;padding:13px;border-left:2px solid #fff;background:#ffffff06;color:#b8c1c6;font:13px/1.5 Manrope,sans-serif}.demo-page .admin-note b{color:#fff}.demo-page .admin-actions{display:grid;gap:9px}.demo-page .admin-actions button,.demo-page .admin-user-list button{padding:12px 14px;border:1px solid #ffffff18;border-radius:7px;background:#ffffff07;color:#e9eef0;text-align:left;cursor:pointer;font:600 13px Manrope,sans-serif}.demo-page .admin-actions button:hover,.demo-page .admin-user-list button:hover{border-color:#ffffff65;background:#ffffff10}.demo-page .admin-actions .admin-danger{border-color:#8e5151;color:#f0b4b0}.demo-page .admin-user-list{display:grid;gap:6px}.demo-page .admin-user-list>div{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #ffffff10;border-radius:7px}.demo-page .admin-user-list i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#343a3f;overflow:hidden;font:600 17px Manrope,sans-serif;font-style:normal}.demo-page .admin-user-list i img{width:100%;height:100%;object-fit:cover}.demo-page .admin-user-list span{flex:1}.demo-page .admin-user-list b,.demo-page .admin-user-list small{display:block}.demo-page .admin-user-list b{font:700 13px Manrope,sans-serif}.demo-page .admin-user-list small{margin-top:3px;color:#9da6ab;font:11px Manrope,sans-serif}.demo-page .admin-user-list button{padding:7px 9px;font-size:11px}@media(max-width:600px){.demo-page .admin-layout{grid-template-columns:1fr}.demo-page #adminNav{display:flex;gap:5px;overflow:auto;padding:9px;border-right:0;border-bottom:1px solid #ffffff10}.demo-page #adminNav button{width:auto;white-space:nowrap}.demo-page #adminContent{padding:18px}.demo-page .admin-window>header{padding:20px}.demo-page .admin-window>header h2{font-size:24px}}

.demo-page #demoAdminModal.admin-modal{position:fixed!important;z-index:120!important;inset:auto!important;width:min(690px,calc(100vw - 24px));height:auto!important;padding:0!important;background:transparent!important}.demo-page #demoAdminModal.admin-modal[hidden]{display:none!important}.demo-page #demoAdminModal.admin-modal article{width:100%!important;max-height:min(690px,calc(100vh - 94px));overflow:auto;box-shadow:0 24px 65px #000d!important}.demo-page .admin-form{display:grid;gap:13px}.demo-page .admin-form label{display:grid;gap:6px;color:#c4cdd2;font:600 12px Manrope,sans-serif}.demo-page .admin-form input,.demo-page .admin-form select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #ffffff1c;border-radius:6px;background:#111;color:#eef3f5;outline:0;font:13px Manrope,sans-serif}.demo-page .admin-form input:focus,.demo-page .admin-form select:focus{border-color:#ffffff65}.demo-page .admin-form .demo-btn{justify-self:start;margin-top:2px}.demo-page .admin-form-message{margin:0;color:#d9e2e6;font:12px/1.5 Manrope,sans-serif}.demo-page .admin-complaints{display:grid;gap:8px}.demo-page .admin-complaints article{padding:12px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff04}.demo-page .admin-complaints b{color:#f0f4f6;font:600 13px Manrope,sans-serif}.demo-page .admin-complaints p{margin:6px 0 10px;color:#aeb8bd;font:12px/1.45 Manrope,sans-serif}.demo-page .admin-complaints button,.demo-page .admin-ban-list button{padding:6px 8px;border:1px solid #ffffff1f;border-radius:5px;background:#ffffff09;color:#e7edf0;cursor:pointer;font:600 10px Manrope,sans-serif}.demo-page .admin-ban-list{display:grid;gap:6px;margin-top:17px}.demo-page .admin-ban-list span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #ffffff10;border-radius:6px;color:#b9c3c8;font:12px Manrope,sans-serif}.demo-page .admin-ban-list b{color:#f2f6f7}.demo-page .admin-empty{margin:0;color:#a7b0b5;font:13px Manrope,sans-serif}@media(max-width:600px){.demo-page #demoAdminModal.admin-modal{left:12px!important;width:calc(100vw - 24px)!important;top:70px!important}.demo-page #demoAdminModal.admin-modal article{max-height:calc(100vh - 82px)}}

.demo-page #demoAdminModal.admin-modal:not([hidden]){display:block!important}
.demo-page #demoAdminModal.admin-modal[hidden]{display:none!important}

.demo-page .admin-popover{position:absolute;z-index:200;top:calc(100% + 11px);right:0;width:min(700px,calc(100vw - 24px));border:1px solid #ffffff24;border-radius:12px;background:#0c0c0c;box-shadow:0 25px 65px #000d;overflow:hidden}
.demo-page .admin-popover[hidden]{display:none!important}
.demo-page .admin-popover-close{position:absolute;z-index:1;top:13px;right:15px;width:30px;height:30px;border:1px solid #ffffff20;border-radius:7px;background:#171717;color:#d8dfe2;cursor:pointer;font:400 23px/25px Arial,sans-serif}.demo-page .admin-popover-close:hover{background:#262626;color:#fff}
.demo-page .admin-popover>header{padding:22px 58px 21px 24px;border-bottom:1px solid #ffffff12;background:#101010}.demo-page .admin-popover>header .eyebrow{color:#b7c3c9;font:700 8px Onest,sans-serif;letter-spacing:.7px}.demo-page .admin-popover>header h2{margin:8px 0 3px;color:#f5f7f8;font:600 26px Manrope,sans-serif}.demo-page .admin-popover>header p{margin:0;color:#949da3;font:13px Manrope,sans-serif}
.demo-page .admin-popover .admin-layout{display:block!important;min-height:0!important}.demo-page .admin-popover #adminNav{display:flex!important;gap:4px;overflow-x:auto;padding:10px 14px!important;border-right:0!important;border-bottom:1px solid #ffffff10;background:#0b0b0b}.demo-page .admin-popover #adminNav button{display:block!important;flex:0 0 auto;width:auto!important;padding:9px 11px!important;white-space:nowrap;border:1px solid transparent!important;border-radius:6px!important;text-align:center!important}.demo-page .admin-popover #adminNav button.active{border-color:#ffffff25!important;background:#ffffff10!important}.demo-page .admin-popover #adminContent{max-height:min(470px,calc(100vh - 245px));padding:22px 24px!important;overflow:auto}
.demo-page .admin-role-separator{height:1px;margin:20px 0;background:#ffffff12}.demo-page #adminCreateRoleForm{grid-template-columns:minmax(0,1fr) 130px auto;align-items:end}.demo-page #adminCreateRoleForm .admin-form-message{grid-column:1/-1}.demo-page #adminCreateRoleForm input[type="color"]{height:41px;padding:4px;cursor:pointer}
.demo-page .admin-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-page .admin-reset-role{padding:11px 13px;border:1px solid #ffffff25;border-radius:7px;background:#ffffff08;color:#e1e7e9;cursor:pointer;font:700 10px Manrope,sans-serif}.demo-page #adminRoleAccessForm select[multiple]{min-height:106px;padding:5px}.demo-page #adminRoleAccessForm option{padding:5px}.demo-page .admin-ban-list span small{flex:1;color:#aeb8bd;font:11px/1.35 Manrope,sans-serif}
.demo-page #demoComplaintModal .complaint-title{margin:8px 0 18px;color:#f4f7f8;font:600 24px Manrope,sans-serif}.demo-page #demoComplaintModal textarea{box-sizing:border-box;display:block;width:100%;min-height:120px;resize:vertical;padding:11px 12px;border:1px solid #ffffff22;border-radius:6px;background:#111;color:#eef3f5;outline:0;font:13px/1.45 Manrope,sans-serif}.demo-page #demoComplaintModal textarea:focus{border-color:#ffffff65}
.demo-page #demoComplaintModal{position:fixed!important;z-index:1000!important;inset:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;background:#000000b8!important;backdrop-filter:blur(7px)}.demo-page #demoComplaintModal[hidden]{display:none!important}.demo-page #demoComplaintModal article{position:relative!important;box-sizing:border-box!important;width:min(560px,100%)!important;max-height:calc(100vh - 48px)!important;margin:0!important;padding:30px!important;overflow:auto!important;border:1px solid #ffffff2b!important;border-radius:12px!important;background:#101010!important;box-shadow:0 28px 80px #000d!important}.demo-page #demoComplaintModal .modal-close{position:absolute!important;top:14px!important;right:15px!important;z-index:1!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid #ffffff25!important;border-radius:7px!important;background:#171717!important;color:#fff!important;font-size:20px!important;line-height:1!important}.demo-page #demoComplaintModal .topic-form{margin-top:0!important}.demo-page #demoComplaintModal .topic-form label{display:grid!important;gap:7px!important}.demo-page #demoComplaintModal .topic-form input{box-sizing:border-box!important;width:100%!important}
.demo-page #demoTopicModal[hidden],.demo-page #demoSubcategoryModal[hidden]{display:none!important}
.demo-page #demoComplaintModal .eyebrow{color:#f3f6f7!important}.demo-page #demoComplaintModal .complaint-title{color:#f5f7f8!important;font-size:27px!important}.demo-page #demoComplaintModal .topic-form label{color:#c7d0d4!important;font:700 9px/1 Onest,sans-serif!important;letter-spacing:.5px!important}.demo-page #demoComplaintModal .topic-form input,.demo-page #demoComplaintModal .topic-form textarea{border-color:#ffffff24!important;background:#0a0a0a!important;color:#edf2f3!important}.demo-page #demoComplaintModal .topic-form input:focus,.demo-page #demoComplaintModal .topic-form textarea:focus{border-color:#ffffff70!important}.demo-page #demoComplaintModal .topic-form .button{justify-self:start!important;padding:13px 16px!important;border:1px solid #fff!important;border-radius:7px!important;background:#fff!important;color:#111820!important;font:700 8px/1 Onest,sans-serif!important;letter-spacing:.35px!important}.demo-page #demoComplaintModal .modal-close:hover{border-color:#fff!important;background:#ffffff12!important}
.demo-page .be-modal-backdrop{background:#000000b8!important;backdrop-filter:blur(7px)}.demo-page .be-modal{border-color:#ffffff28!important;border-radius:12px!important;background:#101010!important}.demo-page .be-modal header,.demo-page .be-modal footer{border-color:#ffffff10!important;background:#141414!important}.demo-page .be-modal h2{font-family:Manrope,sans-serif!important}.demo-page .be-modal input,.demo-page .be-modal textarea,.demo-page .be-modal select{border-color:#ffffff24!important;background:#0a0a0a!important}.demo-page .be-close{color:#fff!important}.demo-page .be-cancel{background:#ffffff12!important;color:#e9eef0!important}.demo-page .be-confirm{background:#fff!important;color:#111820!important;box-shadow:none!important}
.demo-page .profile-wall-compose{margin-top:12px;padding:18px;border:1px solid #ffffff16;border-radius:10px;background:#111}.demo-page .profile-wall-compose h2{margin:0 0 12px;color:#f4f7f8;font:600 16px Manrope,sans-serif}.demo-page .profile-wall-compose form{display:grid;gap:10px}.demo-page .profile-wall-compose textarea{box-sizing:border-box;width:100%;min-height:90px;resize:vertical;padding:11px 12px;border:1px solid #ffffff22;border-radius:6px;background:#0b0b0b;color:#eef3f5;font:13px/1.45 Manrope,sans-serif}.demo-page .profile-wall-compose .demo-btn{justify-self:start}
.demo-page .post-author{padding:20px 14px!important}.demo-page .post-avatar-wrap{margin-bottom:10px}.demo-page .post-avatar{position:relative;width:76px!important;height:76px!important;margin:0!important;border:0!important;background:#ffffff16!important;box-shadow:none!important;font-size:33px!important}.demo-page .post-avatar em{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border:2px solid #101010;border-radius:50%;background:#ff6b73}.demo-page .post-author .demo-nick{font-size:14px!important}.demo-page .post-author>small{margin-top:3px!important}.demo-page .post-author-stats{gap:6px!important;margin-top:14px!important}.demo-page .post-author-stats span{min-width:0!important;flex:1;padding:8px 3px!important;background:#ffffff08!important;color:#e4e9eb!important;font-size:14px!important}.demo-page .post-author-stats i{display:block;font-style:normal}.demo-page .post-author-stats b{font-size:8px!important}.demo-page .post-role-tags{display:grid;gap:4px;width:100%;margin-top:10px}.demo-page .post-role-tags span{padding:4px 5px;border-radius:3px;background:#ffffff12;color:#e4eaed;font:700 7px/1.2 Onest,sans-serif;letter-spacing:.25px;text-align:center}.demo-page .post-role-tags span:first-child{border:1px solid currentColor;background:#ffffff08}
.demo-page #demoComplaintModal .complaint-dialog{width:min(600px,100%)!important;padding:0!important;background:linear-gradient(145deg,#15171b,#0e0f12)!important}
.demo-page #demoComplaintModal .complaint-dialog-header{display:flex;justify-content:space-between;gap:20px;padding:27px 28px 21px;border-bottom:1px solid #ffffff12;background:linear-gradient(100deg,#ffffff06,transparent)}
.demo-page #demoComplaintModal .complaint-dialog-header .eyebrow{color:#bfcbd2!important;font-size:8px!important}
.demo-page #demoComplaintModal .complaint-title{margin:8px 0 6px!important;font-size:28px!important;letter-spacing:-.7px}
.demo-page #demoComplaintModal .complaint-dialog-header p{max-width:370px;margin:0;color:#929ba2;font:12px/1.5 Manrope,sans-serif}
.demo-page #demoComplaintModal .complaint-dialog .modal-close{position:static!important;flex:0 0 32px;margin:0}
.demo-page #demoComplaintModal .complaint-dialog .topic-form{display:grid;gap:17px;padding:22px 28px 24px}
.demo-page #demoComplaintModal .complaint-target{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px!important;padding:10px!important;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05}
.demo-page #demoComplaintModal .complaint-target>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b9c7d51a;color:#dce6eb;font:700 15px Arial,sans-serif}
.demo-page #demoComplaintModal .complaint-target div{display:grid;gap:4px;min-width:0}
.demo-page #demoComplaintModal .complaint-target small,.demo-page #demoComplaintModal .complaint-reason>span{color:#9da9b0;font:700 8px/1 Onest,sans-serif;letter-spacing:.55px}
.demo-page #demoComplaintModal .complaint-target input{padding:0!important;border:0!important;background:transparent!important;color:#f1f4f5!important;font:600 13px Manrope,sans-serif!important}
.demo-page #demoComplaintModal .complaint-reason{display:grid!important;gap:8px!important}
.demo-page #demoComplaintModal .complaint-reason textarea{min-height:144px!important;padding:13px 14px!important;border-radius:8px!important;background:#0a0b0d!important}
.demo-page #demoComplaintModal .complaint-reason>small{color:#7e8990;font:10px Manrope,sans-serif}
.demo-page #demoComplaintModal .complaint-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}
.demo-page #demoComplaintModal .complaint-cancel{padding:12px 14px;border:1px solid #ffffff22;border-radius:7px;background:#ffffff08;color:#d7dde0;font:700 8px/1 Onest,sans-serif;letter-spacing:.35px;cursor:pointer}
.demo-page #demoComplaintModal .complaint-actions .button{margin:0!important}
.demo-page #demoComplaintModal .topic-message{min-height:16px;margin:0 28px 23px!important;color:#f1a5a5;font:11px Manrope,sans-serif}
@media(max-width:520px){.demo-page #demoComplaintModal{padding:12px!important}.demo-page #demoComplaintModal .complaint-dialog-header{padding:22px 19px 17px}.demo-page #demoComplaintModal .complaint-dialog .topic-form{padding:18px 19px}.demo-page #demoComplaintModal .complaint-actions{flex-direction:column-reverse}.demo-page #demoComplaintModal .complaint-actions button{width:100%;justify-content:center}.demo-page #demoComplaintModal .topic-message{margin:0 19px 18px!important}}
.demo-page .post-role-tags{margin-top:11px}.demo-page .post-role-tags span{padding:7px 6px;border-radius:4px;font-size:9px;letter-spacing:.35px}
.demo-page .category-subsections,.demo-page .category-topics{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff12}.demo-page .category-subsections>.eyebrow,.demo-page .category-topics>.eyebrow{display:block;margin-bottom:12px;color:#f1f4f5;font:700 8px Onest,sans-serif;letter-spacing:.6px}.demo-page .category-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-page .category-subcard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:120px;padding:15px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;color:#eaf0f2;text-align:left;cursor:pointer}.demo-page .category-subcard:hover{border-color:#ffffff55;background:#ffffff08}.demo-page .category-subcard>i{display:grid;place-items:center;width:39px;height:39px;border-radius:8px;background:#ffffff0d;color:#fff;font-style:normal}.demo-page .category-subcard h3{margin:0;color:#f4f7f8;font:600 15px Manrope,sans-serif}.demo-page .category-subcard h3 em,.demo-page .category-topic-row b em{margin-left:5px;padding:3px 5px;border-radius:6px;background:#ffffff18;color:#f5f7f8;font:700 7px Onest,sans-serif;font-style:normal;letter-spacing:.3px}.demo-page .category-subcard p{margin:5px 0 8px;color:#aeb8bd;font:12px/1.35 Manrope,sans-serif}.demo-page .category-subcard .category-latest{grid-column:1/-1;margin-top:0;padding-top:8px;border-top:1px solid #ffffff0b}.demo-page .category-topic-list{display:grid;border:1px solid #ffffff12;border-radius:9px;overflow:hidden}.demo-page .category-topic-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border:0;border-bottom:1px solid #ffffff0b;background:#ffffff03;color:#eef2f3;text-align:left;cursor:pointer}.demo-page .category-topic-row:last-child{border-bottom:0}.demo-page .category-topic-row:hover{background:#ffffff09}.demo-page .category-topic-row>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff14;font:600 15px Manrope,sans-serif;font-style:normal}.demo-page .category-topic-row b{display:block;font:600 13px Manrope,sans-serif}.demo-page .category-topic-row small{display:block;margin-top:4px;color:#aeb8bd;font:10px Manrope,sans-serif}.demo-page .category-topic-row time{color:#aeb8bd;font:10px/1.4 Manrope,sans-serif;text-align:right}.demo-page .category-topic-row time strong{display:block;font-weight:600}
.demo-page .category-topic-row>span,.demo-page .category-topic-row small{position:static!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important}.demo-page .category-topic-row small{display:block!important;margin:4px 0 0!important;line-height:1.2!important}
.demo-page .category-topic-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) 128px 150px!important;min-height:62px;padding:10px 14px!important;gap:11px!important}.demo-page .category-topic-row>.topic-row-avatar{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#ffffff14!important;font:600 14px Manrope,sans-serif!important;font-style:normal!important}.demo-page .category-topic-row .topic-row-main{display:block!important;min-width:0!important;background:transparent!important}.demo-page .category-topic-row .topic-row-main>b{display:block!important;overflow:hidden!important;color:#f0f4f5!important;font:600 13px/1.25 Manrope,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}.demo-page .category-topic-row .topic-row-main small{display:block!important;margin:4px 0 0!important;color:#98a4aa!important;font:10px Manrope,sans-serif!important}.demo-page .category-topic-row .topic-row-stats{display:flex!important;align-items:center!important;gap:7px!important;background:transparent!important;color:#9ca8ae!important;font:10px/1.3 Manrope,sans-serif!important}.demo-page .category-topic-row .topic-row-stats>i{font-style:normal}.demo-page .category-topic-row .topic-row-stats b,.demo-page .category-topic-row .topic-row-stats small{display:block!important;margin:0!important;color:#eef3f4!important;font:600 10px Manrope,sans-serif!important}.demo-page .category-topic-row .topic-row-last{display:grid!important;grid-template-columns:minmax(0,1fr) 27px!important;align-items:center!important;column-gap:7px!important;background:transparent!important;text-align:right!important}.demo-page .category-topic-row .topic-row-last time,.demo-page .category-topic-row .topic-row-last strong{display:block!important;grid-column:1!important;margin:0!important;color:#aab5ba!important;font:10px/1.3 Manrope,sans-serif!important}.demo-page .category-topic-row .topic-row-last strong{font-weight:600!important}.demo-page .category-topic-row .topic-row-last>i{grid-column:2!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#ffffff14!important;font:600 11px Manrope,sans-serif!important;font-style:normal!important}
.demo-page .topic-hero{margin-bottom:20px;padding:22px 24px;border:1px solid #ffffff18;border-radius:12px;background:linear-gradient(115deg,#121212,#0c0c0c)}.demo-page .topic-crumbs{display:flex;align-items:center;gap:8px;color:#aeb9be;font:700 9px Onest,sans-serif;letter-spacing:.35px}.demo-page .topic-crumbs .demo-link{color:#d9e1e4}.demo-page .topic-hero-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:24px}.demo-page .topic-hero .eyebrow{color:#aeb9be;font:700 8px Onest,sans-serif;letter-spacing:.6px}.demo-page .topic-hero h1{max-width:780px;margin:8px 0 7px;color:#f5f7f8;font:600 clamp(27px,3.5vw,43px)/1.04 Manrope,sans-serif;letter-spacing:-1.7px}.demo-page .topic-hero p{margin:0;color:#9ea8ad;font:13px Manrope,sans-serif}.demo-page .topic-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.demo-page .topic-hero-actions .demo-btn{padding:10px 11px;font-size:8px}.demo-page .topic-posts{display:grid;gap:14px}.demo-page .topic-posts .demo-post{margin-top:0!important}.demo-page .topic-reply{margin-top:18px!important;border-color:#ffffff22!important;background:#101010!important}
.demo-page .category-topic-row{grid-template-columns:36px minmax(0,1fr) 145px!important;min-height:64px!important}.demo-page .category-topic-row .topic-row-stats{justify-content:flex-start!important;border-left:1px solid #ffffff10;padding-left:13px}.demo-page .category-topic-row .topic-row-stats span{display:block!important}.demo-page .category-topic-row .topic-row-stats small{margin-top:3px!important;color:#9ca8ae!important}.demo-page .category-topic-row .topic-row-last{display:none!important}
.demo-page .category-topic-list{display:grid;gap:8px;border:0!important;border-radius:0!important;overflow:visible!important}.demo-page .clean-topic-card{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:70px;padding:13px 15px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff04;color:#eef3f4;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.demo-page .clean-topic-card:hover,.demo-page .clean-topic-card:focus-visible{border-color:#ffffff80;background:#ffffff0b;outline:0;transform:translateY(-1px)}.demo-page .clean-topic-card>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff10;font:600 16px Manrope,sans-serif;font-style:normal}.demo-page .clean-topic-card .topic-card-copy{min-width:0}.demo-page .clean-topic-card b{display:block;overflow:hidden;color:#f2f5f6;font:600 14px/1.3 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.demo-page .clean-topic-card b em{margin-left:5px;padding:3px 5px;border-radius:6px;background:#ffffff16;color:#eef3f4;font:700 7px Onest,sans-serif;font-style:normal;letter-spacing:.3px}.demo-page .clean-topic-card small{display:flex;gap:7px;margin-top:5px;color:#a6b0b5;font:11px Manrope,sans-serif}.demo-page .clean-topic-card small strong{font-weight:700}.demo-page .topic-card-arrow{color:#9da8ad;font-size:18px;transition:transform .16s ease,color .16s ease}.demo-page .clean-topic-card:hover .topic-card-arrow{color:#fff;transform:translateX(3px)}
.demo-page .forum-topic-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:72px;padding:14px 16px;border:1px solid #2a2a2a;border-radius:8px;background:#111;color:#f1f1f1;text-align:left;cursor:pointer}.demo-page .forum-topic-item:hover{border-color:#5c5c5c;background:#161616}.demo-page .forum-topic-item>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#252525;font:600 17px Arial,sans-serif;font-style:normal}.demo-page .forum-topic-copy{min-width:0}.demo-page .forum-topic-copy b{display:block;overflow:hidden;color:#f6f6f6;font:600 14px/1.3 Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.demo-page .forum-topic-copy small{display:block;margin-top:5px;color:#9ea4a8;font:11px Arial,sans-serif}.demo-page .forum-topic-copy small strong{font-weight:700}.demo-page .forum-topic-count{display:grid;gap:2px;min-width:50px;color:#f0f0f0;font:700 14px Arial,sans-serif;text-align:right}.demo-page .forum-topic-count small{color:#8d969b;font:10px Arial,sans-serif;font-weight:400}
/* Uploaded avatars may be full-size screenshots. Constrain the image itself. */
.demo-page .forum-topic-item>i{min-width:0;min-height:0;overflow:hidden}
.demo-page .forum-topic-item>i>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:700px){.demo-page .topic-hero{padding:18px}.demo-page .topic-hero-main{align-items:flex-start;flex-direction:column;margin-top:18px}.demo-page .topic-hero-actions{justify-content:flex-start}.demo-page .topic-hero h1{font-size:29px}.demo-page .topic-hero-actions .demo-btn{padding:10px}}
@media(max-width:720px){.demo-page .category-subgrid{grid-template-columns:1fr}.demo-page .category-topic-row{grid-template-columns:34px minmax(0,1fr)}.demo-page .category-topic-row time{display:none}}
@media(max-width:600px){.demo-page .admin-popover{position:fixed;top:72px;right:12px;width:calc(100vw - 24px);max-height:calc(100vh - 86px);overflow:auto}.demo-page .admin-popover>header{padding:19px 52px 18px 20px}.demo-page .admin-popover>header h2{font-size:23px}.demo-page .admin-popover #adminNav{padding:8px 10px!important}.demo-page .admin-popover #adminContent{max-height:none;padding:18px!important;overflow:visible}}

/* Forum rows and editor share a compact, neutral surface. */
.demo-page .thread-compose{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px}
.demo-page .reply-author{display:flex;justify-content:center;padding-top:5px}
.demo-page .reply-avatar{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border-radius:50%;background:#252525;font:30px Arial,sans-serif}
.demo-page .reply-avatar img{width:100%;height:100%;object-fit:cover}
.demo-page .reply-workspace{min-width:0}
.demo-page .reply-actions{display:flex;justify-content:flex-end}
.demo-page .topic-posts .demo-post{grid-template-columns:175px minmax(0,1fr);border:1px solid #252525;border-radius:7px;background:#151515}
.demo-page .topic-posts .post-main header{background:transparent;font-size:10px;flex-wrap:wrap}
.demo-page .topic-posts .post-main footer{justify-content:flex-end;gap:16px;background:transparent}
.demo-page .topic-posts .post-main footer [data-report-post]{margin-right:auto;order:-1}
.demo-page .topic-posts .post-body{font-size:14px;font-weight:400;line-height:1.65}
.demo-page .post-edit-box{padding:14px 18px}
.demo-page .post-edit-actions{display:flex;justify-content:center;gap:8px;border-top:1px solid #303030;padding-top:12px}
.demo-page .post-body[hidden],.demo-page .post-edit-box[hidden],.demo-page #replyContext[hidden]{display:none!important}
.demo-page .is-editing .post-main>footer{display:none}
.demo-page .edit-error{color:#ee9595;font-size:12px}
.demo-page #replyContext,.demo-page .post-reply-reference{display:flex;gap:12px;justify-content:space-between;padding:12px 14px;border-left:3px solid #829bab;border-radius:4px;background:#ffffff05;color:#bfc6cb;font:12px/1.5 Arial,sans-serif;margin-bottom:12px;text-decoration:none}
.demo-page #replyContext p{margin:5px 0 0;overflow-wrap:anywhere}
.demo-page #replyContext button{align-self:flex-start;background:none;border:0;color:#ccc;font-size:22px;cursor:pointer}
.demo-page .post-reply-reference{display:grid;margin:14px 18px 0;gap:5px;overflow-wrap:anywhere}
.demo-page .post-reply-reference{padding:0;border:0;border-left:0;border-radius:0;background:transparent;color:#9ba8b1}
.demo-page .post-reply-reference b{font-weight:600}
.demo-page [data-like-post].is-liked{color:#ff9da3!important}
.demo-page .demo-post:target{outline:1px solid #829bab;scroll-margin-top:90px}
@media(max-width:720px){.demo-page .thread-compose{grid-template-columns:1fr}.demo-page .reply-author{display:none}.demo-page .topic-posts .demo-post{grid-template-columns:1fr}.demo-page .post-edit-box{padding:10px}.demo-page .post-main header button{font-size:10px}}
.demo-page .forum-list{display:grid;gap:8px}
.demo-page .forum-list .modern-category{width:100%;min-height:82px!important;padding:14px 16px!important;grid-template-columns:40px minmax(0,1fr) 250px;gap:14px;background:#161616!important;border:1px solid #242424!important;border-radius:6px!important}
.demo-page .modern-category-icon,.demo-page .category-subcard>i{width:38px;height:38px;border:0;background:#242424;border-radius:7px;color:#eee;font-size:20px}
.demo-page .forum-list .modern-category-icon{width:38px!important;height:38px!important;min-width:0!important;border:0!important;background:#242424!important;border-radius:7px!important}
.demo-page .modern-category h3,.demo-page .category-subcard h3{font-size:15px;line-height:1.4}
.demo-page .modern-category p,.demo-page .category-subcard p{display:none}
.demo-page .category-card-stats{display:block;margin-top:5px;font:11px/1.5 Arial,sans-serif;color:#c5c9ce}
.demo-page .category-children{margin-top:3px;font:10px/1.4 Arial,sans-serif;color:#9299a1}
.demo-page .category-badge,.demo-page .category-subcard h3 em{display:none}
.demo-page .category-latest{min-width:0;padding-left:12px;gap:9px}
.demo-page .category-latest>i{width:30px;height:30px;flex-basis:30px;font-size:14px}
.demo-page .category-latest>span{flex:1;min-width:0}
.demo-page .category-latest b{font-size:11px;line-height:1.5}
.demo-page .category-latest small{font-size:10px}
.demo-page .category-subsections{border:0;padding-top:0;margin:20px 0}
.demo-page .category-subsections>.eyebrow{display:none}
.demo-page .category-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.demo-page .category-subcard{min-width:0;min-height:116px;padding:14px 0 0;grid-template-columns:38px minmax(0,1fr);gap:10px 12px;background:#161616;border:1px solid #242424;border-radius:6px;overflow:hidden}
.demo-page .category-subcard>i{margin-left:13px}
.demo-page .category-subcard>span:not(.category-latest){padding:0 13px;min-width:0}
.demo-page .category-subcard .category-latest{grid-column:1/-1;padding:9px 12px;margin:0;border-left:0;border-top:1px solid #202020;min-height:44px;display:flex}
.demo-page .category-subcard .category-latest-empty{justify-content:flex-start;font-size:11px}
.demo-page .forum-topic-item{box-sizing:border-box;grid-template-columns:32px minmax(0,1fr) 112px 168px;min-height:64px;gap:12px;padding:12px 14px;border:1px solid #242424;border-radius:6px;background:#161616}
.demo-page .forum-topic-item:hover{background:#1c1c1c;border-color:#444}
.demo-page .forum-topic-item:focus-visible,.demo-page .category-subcard:focus-visible{outline:2px solid #a6bfd2;outline-offset:2px}
.demo-page .forum-topic-item>i{width:30px;height:30px;overflow:hidden}
.demo-page .forum-topic-copy b{font-size:13px;line-height:1.45}
.demo-page .forum-topic-copy small{font-size:10px;margin-top:3px}
.demo-page .forum-topic-metrics{display:grid;gap:4px;color:#9299a1;font:10px/1.4 Arial,sans-serif}
.demo-page .forum-topic-metrics>span{display:flex;justify-content:space-between;gap:10px}
.demo-page .forum-topic-metrics b{font-weight:400;color:#d8dde2}
.demo-page .category-card-stats .category-stat-icon{display:inline-flex;width:12px;height:12px;vertical-align:-2px;margin-right:3px;color:#aebcc6}
.demo-page .category-card-stats .category-stat-icon svg{width:100%;height:100%}
.demo-page .topic-pin{color:#aebcc6;font-style:normal}
.demo-page .topic-closed{padding:2px 5px;border:1px solid #5a6269;border-radius:3px;color:#aeb5bc;font:9px Arial,sans-serif;font-style:normal}
.demo-page .topic-closed-note{margin-top:18px;padding:14px 16px;border:1px solid #39434c;border-radius:7px;background:#111;color:#aeb8c1;font:13px Arial,sans-serif}
.demo-page .topic-rename-form{display:flex;align-items:center;gap:7px;margin:5px 0 7px}
.demo-page .topic-rename-form input{min-width:0;flex:1;padding:9px 11px;border:1px solid #52616c;border-radius:5px;background:#101010;color:#f1f4f6;font:600 18px Arial,sans-serif}
.demo-page .topic-rename-form button{padding:8px 10px;border:1px solid #3e4b55;border-radius:5px;background:#20282e;color:#e8edf0;font:11px Arial,sans-serif;cursor:pointer}
.demo-page .forum-topic-last{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0;text-align:right;font:10px/1.5 Arial,sans-serif}
.demo-page .forum-topic-last>span{min-width:0}
.demo-page .forum-topic-last time,.demo-page .forum-topic-last strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-page .forum-topic-last>i{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;overflow:hidden;background:#292929;font-style:normal}
.demo-page .forum-topic-last>i>img{display:block;width:100%;height:100%;object-fit:cover}
.demo-page[data-page=category] .demo-heading h1{font-size:24px;letter-spacing:-.5px}
.demo-page[data-page=category] .demo-heading{margin-top:22px;padding-bottom:18px}
.demo-page .topic-reply,.demo-page .pm-reply{padding:22px!important;border:1px solid #2a2a2a!important;border-radius:10px!important;background:#111!important}
.demo-page .topic-reply>.eyebrow,.demo-page .pm-reply>.eyebrow{display:block;margin-bottom:14px;color:#c6cbd1;font-size:11px;letter-spacing:.5px}
.demo-page .baranus-editor{border:1px solid #343434!important;border-radius:8px!important;background:#141414!important;box-shadow:none!important;margin-bottom:16px}
.demo-page .be-toolbar{padding:9px 10px!important;gap:3px!important;background:#1b1b1b!important;border-bottom:1px solid #303030;border-radius:8px 8px 0 0}
.demo-page .be-tool{min-width:30px;height:32px;border-radius:5px;color:#c7cdd4!important;font-size:14px;box-shadow:none!important}
.demo-page .be-tool:hover{background:#303030!important;color:#fff!important;border-color:#444;transform:none;box-shadow:none!important}
.demo-page .be-tool.is-active{background:#334554!important;border-color:#718b9f!important;color:#fff!important}
.demo-page .be-tool[data-action="bold"],.demo-page .be-tool[data-action="italic"],.demo-page .be-tool[data-action="underline"],.demo-page .be-tool[data-action="strikeThrough"],.demo-page .be-tool[data-action="bold"]:hover,.demo-page .be-tool[data-action="italic"]:hover,.demo-page .be-tool[data-action="underline"]:hover,.demo-page .be-tool[data-action="strikeThrough"]:hover,.demo-page .be-tool[data-action="bold"].is-active,.demo-page .be-tool[data-action="italic"].is-active,.demo-page .be-tool[data-action="underline"].is-active,.demo-page .be-tool[data-action="strikeThrough"].is-active{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
.demo-page .be-tool[data-action="color"]{color:var(--be-color,#c7cdd4)!important;text-shadow:0 0 9px color-mix(in srgb,var(--be-color,#c7cdd4) 55%,transparent)!important}
.demo-page .be-tool[data-action="color"]:hover{color:var(--be-color,#fff)!important}
.demo-page .be-separator{width:1px;height:20px;margin:0 5px;background:#363636}
.demo-page .be-spacer{flex:1}
.demo-page .be-edit,.demo-page .be-edit:focus,.demo-page .be-preview{min-height:230px!important;padding:20px!important;background:#141414!important;color:#e4e7eb;font:14px/1.75 Arial,sans-serif;box-shadow:none!important}
.demo-page .be-edit:empty:before{color:#767e87}
.demo-page .baranus-editor:focus-within{border-color:#697a88!important}
.demo-page .be-footer{padding:8px 12px;border-color:#282828;background:#181818!important;border-radius:0 0 8px 8px}
.demo-page .be-count,.demo-page .baranus-editor:focus-within .be-count{background:transparent!important;color:#89939c!important;font:10px Arial,sans-serif}
.demo-page .be-popover{background:#202020;border-color:#424242}
.demo-page .be-popover button:hover{background:#383838;transform:none}
@media(max-width:760px){.demo-page .forum-list .modern-category{grid-template-columns:38px minmax(0,1fr)}.demo-page .forum-list .category-latest{display:none}.demo-page .category-subgrid{grid-template-columns:1fr}.demo-page .forum-topic-item{grid-template-columns:30px minmax(0,1fr) 72px;gap:9px}.demo-page .forum-topic-last{display:none}.demo-page .forum-topic-copy b{white-space:normal;overflow-wrap:anywhere}.demo-page .forum-topic-metrics{font-size:9px}.demo-page .topic-reply,.demo-page .pm-reply{padding:14px!important}.demo-page .be-toolbar{padding:6px!important;gap:1px!important}.demo-page .be-tool{min-width:28px}.demo-page .be-edit{padding:14px!important}}
.demo-page .pm-thread{display:grid;gap:16px;border:0;background:transparent;overflow:visible}
.demo-page .pm-thread .pm-message{border:1px solid #292929;border-radius:8px;overflow:hidden;margin:0;background:#111}
.demo-page .topic-posts{gap:18px}
.demo-page .topic-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;color:#9ca8b4;font-size:12px}
.demo-page .topic-pagination .demo-btn{min-width:94px;padding:8px 12px}
.demo-page .topic-pagination .demo-btn:disabled{opacity:.4;cursor:default}
.demo-page .topic-hero-actions{display:grid;gap:9px;min-width:min(100%,510px)}
.demo-page .topic-public-actions,.demo-page .topic-management-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.demo-page .topic-management-actions{padding-top:9px;border-top:1px solid #ffffff14}
.demo-page .topic-hero-actions .demo-btn{min-height:35px;padding:10px 13px;border-radius:7px;box-shadow:none!important;transform:none!important;font-size:8px;letter-spacing:.3px}
.demo-page .topic-hero-actions .demo-btn.secondary{background:#ffffff08}
.demo-page .topic-hero-actions .demo-btn.secondary:hover{border-color:#b9c5d080;background:#b9c5d014;color:#fff}
.demo-page .topic-hero-actions .demo-btn.danger{margin-left:5px;background:#321d1d}
@media(max-width:700px){.demo-page .topic-hero-actions{width:100%;min-width:0}.demo-page .topic-public-actions,.demo-page .topic-management-actions{justify-content:flex-start}.demo-page .topic-management-actions{padding-top:10px}.demo-page .topic-hero-actions .demo-btn{flex:1 1 auto}}
.demo-page .forum-right{gap:10px}
.demo-page .forum-side-widget{padding:0!important;overflow:hidden;border:1px solid #242424;border-radius:6px;background:#151515}
.demo-page .forum-side-widget h3{margin:0;padding:10px 11px;border-bottom:1px solid #252525;background:#1b1b1b;color:#e5e8eb;font:700 11px Arial,sans-serif}
.demo-page .online-widget{padding-bottom:9px!important}
.demo-page .online-names{padding:9px 11px 4px;color:#aab2b8;font:10px/1.45 Arial,sans-serif}
.demo-page .online-names button{border:0;background:transparent;padding:0;color:inherit;font:700 10px Arial,sans-serif;cursor:pointer}
.demo-page .online-widget>small{display:block;padding:0 11px;color:#8c969d;font:9px Arial,sans-serif}
.demo-page .side-feed{display:grid}
.demo-page .side-feed>button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:start;padding:8px 10px;border:0;border-bottom:1px solid #242424;background:transparent;color:#d7dde1;text-align:left;cursor:pointer}
.demo-page .side-feed>button:last-child{border-bottom:0}
.demo-page .side-feed>button:hover{background:#ffffff06}
.demo-page .side-feed i{display:grid;place-items:center;width:22px;height:22px;overflow:hidden;border-radius:50%;background:#292929;font:10px Arial,sans-serif;font-style:normal}
.demo-page .side-feed i img{width:100%;height:100%;object-fit:cover}
.demo-page .side-feed b,.demo-page .side-feed small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-page .side-feed b{font:700 10px Arial,sans-serif}
.demo-page .side-feed small{margin-top:2px;color:#8f999f;font:9px/1.35 Arial,sans-serif}
.demo-page .side-feed>p{margin:0;padding:10px;color:#899299;font:10px Arial,sans-serif}
.demo-page .forum-stats-widget>span{display:flex;justify-content:space-between;padding:7px 11px;border-bottom:1px solid #242424;color:#9da6ac;font:10px Arial,sans-serif}
.demo-page .forum-stats-widget>span:last-child{border-bottom:0}
.demo-page .forum-stats-widget b{color:#ecf0f2;font-weight:700}
.demo-page .generated-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:var(--generated-avatar-color);color:#111!important;font:inherit}
.demo-page .forum-side-brand{display:inline-flex!important;align-items:center!important;gap:0!important}
.demo-page .forum-side-brand img{width:36px!important;height:36px!important;margin-right:-1px!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important;filter:none!important;object-fit:cover;transform:none!important}
.demo-page .forum-side-brand span{margin-left:-1px!important;letter-spacing:-.7px!important}
.demo-page .news-topic-feed{display:grid;gap:12px}
.demo-page .directory-new-users button{overflow:hidden;background:transparent!important;color:#111!important}
.demo-page .post-author-stats svg{display:block;width:18px;height:18px;margin:auto}
.demo-page .post-user-status{display:block;color:#b5bdc5;overflow-wrap:anywhere;margin:6px 0;font-size:11px}
.demo-page .post-edited{color:#8d969f;font-size:10px;font-weight:400;text-transform:none}
.demo-page .profile-content-link{display:block;color:inherit;text-decoration:none;padding:8px 0}
.demo-page .profile-content-link:hover{color:#82caff}
.demo-page .profile-content-link:focus-visible{outline:2px solid #82caff;outline-offset:4px}
.demo-page #profileStatusForm{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.demo-page #profileStatusForm input,.demo-page [data-wall-comment] input{background:#101010;border:1px solid #333;border-radius:5px;padding:10px;color:#ddd;min-width:0;flex:1}
.demo-page #profileStatusForm button,.demo-page [data-wall-comment] button{background:#252a30;border:1px solid #39414a;border-radius:5px;color:#eee;padding:8px 12px;cursor:pointer}
.demo-page .profile-role-badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.demo-page .profile-role-badges span{border:1px solid currentColor;border-radius:4px;padding:4px 8px;font-size:11px}
.demo-page .profile-feed{padding:0;border:0;background:transparent!important}
.demo-page .wall-compose,.demo-page .wall-post{box-sizing:border-box;margin:0 0 8px;padding:10px;background:#151515;border:1px solid #292929;border-radius:6px}
.demo-page .profile-feed .wall-post{padding:11px 13px!important}
.demo-page .wall-compose{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}
.demo-page .profile-feed .wall-compose{grid-template-columns:minmax(0,1fr) auto!important;padding:8px!important;border-color:#2b2b2b!important;border-radius:6px!important;background:#121212!important;box-shadow:none}
.demo-page .wall-compose>.wall-avatar{display:none}
.demo-page .wall-avatar,.demo-page .wall-comment-avatar{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#293039;font-style:normal}
.demo-page .wall-avatar{width:28px;height:28px;font:600 15px/1 Arial,sans-serif}
.demo-page .wall-avatar img,.demo-page .wall-comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.demo-page .wall-compose .baranus-editor{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.demo-page .wall-compose .be-toolbar,.demo-page .wall-compose .be-footer{display:none!important}
.demo-page .wall-compose .be-edit,.demo-page .wall-compose .be-edit:focus{box-sizing:border-box;min-height:38px!important;height:auto!important;padding:10px 12px!important;border:1px solid #333!important;border-radius:5px!important;background:#0c0c0c!important;color:#e3e3e3!important;font:13px/18px Arial,sans-serif!important}
.demo-page .wall-compose .be-edit:empty:before{color:#8d8a85}
.demo-page .wall-compose .demo-btn{padding:10px 14px!important;border:1px solid #3b3b3b!important;border-radius:5px!important;background:#1b1b1b!important;color:#e4e1dc!important;font-size:10px;white-space:nowrap;box-shadow:none!important}
.demo-page .wall-compose .demo-btn:hover{border-color:#5a5a5a!important;background:#252525!important}
@media(max-width:600px){.demo-page .profile-feed .wall-compose{grid-template-columns:1fr!important}.demo-page .wall-compose .demo-btn{justify-self:end}}
.demo-page .wall-post{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 13px}
.demo-page .wall-post-main{min-width:0}
.demo-page .wall-post header{display:flex;align-items:baseline;gap:7px}
.demo-page .wall-post header time,.demo-page .wall-post small{color:#929aa3;font:10px Arial,sans-serif}
.demo-page .wall-post .demo-nick{border:0;background:none;padding:0;font-size:12px}
.demo-page .wall-post .post-body{padding:5px 0 8px;color:#e5e8eb;font:13px/1.45 Arial,sans-serif}
.demo-page .wall-post footer{display:flex;justify-content:flex-end;gap:13px;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:14px!important}
.demo-page .wall-post footer button{border:0;background:none;padding:0;color:#b6c4ce;font:10px Arial,sans-serif;cursor:pointer}
.demo-page .wall-post footer [data-wall-report]{margin-right:auto;color:#d8dde1}
.demo-page .wall-post footer .wall-delete-post{color:#df8c8c}
.demo-page .wall-post footer button:hover{color:#fff}
.demo-page [data-wall-comment]{display:flex;align-items:center;gap:7px;margin-top:9px;padding-left:0!important}
.demo-page .wall-comment-avatar{width:18px;height:18px;font:10px Arial,sans-serif}
.demo-page [data-wall-comment] input{min-width:0;height:27px;padding:5px 8px;font-size:11px}
.demo-page [data-wall-comment] button{height:27px;padding:4px 8px}
.demo-page .wall-comments{display:grid;gap:7px;margin-top:8px}
.demo-page .wall-comment{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;margin:0;padding:9px 10px;border:1px solid #2d2d2d;border-left:3px solid #4b4b4b;border-radius:5px;background:#131313}
.demo-page .profile-feed .wall-comment:last-child{border:1px solid #2d2d2d!important;border-left:3px solid #4b4b4b!important}
.demo-page .wall-comment .wall-comment-avatar{width:25px;height:25px;margin-top:1px;margin-left:6px;font-size:12px}
.demo-page .wall-comment>div{min-width:0}
.demo-page .wall-comment-author{display:block;padding:0;border:0;background:transparent;cursor:pointer;font:700 11px/1.2 Arial,sans-serif;text-align:left}
.demo-page .wall-comment-author:hover{text-decoration:underline;text-underline-offset:3px}
.demo-page .wall-comment-text{display:block;margin-top:3px;color:#e1e5e8;font:12px/1.35 Arial,sans-serif}
.demo-page .wall-comment footer{display:flex;align-items:center;justify-content:space-between;min-height:0!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
.demo-page .wall-comment footer span{display:flex;gap:13px;align-items:center}
.demo-page .wall-comment footer small,.demo-page .wall-comment footer button{border:0;background:transparent;padding:0;color:#aaa6a0;font:10px Arial,sans-serif}
.demo-page .wall-comment footer button:last-child{color:#dedbd5}
.demo-page .wall-comment footer>button:last-child{margin-right:14px}
.demo-page .wall-comment .wall-delete{color:#df8c8c!important}
.demo-page .wall-comment-edit{display:flex;gap:6px;margin-top:4px}
.demo-page .wall-comment-edit input{min-width:0;flex:1;padding:5px 7px;border:1px solid #44515b;border-radius:4px;background:#0e0e0e;color:#e8edf0;font:12px Arial,sans-serif}
.demo-page .wall-comment-edit button{padding:5px 8px;border:1px solid #44515b;border-radius:4px;background:#242b31;color:#e6edf2;font:10px Arial,sans-serif;cursor:pointer}
.demo-page .wall-empty{padding:18px;color:#8e969e}
@media(max-width:600px){.demo-page .wall-compose{grid-template-columns:28px minmax(0,1fr)}.demo-page .wall-compose .demo-btn{grid-column:2;justify-self:start}.demo-page .wall-post{grid-template-columns:28px minmax(0,1fr)}}
.demo-page .complaint-link{display:inline-block;color:#a8cee9;margin:8px 16px 8px 0}
.demo-page .demo-breadcrumbs button,.demo-page .avatar-change,.demo-page .eyebrow{color:#becbd5!important}
.demo-page .profile-avatar-wrap .avatar-change{display:block!important;align-self:center!important;width:142px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;white-space:normal!important;font-size:8px!important;line-height:1.25!important;letter-spacing:.15px!important;transform:translateX(-7px)!important}
.demo-page .profile-avatar-wrap .avatar-change:hover{background:transparent!important;color:#fff!important;text-decoration:underline!important;text-underline-offset:3px!important}
.demo-page .profile-avatar-wrap{gap:2px!important}

/* Единая монохромная тема и читаемая типографика. */
.demo-page{--forum-ink:#050505!important;--forum-panel:#101010!important;--forum-panel-soft:#161616!important;--forum-line:#ffffff24!important;--forum-gold:#fff!important;--forum-gold-soft:#ffffff12!important;--forum-text:#f7f7f7!important;--forum-muted:#c5c5c5!important;background:#050505!important;color:#f7f7f7!important;font-size:16px}
.demo-page::before{display:none!important}
.demo-page .forum-side,.demo-page .forum-top{background:#090909!important;border-color:#ffffff24!important}
.demo-page .forum-content,.demo-page .forum-right-card,.demo-page .demo-post,.demo-page .profile-card,.demo-page .profile-feed,.demo-page .profile-status{background:#111!important;border-color:#ffffff24!important}
.demo-page .forum-content,.demo-page .forum-right-card{box-shadow:none!important}
.demo-page .forum-side-brand img{border-color:#fff!important;background:#000!important;box-shadow:none!important;filter:none!important}
.demo-page .forum-side-nav button.active{border-color:#ffffff55!important;background:#ffffff12!important;color:#fff!important}
.demo-page .forum-side-nav button.active::after{background:#fff!important}
.demo-page .forum-side-nav button i,.demo-page .modern-category-icon,.demo-page .demo-topic-card i,.demo-page .demo-user i{color:#fff!important}
.demo-page .forum-searchbox,.demo-page .forum-account-main,.demo-page .forum-account-menu,.demo-page .forum-quick-panel{border-color:#ffffff2b!important;background:#101010!important}
.demo-page .forum-searchbox:focus-within{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff18!important}
.demo-page .demo-btn{border-color:#fff!important;background:#fff!important;color:#090909!important;box-shadow:none!important}
.demo-page .demo-btn.secondary,.demo-page .topic-hero-actions .demo-btn.secondary{border-color:#ffffff55!important;background:#ffffff0b!important;color:#fff!important}
.demo-page .demo-btn.danger{border-color:#fff!important;background:#fff!important;color:#111!important}
.demo-page .modern-category,.demo-page .demo-topic-card,.demo-page .category-subcard,.demo-page .category-topic-row{border-color:#ffffff22!important;background:#111!important}
.demo-page .modern-category:hover,.demo-page .demo-topic-card:hover,.demo-page .category-subcard:hover,.demo-page .category-topic-row:hover{border-color:#fff!important;background:#181818!important}
.demo-page .modern-category-icon,.demo-page .demo-topic-card i,.demo-page .demo-user i{border-color:#ffffff55!important;background:#ffffff10!important}
.demo-page .forum-right-card h3,.demo-page .demo-breadcrumbs,.demo-page .demo-breadcrumbs button,.demo-page .eyebrow,.demo-page .modern-category-meta,.demo-page .modern-last,.demo-page .demo-topic-card time{color:#f0f0f0!important}
.demo-page .demo-heading p,.demo-page .modern-category p,.demo-page .forum-right-card small,.demo-page .forum-right-card p,.demo-page .demo-topic-card small,.demo-page .category-topic-row small{color:#c8c8c8!important}
.demo-page .forum-side-nav button{font-size:11px!important;line-height:1.35!important}
.demo-page .forum-account-main,.demo-page .forum-quick-button{font-size:11px!important}
.demo-page .demo-breadcrumbs{font-size:12px!important;line-height:1.45!important}
.demo-page .demo-heading p,.demo-page .modern-category p,.demo-page .forum-right-card small,.demo-page .forum-right-card p{font-size:14px!important;line-height:1.55!important}
.demo-page .modern-category h3,.demo-page .demo-topic-card b,.demo-page .demo-user b{font-size:16px!important;line-height:1.35!important}
.demo-page .modern-category-meta,.demo-page .demo-topic-card time,.demo-page .category-card-stats,.demo-page .category-children{font-size:12px!important;line-height:1.55!important}
.demo-page .demo-btn,.demo-page .topic-hero-actions .demo-btn{font-size:10px!important;line-height:1.25!important}
.demo-page .forum-right-card h3,.demo-page .category-subsections>.eyebrow,.demo-page .category-topics>.eyebrow{font-size:11px!important;line-height:1.35!important}
.demo-page .demo-post header,.demo-page .post-main header,.demo-page .post-main header button,.demo-page .post-main footer button{font-size:12px!important;line-height:1.4!important}
.demo-page .post-role-tags span{font-size:10px!important}
.demo-page .topic-hero p{font-size:15px!important;line-height:1.5!important}
.demo-page .role-owner,.demo-page .role-moderator,.demo-page .role-player,.demo-page .online-cloud .role-owner,.demo-page .online-cloud .role-moderator,.demo-page .online-cloud .role-player{color:#fff!important}
.demo-page .generated-avatar{background:var(--generated-avatar-color)!important;color:#090909!important}
.demo-page .post-avatar img,.demo-page .profile-avatar img,.demo-page .profile-status-avatar img,.demo-page .reply-avatar img{filter:grayscale(1)!important}
.demo-page .post-avatar em{border-color:#111!important;background:#fff!important}
.demo-page .post-role-tags span,.demo-page .profile-role-badges span{border-color:currentColor!important;background:#ffffff10!important}
.demo-page [data-like-post].is-liked{color:#fff!important}
.demo-page .be-tool[data-action="color"]{color:#fff!important;text-shadow:none!important}

/* Topic management uses visible text labels on every screen size. */
body.demo-page .topic-management-actions{flex-wrap:wrap!important;gap:8px!important}
body.demo-page .topic-management-actions #renameTopic,body.demo-page .topic-management-actions #closeTopic,body.demo-page .topic-management-actions #pinTopic,body.demo-page .topic-management-actions #deleteTopic{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;min-height:36px!important;padding:8px 12px!important;border:1px solid #ffffff30!important;border-radius:6px!important;background:#ffffff08!important;font:500 12px/1.3 Arial,sans-serif!important;letter-spacing:0!important;white-space:normal!important}
body.demo-page .topic-management-actions #renameTopic::before,body.demo-page .topic-management-actions #closeTopic::before,body.demo-page .topic-management-actions #pinTopic::before,body.demo-page .topic-management-actions #deleteTopic::before{content:none!important;display:none!important}
.demo-page .topic-management-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;margin-top:20px!important;padding:10px 2px 0!important;border-top:1px solid #ffffff12!important}
.demo-page .topic-management-actions .demo-btn{display:grid!important;place-items:center!important;flex:none!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#e8edf0!important;box-shadow:none!important;font-size:0!important;line-height:0!important}
.demo-page .topic-management-actions .demo-btn:hover{background:#ffffff10!important}.demo-page .topic-management-actions #deleteTopic{color:#ff625f!important}.demo-page .topic-management-actions #deleteTopic:hover{background:#ff45451c!important}
.demo-page #renameTopic::before,.demo-page #closeTopic::before,.demo-page #pinTopic::before,.demo-page #deleteTopic::before{content:''!important;display:block!important;background:currentColor!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important;-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important}
.demo-page #renameTopic::before{width:17px!important;height:17px!important;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-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E");-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-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E")}
.demo-page #closeTopic::before{width:18px!important;height:18px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4.5 4.5 0 0 0-9 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E")}
.demo-page #pinTopic::before{width:18px!important;height:18px!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.demo-page #deleteTopic::before{width:17px!important;height:17px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E");-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 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E")}

/* Baranus Crimson Glass — approved forum palette. */
:root{--crimson-ink:#13070b;--crimson-panel:#2c0f19;--crimson-panel-soft:#421523;--crimson-line:#f0a2b438;--crimson-text:#fff1f3;--crimson-muted:#d8b9c0;--crimson-accent:#ff9bad}
html,body.demo-page{background:#13070b!important}
body.demo-page{color:var(--crimson-text)!important;background:radial-gradient(ellipse at 4% 8%,#a514382e,transparent 45%),radial-gradient(ellipse at 95% 70%,#5b10302c,transparent 50%),linear-gradient(145deg,#13070b,#2b0f19 58%,#160b17)!important}
body.demo-page::before{opacity:.035!important}
body.demo-page .forum-top{background:#250c168f!important;border-color:var(--crimson-line)!important;backdrop-filter:blur(18px) saturate(125%)}
body.demo-page .forum-content{background:linear-gradient(140deg,#5515285c,#270e206d)!important;border-color:var(--crimson-line)!important;box-shadow:0 20px 52px #09030755!important}
body.demo-page .forum-side{background:#270d19ed!important;border-color:#f0a2b42d!important;backdrop-filter:blur(18px) saturate(125%)}
body.demo-page .forum-side-brand{color:var(--crimson-text)!important}
body.demo-page .forum-side-brand img{border-color:#f4a6b7!important;box-shadow:0 0 18px #f85a7a4b!important}
body.demo-page .forum-side-nav button.active{background:linear-gradient(95deg,#f1527129,#c8569e0d)!important;border-color:#f0a2b448!important;color:#ffd8e0!important}
body.demo-page .forum-side-nav button.active i,body.demo-page .forum-side-nav i{color:#ff9dad!important}
body.demo-page .demo-local-badge{background:#f39aaa0b!important;border-color:#f3a4b447!important;color:#ffd8e0!important}
body.demo-page .forum-account-main,body.demo-page .forum-login-link,body.demo-page .forum-icon-btn{background:#f39aaa10!important;border-color:#f3a4b447!important;color:#fff0f3!important}
body.demo-page .forum-account-menu,body.demo-page .forum-quick-panel,body.demo-page .admin-popover,body.demo-page .complaint-dialog{background:#391421ed!important;border-color:var(--crimson-line)!important;color:var(--crimson-text)!important}
body.demo-page .forum-avatar{background:linear-gradient(135deg,#ffb7c4,#d84f70)!important;color:#360917!important}
body.demo-page .forum-right-card,body.demo-page .forum-side-widget,body.demo-page .directory-card{background:#37142483!important;border-color:#f0a2b42c!important;box-shadow:none!important}
body.demo-page .forum-right-card h3,body.demo-page .forum-side-widget h3{background:#f49aaa10!important;color:#ffdce2!important;border-color:#f0a2b42b!important}
body.demo-page .forum-right-card p,body.demo-page .forum-right-card small{color:var(--crimson-muted)!important}
body.demo-page .demo-breadcrumbs,body.demo-page .demo-breadcrumbs button{color:#f2a2b2!important}
body.demo-page .demo-heading:before{content:none!important;display:none!important}
body.demo-page .demo-heading h1,body.demo-page .topic-hero h1,body.demo-page .topic-title h1{color:var(--crimson-text)!important}
body.demo-page .demo-heading p,body.demo-page .topic-hero p,body.demo-page .forum-topic-copy small,body.demo-page .category-card-stats,body.demo-page .category-latest small{color:var(--crimson-muted)!important}
body.demo-page .demo-btn,body.demo-page .wall-compose .demo-btn{background:linear-gradient(110deg,#ff9bad,#f46a7e)!important;border-color:#ffd1da95!important;color:#330c17!important;box-shadow:0 6px 22px #e9486b25!important}
body.demo-page .demo-btn.secondary,body.demo-page .topic-management-actions .demo-btn,body.demo-page .profile-actions button,body.demo-page .forum-mobile-toggle{background:#f39aaa10!important;border-color:#f3a4b447!important;color:#ffdbe1!important;box-shadow:none!important}
body.demo-page .modern-category,body.demo-page .category-subcard,body.demo-page .forum-topic-item,body.demo-page .demo-topic-card,body.demo-page .modern-topic-row,body.demo-page .demo-post,body.demo-page .forum-post,body.demo-page .pm-thread .pm-message,body.demo-page .wall-post,body.demo-page .wall-comment,body.demo-page .directory-user,body.demo-page .user-row{background:linear-gradient(125deg,#711d3347,#3211286d)!important;border-color:#efa6b126!important}
body.demo-page .forum-list .modern-category{background:linear-gradient(120deg,#84223d36,#35122c72)!important;border-color:#efa6b131!important}
body.demo-page .modern-category:hover,body.demo-page .category-subcard:hover,body.demo-page .forum-topic-item:hover,body.demo-page .demo-topic-card:hover,body.demo-page .modern-topic-row:hover,body.demo-page .directory-user:hover,body.demo-page .user-row:hover{border-color:#ff9bae83!important;background:linear-gradient(125deg,#8c294458,#47203b60)!important}
body.demo-page .modern-category-icon,body.demo-page .category-subcard>i,body.demo-page .demo-topic-card i,body.demo-page .modern-topic-row i,body.demo-page .user-row i{background:linear-gradient(145deg,#ff67872a,#ce5fd418)!important;border-color:#ffa8b93c!important;color:#ffb4c1!important}
body.demo-page .modern-category:nth-child(2) .modern-category-icon{background:#dd426b20!important;color:#ff93aa!important}
body.demo-page .modern-category:nth-child(3) .modern-category-icon{background:#b73f8422!important;color:#f49dd7!important}
body.demo-page .modern-category:nth-child(4) .modern-category-icon{background:#f86c5320!important;color:#ffb29f!important}
body.demo-page .modern-category h3,body.demo-page .demo-topic-card b,body.demo-page .modern-topic-row b{color:var(--crimson-text)!important}
body.demo-page .modern-category p,body.demo-page .demo-topic-card small,body.demo-page .modern-topic-row small,body.demo-page .modern-last small{color:var(--crimson-muted)!important}
body.demo-page .modern-category-meta,body.demo-page .demo-topic-card time,body.demo-page .modern-last{color:#ffb5c3!important}
body.demo-page .profile-card,body.demo-page .profile-feed,body.demo-page .topic-hero,body.demo-page .topic-title,body.demo-page .topic-reply,body.demo-page .demo-reply,body.demo-page .pm-reply{background:#41152562!important;border-color:#f0a2b430!important;box-shadow:0 18px 40px #09030744!important}
body.demo-page .demo-post header,body.demo-page .forum-post header{background:#f49aaa0b!important;border-color:#f0a2b425!important;color:#ffd1da!important}
body.demo-page .demo-post .post-body,body.demo-page .post-body{color:#fff0f3!important}
body.demo-page input,body.demo-page textarea,body.demo-page select,body.demo-page .wall-compose .be-edit{background:#2009118a!important;border-color:#f0a2b435!important;color:#fff0f3!important}
body.demo-page input:focus,body.demo-page textarea:focus{border-color:#ff9bab9d!important;box-shadow:0 0 0 3px #ff9bab18!important}
body.demo-page .baranus-editor{background:#34111d!important;border-color:#f0a2b438!important}
body.demo-page .be-toolbar,body.demo-page .be-footer{background:#411724!important;border-color:#f0a2b42c!important}
body.demo-page .be-edit,body.demo-page .be-edit:focus,body.demo-page .be-preview{background:#270c168a!important;color:#fff0f3!important}
body.demo-page .be-tool{color:#ffd5dc!important}
body.demo-page .forum-action-error{background:#4b1823!important;border-color:#ff9bae70!important;color:#fff0f3!important}
@media(max-width:620px){body.demo-page .demo-heading:before{font-size:9px;margin-bottom:10px}body.demo-page .forum-content{background:linear-gradient(140deg,#55152863,#270e2074)!important}}
/* Profile controls and conversation tools share the same opaque crimson surface. */
body.demo-page .profile-avatar-wrap{gap:0!important}
body.demo-page .profile-avatar{cursor:pointer!important;outline:0!important;transition:transform .18s ease,box-shadow .18s ease}
body.demo-page .profile-avatar:hover,body.demo-page .profile-avatar:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 3px #ffbdc94a,0 12px 28px #0b0208aa!important}
body.demo-page .profile-avatar{position:relative!important}
body.demo-page .profile-avatar .avatar-change{position:absolute!important;z-index:2!important;bottom:8px!important;left:50%!important;display:block!important;width:104px!important;margin:0!important;padding:8px 9px 6px!important;border:1px solid #ffb6c363!important;border-radius:999px!important;background:#651d32ed!important;color:#fff0f3!important;text-align:center!important;font:700 8px/1.15 Arial,sans-serif!important;letter-spacing:.04em!important;text-decoration:none!important;white-space:nowrap!important;transform:translateX(-50%)!important;cursor:pointer!important}
body.demo-page .profile-avatar .avatar-change:hover{background:#823046!important;color:#fff!important;text-decoration:none!important}
body.demo-page .profile-summary #profileStatusForm input,body.demo-page #profileStatusForm input{background:#af4141!important;border-color:#f7a4aa!important;color:#fff!important;box-shadow:inset 0 1px #ffffff22!important}
body.demo-page .profile-summary #profileStatusForm input::placeholder,body.demo-page #profileStatusForm input::placeholder{color:#ffe1e4!important;opacity:.85!important}
body.demo-page .profile-summary #profileStatusForm input:focus,body.demo-page #profileStatusForm input:focus{background:#c34c4c!important;border-color:#ffe0e2!important;box-shadow:0 0 0 3px #ffb8c333!important}
body.demo-page .wall-compose,body.demo-page .profile-feed .wall-compose{background:#4a1727!important;border-color:#f2a0af55!important}
body.demo-page .wall-compose .be-edit,body.demo-page .wall-compose .be-edit:focus{background:#260b16!important;border-color:#f3a0b255!important;color:#fff0f3!important}
body.demo-page .wall-compose .demo-btn,body.demo-page [data-wall-comment] button{background:linear-gradient(110deg,#ff9bad,#f46a7e)!important;border-color:#ffd1da95!important;color:#330c17!important}
body.demo-page .wall-compose .demo-btn:hover,body.demo-page [data-wall-comment] button:hover{background:linear-gradient(110deg,#ffb4c1,#ff7489)!important}
body.demo-page [data-wall-comment] textarea,body.demo-page [data-wall-comment] input{background:#260b16!important;border-color:#f3a0b255!important;color:#fff0f3!important}
body.demo-page .forum-side-brand img{background:transparent!important;mix-blend-mode:screen!important}
body.demo-page .forum-quick-actions{position:relative!important}
body.demo-page .forum-quick-panel{top:calc(100% + 8px)!important;right:auto!important;left:0!important;background:#3b1422f7!important;border-color:#f2a0af66!important;box-shadow:0 18px 38px #0a0207aa!important}
body.demo-page .admin-popover #adminNav{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-color:#f28aa1 #2c0d19!important;background:#2a0d18!important}
body.demo-page .admin-popover #adminNav::-webkit-scrollbar{height:7px!important}
body.demo-page .admin-popover #adminNav::-webkit-scrollbar-thumb{background:#d55a74!important;border-radius:99px!important}
body.demo-page .admin-popover #adminContent{background:#35111f!important;opacity:1!important}
body.demo-page .topic-posts .post-main footer{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.demo-page .topic-posts .post-main footer [data-report-post]{margin:0!important;order:0!important}
body.demo-page .topic-posts .post-main footer [data-like-post]{margin-left:auto!important}
body.demo-page .demo-post .post-body{background:#5a1b2e!important;color:#fff5f6!important;text-shadow:0 1px #230711!important}
body.demo-page .demo-post .post-author{background:linear-gradient(180deg,#4e1728,#2b0c18)!important;border-right-color:#f0a2b42f!important}
body.demo-page .wall-delete-post::before,body.demo-page [data-wall-delete]::before,body.demo-page [data-delete-post]::before{content:''!important;width:18px!important;height:18px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5m4-5v5'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5m4-5v5'/%3E%3C/svg%3E") center/contain no-repeat!important}
@media(max-width:620px){body.demo-page .forum-quick-panel{position:fixed!important;top:78px!important;right:12px!important;left:12px!important;width:auto!important}body.demo-page .topic-posts .post-main footer{gap:7px!important}body.demo-page .topic-posts .post-main footer button{padding:7px 2px!important;font-size:9px!important}}

/* Persistent forum design selector and variants. Crimson remains the default. */
body.demo-page .forum-theme-picker{position:relative;z-index:90;justify-self:end}
body.demo-page .forum-theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#ffdbe1;font:600 11px/1 Arial,sans-serif;cursor:pointer}
body.demo-page .forum-theme-toggle:hover{background:#f39aaa16}
body.demo-page .forum-theme-toggle[aria-expanded="true"]{border-color:#ffb9c86b;background:#f39aaa22}
body.demo-page .forum-theme-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:3px;min-width:146px;padding:6px;border:1px solid #f0a2b454;border-radius:10px;background:#35111ff5;box-shadow:0 18px 40px #090307aa}
body.demo-page .forum-theme-menu[hidden]{display:none!important}
body.demo-page .forum-theme-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#f7e9ed;text-align:left;font:600 12px/1 Arial,sans-serif;cursor:pointer}
body.demo-page .forum-theme-menu button:hover,body.demo-page .forum-theme-menu button.is-active{background:#ffffff14}
body.demo-page .forum-theme-menu i{display:block;width:12px;height:12px;border:1px solid #ffffff55;border-radius:50%;background:#f2f2f2}
body.demo-page .forum-theme-menu [data-forum-theme="onyx"] i{background:#17181b}
body.demo-page .forum-theme-menu [data-forum-theme="crimson"] i{background:#b4425a}

/* Onyx: high-contrast graphite glass. */
body.demo-page[data-forum-theme="onyx"]{color:#f4f4f5!important;background:radial-gradient(ellipse at 10% 0%,#3031382b,transparent 42%),radial-gradient(ellipse at 95% 80%,#25262a24,transparent 48%),linear-gradient(145deg,#050506,#111215 58%,#08090a)!important}
body.demo-page[data-forum-theme="onyx"] .forum-top{background:#111216d9!important;border-color:#ffffff1e!important}
body.demo-page[data-forum-theme="onyx"] .forum-side{background:#111216f4!important;border-color:#ffffff18!important}
body.demo-page[data-forum-theme="onyx"] .forum-content{background:linear-gradient(140deg,#202125ad,#1112159c)!important;border-color:#ffffff20!important;box-shadow:inset 0 1px #ffffff12,0 24px 80px #00000077!important}
body.demo-page[data-forum-theme="onyx"] .forum-content,body.demo-page[data-forum-theme="onyx"] .forum-right-card,body.demo-page[data-forum-theme="onyx"] .modern-category,body.demo-page[data-forum-theme="onyx"] .category-subcard,body.demo-page[data-forum-theme="onyx"] .forum-topic-item,body.demo-page[data-forum-theme="onyx"] .demo-topic-card,body.demo-page[data-forum-theme="onyx"] .demo-post,body.demo-page[data-forum-theme="onyx"] .wall-post,body.demo-page[data-forum-theme="onyx"] .wall-comment,body.demo-page[data-forum-theme="onyx"] .profile-card,body.demo-page[data-forum-theme="onyx"] .profile-feed,body.demo-page[data-forum-theme="onyx"] .topic-hero{border-color:#ffffff20!important}
body.demo-page[data-forum-theme="onyx"] .forum-right-card,body.demo-page[data-forum-theme="onyx"] .modern-category,body.demo-page[data-forum-theme="onyx"] .category-subcard,body.demo-page[data-forum-theme="onyx"] .forum-topic-item,body.demo-page[data-forum-theme="onyx"] .demo-topic-card,body.demo-page[data-forum-theme="onyx"] .demo-post,body.demo-page[data-forum-theme="onyx"] .wall-post,body.demo-page[data-forum-theme="onyx"] .wall-comment,body.demo-page[data-forum-theme="onyx"] .profile-card,body.demo-page[data-forum-theme="onyx"] .profile-feed,body.demo-page[data-forum-theme="onyx"] .topic-hero{background:linear-gradient(125deg,#2b2c314f,#151619c9)!important}
body.demo-page[data-forum-theme="onyx"] .forum-list .modern-category{background:linear-gradient(120deg,#32333854,#17181bd6)!important}
body.demo-page[data-forum-theme="onyx"] .modern-category:hover,body.demo-page[data-forum-theme="onyx"] .demo-topic-card:hover,body.demo-page[data-forum-theme="onyx"] .forum-topic-item:hover{border-color:#ffffff65!important;background:#2e2f34!important}
body.demo-page[data-forum-theme="onyx"] .forum-side-nav button.active{background:linear-gradient(95deg,#ffffff1a,#ffffff05)!important;border-color:#ffffff35!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .modern-category-icon,body.demo-page[data-forum-theme="onyx"] .demo-topic-card i,body.demo-page[data-forum-theme="onyx"] .modern-topic-row i{background:#ffffff0c!important;border-color:#ffffff22!important;color:#f0f1f2!important}
body.demo-page[data-forum-theme="onyx"] .demo-btn,body.demo-page[data-forum-theme="onyx"] .wall-compose .demo-btn{background:linear-gradient(110deg,#f2f3f4,#afb2b7)!important;border-color:#ffffffa5!important;color:#101114!important}
body.demo-page[data-forum-theme="onyx"] .demo-btn.secondary,body.demo-page[data-forum-theme="onyx"] .topic-management-actions .demo-btn,body.demo-page[data-forum-theme="onyx"] .profile-actions button,body.demo-page[data-forum-theme="onyx"] .forum-mobile-toggle{background:#ffffff0d!important;border-color:#ffffff32!important;color:#f0f1f2!important}
body.demo-page[data-forum-theme="onyx"] .forum-account-main,body.demo-page[data-forum-theme="onyx"] .forum-account-menu,body.demo-page[data-forum-theme="onyx"] .forum-quick-panel,body.demo-page[data-forum-theme="onyx"] .admin-popover,body.demo-page[data-forum-theme="onyx"] .complaint-dialog{background:#202125f4!important;border-color:#ffffff25!important;color:#f4f4f5!important}
body.demo-page[data-forum-theme="onyx"] .demo-post .post-author{background:#101114!important;border-color:#ffffff19!important}
body.demo-page[data-forum-theme="onyx"] .demo-post .post-body{background:#28292dd9!important;color:#f6f6f7!important;text-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] input,body.demo-page[data-forum-theme="onyx"] textarea,body.demo-page[data-forum-theme="onyx"] select,body.demo-page[data-forum-theme="onyx"] .wall-compose .be-edit{background:#101114!important;border-color:#ffffff2b!important;color:#f5f5f6!important}
body.demo-page[data-forum-theme="onyx"] .profile-summary #profileStatusForm input{background:#35363a!important;border-color:#74767d!important}
body.demo-page[data-forum-theme="onyx"] .wall-compose,body.demo-page[data-forum-theme="onyx"] .profile-feed .wall-compose{background:#222327!important;border-color:#ffffff2d!important}
body.demo-page[data-forum-theme="onyx"] .forum-theme-toggle,body.demo-page[data-forum-theme="onyx"] .forum-theme-menu{background:#202125f5!important;border-color:#ffffff30!important;color:#f5f5f5!important}

/* White: an airy, readable neutral interface. */
body.demo-page[data-forum-theme="white"]{color:#202127!important;background:linear-gradient(145deg,#f2f4f7,#dfe4ea 58%,#eef0f3)!important}
body.demo-page[data-forum-theme="white"] .forum-top{background:#fffffff0!important;border-color:#cfd5dd!important}
body.demo-page[data-forum-theme="white"] .forum-side{background:#f9fafcf2!important;border-color:#d3d8df!important}
body.demo-page[data-forum-theme="white"] .forum-content{background:#ffffffdb!important;border-color:#cbd2db!important;box-shadow:0 18px 46px #64748b22!important}
body.demo-page[data-forum-theme="white"] .forum-content,body.demo-page[data-forum-theme="white"] .forum-right-card,body.demo-page[data-forum-theme="white"] .modern-category,body.demo-page[data-forum-theme="white"] .category-subcard,body.demo-page[data-forum-theme="white"] .forum-topic-item,body.demo-page[data-forum-theme="white"] .demo-topic-card,body.demo-page[data-forum-theme="white"] .demo-post,body.demo-page[data-forum-theme="white"] .wall-post,body.demo-page[data-forum-theme="white"] .wall-comment,body.demo-page[data-forum-theme="white"] .profile-card,body.demo-page[data-forum-theme="white"] .profile-feed,body.demo-page[data-forum-theme="white"] .topic-hero{border-color:#d4d9e0!important;background:#ffffffef!important;color:#202127!important}
body.demo-page[data-forum-theme="white"] .forum-right-card{background:#f9fafbef!important}
body.demo-page[data-forum-theme="white"] .modern-category:hover,body.demo-page[data-forum-theme="white"] .demo-topic-card:hover,body.demo-page[data-forum-theme="white"] .forum-topic-item:hover{border-color:#9ba6b4!important;background:#f3f5f8!important}
body.demo-page[data-forum-theme="white"] .forum-side-nav button{color:#4b5563!important}
body.demo-page[data-forum-theme="white"] .forum-side-nav button.active{background:#e9edf2!important;border-color:#c1c9d4!important;color:#1f2937!important}
body.demo-page[data-forum-theme="white"] .forum-side-nav i,body.demo-page[data-forum-theme="white"] .forum-side-nav button.active i{color:#475569!important}
body.demo-page[data-forum-theme="white"] .forum-side-brand,body.demo-page[data-forum-theme="white"] .demo-heading h1,body.demo-page[data-forum-theme="white"] .topic-hero h1,body.demo-page[data-forum-theme="white"] .modern-category h3,body.demo-page[data-forum-theme="white"] .demo-topic-card b{color:#17191e!important}
body.demo-page[data-forum-theme="white"] .forum-topic-item,body.demo-page[data-forum-theme="white"] .forum-topic-item:hover{background:#fff!important;border-color:#cbd2db!important;color:#202127!important}
body.demo-page[data-forum-theme="white"] .forum-topic-copy b,body.demo-page[data-forum-theme="white"] .forum-topic-metrics,body.demo-page[data-forum-theme="white"] .forum-topic-metrics b,body.demo-page[data-forum-theme="white"] .forum-topic-last time{color:#202127!important}
body.demo-page[data-forum-theme="white"] .forum-topic-copy small,body.demo-page[data-forum-theme="white"] .forum-topic-last{color:#667085!important}
body.demo-page[data-forum-theme="white"] .forum-topic-item>i{background:#e8edf3!important;color:#263242!important}
body.demo-page[data-forum-theme="white"] .demo-heading p,body.demo-page[data-forum-theme="white"] .modern-category p,body.demo-page[data-forum-theme="white"] .demo-topic-card small,body.demo-page[data-forum-theme="white"] .forum-right-card p,body.demo-page[data-forum-theme="white"] .forum-right-card small{color:#5d6673!important}
body.demo-page[data-forum-theme="white"] .modern-category-icon,body.demo-page[data-forum-theme="white"] .demo-topic-card i{background:#e9edf2!important;border-color:#c8d0da!important;color:#253142!important}
body.demo-page[data-forum-theme="white"] .demo-btn,body.demo-page[data-forum-theme="white"] .wall-compose .demo-btn{background:linear-gradient(110deg,#303945,#111827)!important;border-color:#111827!important;color:#fff!important}
body.demo-page[data-forum-theme="white"] .demo-btn.secondary,body.demo-page[data-forum-theme="white"] .topic-management-actions .demo-btn,body.demo-page[data-forum-theme="white"] .profile-actions button,body.demo-page[data-forum-theme="white"] .forum-mobile-toggle{background:#f3f5f7!important;border-color:#c8d0da!important;color:#1f2937!important}
body.demo-page[data-forum-theme="white"] .forum-account-main,body.demo-page[data-forum-theme="white"] .forum-account-menu,body.demo-page[data-forum-theme="white"] .forum-quick-panel,body.demo-page[data-forum-theme="white"] .admin-popover,body.demo-page[data-forum-theme="white"] .complaint-dialog{background:#fffffff5!important;border-color:#cbd2db!important;color:#1f2937!important}
body.demo-page[data-forum-theme="white"] .demo-post .post-author{background:#f1f3f6!important;border-color:#d4d9e0!important}
body.demo-page[data-forum-theme="white"] .demo-post .post-body{background:#fff!important;color:#24272d!important;text-shadow:none!important}
body.demo-page[data-forum-theme="white"] input,body.demo-page[data-forum-theme="white"] textarea,body.demo-page[data-forum-theme="white"] select,body.demo-page[data-forum-theme="white"] .wall-compose .be-edit{background:#fff!important;border-color:#bac4d0!important;color:#202127!important}
body.demo-page[data-forum-theme="white"] .profile-summary #profileStatusForm input{background:#e9edf2!important;border-color:#bac4d0!important;color:#202127!important}
body.demo-page[data-forum-theme="white"] .wall-compose,body.demo-page[data-forum-theme="white"] .profile-feed .wall-compose{background:#f7f8fa!important;border-color:#cbd2db!important}
body.demo-page[data-forum-theme="white"] .forum-theme-toggle,body.demo-page[data-forum-theme="white"] .forum-theme-menu{background:#fff!important;border-color:#cbd2db!important;color:#1f2937!important}
@media(max-width:620px){body.demo-page .forum-theme-toggle span{display:none}body.demo-page .forum-theme-toggle{min-width:38px;justify-content:center;padding:0 9px}body.demo-page .forum-theme-menu{right:-46px;min-width:136px}}

/* Theme-wide contrast contract: white theme uses black ink; dark themes use white ink. */
body.demo-page[data-forum-theme="white"],body.demo-page[data-forum-theme="white"] .forum-content,body.demo-page[data-forum-theme="white"] .forum-right,body.demo-page[data-forum-theme="white"] .forum-side,body.demo-page[data-forum-theme="white"] .forum-account-menu,body.demo-page[data-forum-theme="white"] .forum-quick-panel,body.demo-page[data-forum-theme="white"] .admin-popover,body.demo-page[data-forum-theme="white"] .complaint-dialog{color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(h1,h2,h3,h4,p,b,strong,small,time,label,legend,dt,dd,li,span){color:inherit}
body.demo-page[data-forum-theme="white"] .forum-content :is(h1,h2,h3,h4,.demo-heading h1,.topic-hero h1,.topic-title h1,.profile-summary h1,.post-body,.wall-comment-text,.pm-message .post-body,.admin-title h3,.admin-title p,.admin-note,.forum-topic-copy b,.forum-topic-copy small,.forum-topic-metrics,.forum-topic-last,.modern-category h3,.modern-category p,.category-subcard h3,.category-subcard p,.directory-user b,.directory-user small,.profile-summary p,.profile-summary strong,.profile-stats span,.profile-stats b,.profile-tabs button,.forum-right-card h3,.forum-right-card p,.forum-right-card small){color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(input,textarea,select,.be-edit,.be-preview){color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(input,textarea,select,.be-edit)::placeholder{color:#5b6470!important;opacity:1!important}
body.demo-page[data-forum-theme="white"] .forum-theme-menu button,body.demo-page[data-forum-theme="white"] .forum-account-menu :is(a,button),body.demo-page[data-forum-theme="white"] .admin-popover :is(button,label,small,p,h2,h3),body.demo-page[data-forum-theme="white"] .forum-quick-panel :is(a,b,small,strong){color:#17191e!important}
body.demo-page[data-forum-theme="white"] .role-owner{color:#b4233c!important}body.demo-page[data-forum-theme="white"] .role-moderator{color:#0879b8!important}body.demo-page[data-forum-theme="white"] .role-player{color:#374151!important}

body.demo-page[data-forum-theme="crimson"],body.demo-page[data-forum-theme="onyx"],body.demo-page[data-forum-theme="crimson"] .forum-content,body.demo-page[data-forum-theme="onyx"] .forum-content,body.demo-page[data-forum-theme="crimson"] .forum-right,body.demo-page[data-forum-theme="onyx"] .forum-right,body.demo-page[data-forum-theme="crimson"] .forum-side,body.demo-page[data-forum-theme="onyx"] .forum-side,body.demo-page[data-forum-theme="crimson"] .forum-account-menu,body.demo-page[data-forum-theme="onyx"] .forum-account-menu,body.demo-page[data-forum-theme="crimson"] .forum-quick-panel,body.demo-page[data-forum-theme="onyx"] .forum-quick-panel,body.demo-page[data-forum-theme="crimson"] .admin-popover,body.demo-page[data-forum-theme="onyx"] .admin-popover{color:#fff!important}
body.demo-page[data-forum-theme="crimson"] .forum-content :is(h1,h2,h3,h4,.demo-heading h1,.topic-hero h1,.topic-title h1,.profile-summary h1,.post-body,.wall-comment-text,.pm-message .post-body,.admin-title h3,.admin-title p,.admin-note,.forum-topic-copy b,.forum-topic-copy small,.forum-topic-metrics,.forum-topic-last,.modern-category h3,.modern-category p,.category-subcard h3,.category-subcard p,.directory-user b,.directory-user small,.profile-summary p,.profile-summary strong,.profile-stats span,.profile-stats b,.profile-tabs button,.forum-right-card h3,.forum-right-card p,.forum-right-card small),body.demo-page[data-forum-theme="onyx"] .forum-content :is(h1,h2,h3,h4,.demo-heading h1,.topic-hero h1,.topic-title h1,.profile-summary h1,.post-body,.wall-comment-text,.pm-message .post-body,.admin-title h3,.admin-title p,.admin-note,.forum-topic-copy b,.forum-topic-copy small,.forum-topic-metrics,.forum-topic-last,.modern-category h3,.modern-category p,.category-subcard h3,.category-subcard p,.directory-user b,.directory-user small,.profile-summary p,.profile-summary strong,.profile-stats span,.profile-stats b,.profile-tabs button,.forum-right-card h3,.forum-right-card p,.forum-right-card small){color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(input,textarea,select,.be-edit,.be-preview),body.demo-page[data-forum-theme="onyx"] :is(input,textarea,select,.be-edit,.be-preview){color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(input,textarea,select,.be-edit)::placeholder,body.demo-page[data-forum-theme="onyx"] :is(input,textarea,select,.be-edit)::placeholder{color:#d8d8dc!important;opacity:1!important}
body.demo-page[data-forum-theme="crimson"] .forum-theme-menu button,body.demo-page[data-forum-theme="onyx"] .forum-theme-menu button,body.demo-page[data-forum-theme="crimson"] .forum-account-menu :is(a,button),body.demo-page[data-forum-theme="onyx"] .forum-account-menu :is(a,button),body.demo-page[data-forum-theme="crimson"] .admin-popover :is(button,label,small,p,h2,h3),body.demo-page[data-forum-theme="onyx"] .admin-popover :is(button,label,small,p,h2,h3),body.demo-page[data-forum-theme="crimson"] .forum-quick-panel :is(a,b,small,strong),body.demo-page[data-forum-theme="onyx"] .forum-quick-panel :is(a,b,small,strong){color:#fff!important}
body.demo-page[data-forum-theme="crimson"] .role-owner{color:#ff8298!important}body.demo-page[data-forum-theme="crimson"] .role-moderator{color:#74d8ff!important}body.demo-page[data-forum-theme="crimson"] .role-player{color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .role-owner{color:#ff8b98!important}body.demo-page[data-forum-theme="onyx"] .role-moderator{color:#79dcff!important}body.demo-page[data-forum-theme="onyx"] .role-player{color:#fff!important}

/* Final container layer: legacy component rules cannot leak another theme's surface or ink. */
body.demo-page[data-forum-theme="white"] :is(.forum-shell,.forum-workspace,.forum-stage,.forum-layout){background:#e9edf3!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed,.forum-quick-panel,.forum-account-menu,.admin-popover,.complaint-dialog,.directory-card,.forum-modal article,.topic-reply,.demo-reply,.pm-reply,.baranus-editor,.be-toolbar,.be-footer){background:#fff!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.forum-content,.forum-right,.forum-side,.forum-account-menu,.forum-quick-panel,.admin-popover,.complaint-dialog,.profile-card,.profile-feed,.topic-hero,.topic-title,.topic-reply,.demo-reply,.pm-reply,.modern-category,.category-subcard,.forum-topic-item,.demo-topic-card,.demo-post,.forum-post,.pm-message,.wall-post,.wall-comment,.directory-user,.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed) :is(*:not(svg):not(path)){color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.forum-quick-button,.forum-admin-trigger,.forum-mobile-toggle,.forum-theme-toggle){color:#1f2937!important}
body.demo-page[data-forum-theme="white"] :is(.demo-btn,.wall-compose .demo-btn,.topic-management-actions .demo-btn){color:#fff!important}
body.demo-page[data-forum-theme="white"] :is(.role-owner,.online-cloud .role-owner){color:#b4233c!important}body.demo-page[data-forum-theme="white"] :is(.role-moderator,.online-cloud .role-moderator){color:#0879b8!important}body.demo-page[data-forum-theme="white"] :is(.role-player,.online-cloud .role-player){color:#374151!important}

/* White-theme completion: legacy page modules use fixed dark backgrounds. */
body.demo-page[data-forum-theme="white"] :is(.directory-results,.directory-card,.directory-tabs,.directory-switches,.demo-tools section,.topic-form,.thread-compose,.new-topic-form,.topic-create,.forum-modal article,.complaint-dialog,.admin-popover,.admin-popover>header,.admin-popover .admin-layout,.admin-popover #adminNav,.admin-popover #adminContent){background:#fff!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.directory-results,.directory-card,.directory-tabs,.directory-switches,.demo-tools section,.topic-form,.thread-compose,.new-topic-form,.topic-create,.forum-modal article,.complaint-dialog,.admin-popover) :is(h1,h2,h3,h4,p,b,strong,small,span,label,em,button,li){color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.directory-user,.directory-user:hover,.directory-switches button,.directory-switches button:hover,.directory-switches button.active,.directory-tabs button,.directory-tabs button:hover,.directory-tabs button.active){background:#fff!important;border-color:#d7dde5!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .directory-user:hover{background:#f2f5f8!important}
body.demo-page[data-forum-theme="white"] .directory-user i{background:#dff6f7!important;color:#17212b!important}
body.demo-page[data-forum-theme="white"] :is(.directory-search input,#profileStatusForm input,[data-wall-comment] input,.topic-form input,.topic-form textarea,.new-topic-form input,.new-topic-form textarea,.topic-create input,.topic-create textarea,.thread-compose .be-edit,.topic-reply .be-edit,.demo-reply .be-edit,.pm-reply .be-edit,.baranus-editor,.be-edit,.be-preview){background:#fff!important;border-color:#b9c4d0!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.be-toolbar,.be-footer,.be-count){background:#f3f5f8!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.be-toolbar,.be-footer) :is(button,svg,path){color:#17191e!important;fill:currentColor!important}
body.demo-page[data-forum-theme="white"] :is(.be-edit,.be-preview):empty:before{color:#657080!important}
body.demo-page[data-forum-theme="white"] #profileStatusForm button{background:#1f2937!important;border-color:#111827!important;color:#fff!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment] button{background:#f36b83!important;border-color:#dc516b!important;color:#261019!important}
body.demo-page[data-forum-theme="white"] :is(.demo-btn.secondary,.topic-management-actions .demo-btn,.profile-actions button,.topic-hero .demo-btn.secondary,#createSubcategory,.complaint-cancel){background:#f3f5f8!important;border-color:#bac5d1!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] :is(.topic-form .demo-btn,.topic-create .demo-btn,.new-topic-form .demo-btn,.thread-compose .demo-btn,.topic-reply .demo-btn,.demo-reply .demo-btn,.pm-reply .demo-btn){background:#1f2937!important;border-color:#111827!important;color:#fff!important}
body.demo-page[data-forum-theme="white"] :is(.demo-btn.danger,#deleteTopic,.wall-delete,.wall-delete-post){background:#fff1f2!important;border-color:#f2b8c1!important;color:#b4233c!important}
body.demo-page[data-forum-theme="white"] .admin-popover #adminNav{border-bottom:1px solid #cbd2db!important}
body.demo-page[data-forum-theme="white"] .admin-popover #adminNav button{background:transparent!important;border-color:transparent!important;color:#374151!important}
body.demo-page[data-forum-theme="white"] .admin-popover #adminNav button.active{background:#edf1f5!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .admin-popover :is(.admin-stat,.admin-stats>*,.admin-note){background:#f4f6f8!important;border-color:#d6dce4!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .forum-theme-menu button.is-active{background:#e7ebf0!important}

body.demo-page[data-forum-theme="crimson"] :is(.forum-shell,.forum-workspace,.forum-stage,.forum-layout){background:#13070b!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] :is(.forum-shell,.forum-workspace,.forum-stage,.forum-layout){background:#070809!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed){background:#371424!important;border-color:#f0a2b43b!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] :is(.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed){background:#1b1c20!important;border-color:#ffffff28!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(.forum-content,.forum-right,.forum-side,.forum-account-menu,.forum-quick-panel,.admin-popover,.complaint-dialog,.profile-card,.profile-feed,.topic-hero,.topic-title,.topic-reply,.demo-reply,.pm-reply,.modern-category,.category-subcard,.forum-topic-item,.demo-topic-card,.demo-post,.forum-post,.pm-message,.wall-post,.wall-comment,.directory-user,.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed) :is(*:not(svg):not(path)),body.demo-page[data-forum-theme="onyx"] :is(.forum-content,.forum-right,.forum-side,.forum-account-menu,.forum-quick-panel,.admin-popover,.complaint-dialog,.profile-card,.profile-feed,.topic-hero,.topic-title,.topic-reply,.demo-reply,.pm-reply,.modern-category,.category-subcard,.forum-topic-item,.demo-topic-card,.demo-post,.forum-post,.pm-message,.wall-post,.wall-comment,.directory-user,.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed) :is(*:not(svg):not(path)){color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(.role-owner,.online-cloud .role-owner){color:#ff8298!important}body.demo-page[data-forum-theme="crimson"] :is(.role-moderator,.online-cloud .role-moderator){color:#74d8ff!important}
body.demo-page[data-forum-theme="onyx"] :is(.role-owner,.online-cloud .role-owner){color:#ff8b98!important}body.demo-page[data-forum-theme="onyx"] :is(.role-moderator,.online-cloud .role-moderator){color:#79dcff!important}

/* White editor and brand: no inherited dark shell, glow, or popover remains. */
body.demo-page[data-forum-theme="white"] .topic-composer{background:#fff!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .topic-composer :is(h1,p,label,small,b,span){color:#17191e!important}
body.demo-page[data-forum-theme="white"] .topic-composer :is(.compose-title,select,.baranus-editor,.be-edit,.be-edit:focus,.be-preview,.be-toolbar,.be-footer,.be-count){background:#fff!important;border-color:#cbd2db!important;color:#17191e!important;box-shadow:none!important}
body.demo-page[data-forum-theme="white"] .topic-composer .be-toolbar,body.demo-page[data-forum-theme="white"] .topic-composer .be-footer{background:#f5f7fa!important}
body.demo-page[data-forum-theme="white"] .be-popover,body.demo-page[data-forum-theme="white"] .be-popover .be-font-list{background:#fff!important;border-color:#cbd2db!important;color:#17191e!important;box-shadow:0 12px 28px #24304424!important}
body.demo-page[data-forum-theme="white"] .be-popover button,body.demo-page[data-forum-theme="white"] .be-popover button:hover{background:transparent!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .be-popover button:hover{background:#eef2f6!important}
body.demo-page[data-forum-theme="white"] :is(.demo-btn,.demo-btn:hover,.demo-btn:focus,.demo-btn:active,.topic-composer .demo-btn,.topic-composer .demo-btn:hover,.topic-management-actions .demo-btn){box-shadow:none!important}
body.demo-page[data-forum-theme="white"] .forum-side-brand{width:41px!important;margin-right:auto!important;margin-left:11px!important;gap:0!important}
body.demo-page[data-forum-theme="white"] .forum-side-brand img{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:invert(1)!important;mix-blend-mode:multiply!important}
/* Readability pass: larger, stronger text across every forum theme. */
body.demo-page :is(.forum-content,.forum-right-card,.forum-side,.forum-top,.forum-account-menu,.forum-quick-panel,.admin-popover,.complaint-dialog){font-size:15px}
body.demo-page :is(.forum-side-nav button,.forum-site-links a,.forum-theme-toggle,.forum-theme-menu button,.forum-account-main,.forum-quick-button,.forum-admin-trigger){font-size:12px!important;font-weight:700!important}
body.demo-page :is(.demo-breadcrumbs,.eyebrow,.modern-category-meta,.forum-topic-metrics,.forum-topic-last time,.demo-topic-card time){font-size:10px!important;font-weight:700!important}
body.demo-page :is(.demo-heading p,.topic-hero p,.modern-category p,.category-subcard p,.forum-right-card p,.forum-right-card small,.forum-topic-copy small,.forum-topic-last,.profile-summary p,.profile-stats span,.profile-tabs button,.wall-post header time,.wall-post small,.wall-comment footer small,.wall-comment footer button){font-size:14px!important;font-weight:600!important}
body.demo-page :is(.modern-category h3,.category-subcard h3,.forum-topic-copy b,.demo-topic-card b,.directory-user b,.profile-summary h1,.topic-hero h1,.topic-title h1){font-weight:750!important}
body.demo-page :is(.demo-btn,.topic-management-actions button,.profile-actions button,.wall-compose .demo-btn,.wall-post footer button,.wall-comment-author,.wall-comment-text,[data-wall-comment] button,#profileStatusForm button){font-size:12px!important;font-weight:700!important}
body.demo-page :is(.post-body,.wall-post .post-body,.wall-comment-text,.profile-summary strong,.profile-stats b,.admin-title p,.admin-note){font-size:15px!important;font-weight:600!important}
body.demo-page :is(input,textarea,select,.be-edit,.be-preview){font-size:15px!important;font-weight:500!important}
body.demo-page .wall-post header .demo-nick{font-size:14px!important;font-weight:800!important}
body.demo-page .profile-role-badges .role-owner,body.demo-page .profile-role-badges .role-moderator,body.demo-page .profile-role-badges .role-player{font-weight:800!important}
body.demo-page .profile-tabs{border-top:1px solid currentColor!important}
body.demo-page[data-forum-theme="white"].forum-page .forum-content .profile-summary h1.role-owner{color:#b4233c!important}body.demo-page[data-forum-theme="white"].forum-page .forum-content .profile-summary h1.role-moderator{color:#0879b8!important}body.demo-page[data-forum-theme="white"].forum-page .forum-content .profile-summary h1.role-player{color:#374151!important}
body.demo-page[data-forum-theme="crimson"].forum-page .forum-content .profile-summary h1.role-owner{color:#ff8298!important}body.demo-page[data-forum-theme="crimson"].forum-page .forum-content .profile-summary h1.role-moderator{color:#74d8ff!important}body.demo-page[data-forum-theme="onyx"].forum-page .forum-content .profile-summary h1.role-owner{color:#ff8b98!important}body.demo-page[data-forum-theme="onyx"].forum-page .forum-content .profile-summary h1.role-moderator{color:#79dcff!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button::before{content:'↩'!important;font-size:18px!important}
body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#111111"]{background:#111111!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#555555"]{background:#555555!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#888888"]{background:#888888!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#cccccc"]{background:#ccc!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#ffffff"]{background:#fff!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#ef4444"]{background:#ef4444!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#f97316"]{background:#f97316!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#facc15"]{background:#facc15!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#84cc16"]{background:#84cc16!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#22c55e"]{background:#22c55e!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#14b8a6"]{background:#14b8a6!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#06b6d4"]{background:#06b6d4!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#3b82f6"]{background:#3b82f6!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#6366f1"]{background:#6366f1!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#a855f7"]{background:#a855f7!important}body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button[data-color="#ec4899"]{background:#ec4899!important}
body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button{border-color:#ffffff!important;box-shadow:inset 0 0 0 1px #00000024!important}
body.demo-page[data-forum-theme="white"] .be-popover .be-color-grid button:hover{outline:2px solid #111827!important;outline-offset:2px!important}
body.demo-page[data-forum-theme="white"] :is(.be-modal,.be-modal header,.be-modal footer,.be-modal-body){background:#fff!important;border-color:#cbd2db!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .be-modal :is(h2,label,p,.be-close){color:#17191e!important}
body.demo-page[data-forum-theme="white"] .be-modal :is(input,textarea,select){background:#fff!important;border-color:#b9c4d0!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .be-modal .be-cancel{background:#f1f4f7!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .be-modal .be-confirm{background:#1f2937!important;color:#fff!important;box-shadow:none!important}
/* Header, profile and avatar adjustments shared by all designs. */
body.demo-page .forum-side .forum-theme-picker{align-self:stretch;justify-self:stretch;margin:12px 0 0;padding:0}
body.demo-page .forum-side .forum-theme-toggle{width:100%;justify-content:flex-start;padding:11px 12px;border-radius:8px}
body.demo-page .forum-side .forum-theme-menu{top:auto;right:auto;bottom:calc(100% + 8px);left:0;width:100%;box-sizing:border-box}
body.demo-page .forum-top .forum-quick-actions{margin-left:auto!important;gap:3px!important}
body.demo-page .forum-top .forum-account{margin-left:7px!important}
body.demo-page .forum-admin-trigger{width:48px!important;height:48px!important;font-size:25px!important}
body.demo-page .profile-avatar .avatar-change{bottom:0!important;width:100%!important;height:25%!important;min-height:0!important;box-sizing:border-box!important;padding:9px 4px 5px!important;border:0!important;border-radius:0 0 999px 999px!important;display:grid!important;place-items:center!important;font-size:8px!important;line-height:1.05!important;white-space:normal!important;transform:translateX(-50%)!important}
body.demo-page .profile-summary h1.role-owner{color:#b4233c!important}body.demo-page .profile-summary h1.role-moderator{color:#0879b8!important}body.demo-page .profile-summary h1.role-player{color:#374151!important}
body.demo-page[data-forum-theme="crimson"] .profile-summary h1.role-owner{color:#ff8298!important}body.demo-page[data-forum-theme="crimson"] .profile-summary h1.role-moderator{color:#74d8ff!important}body.demo-page[data-forum-theme="crimson"] .profile-summary h1.role-player{color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .profile-summary h1.role-owner{color:#ff8b98!important}body.demo-page[data-forum-theme="onyx"] .profile-summary h1.role-moderator{color:#79dcff!important}body.demo-page[data-forum-theme="onyx"] .profile-summary h1.role-player{color:#fff!important}
body.demo-page[data-forum-theme="white"] .profile-summary #profileStatusForm input{background:#fff!important;border-color:#aebac8!important;color:#17191e!important}
body.demo-page[data-forum-theme="white"] .profile-summary #profileStatusForm input::placeholder{color:#64748b!important;opacity:1!important}
body.demo-page[data-forum-theme="white"] .profile-avatar .avatar-change{background:#1f2937!important;color:#fff!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button{background:#1f2937!important;border-color:#111827!important;color:#fff!important}
body.demo-page[data-forum-theme="white"] .wall-comment,body.demo-page[data-forum-theme="white"] .profile-feed .wall-comment:last-child{border:1px solid #d4d9e0!important;border-left:3px solid #cbd2db!important;background:#fff!important}
body.demo-page .profile-avatar .avatar-change{bottom:0!important;background:transparent!important}
body.demo-page[data-forum-theme="white"] .profile-avatar .avatar-change{background:#1f2937a8!important;color:#fff!important;text-shadow:0 1px 2px #0009!important}
body.demo-page .forum-side .forum-admin-trigger{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;height:40px!important;margin-top:10px!important;padding:0 12px!important;border:1px solid currentColor!important;border-radius:8px!important;background:transparent!important;font-size:13px!important}
body.demo-page .forum-side .forum-admin-trigger span{font:600 11px/1 Arial,sans-serif!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button{width:38px!important;height:30px!important;padding:0!important;font-size:18px!important;font-weight:700!important;line-height:1!important}
body.demo-page[data-forum-theme="white"] .wall-compose .demo-btn{word-spacing:5px!important}
body.demo-page .profile-avatar .avatar-change{padding:3px 4px 12px!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button{position:relative!important;display:grid!important;place-items:center!important;color:transparent!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button::before{content:'↩'!important;display:block!important;color:#fff!important;font:700 20px/1 Arial,sans-serif!important}

/* Profile activity and user-content tabs use the same compact card language as the wall. */
body.demo-page #profileTabContent:not(:has(.wall-post)){
  display:grid!important;gap:12px!important;margin-top:12px!important;padding:16px!important;
  border:1px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important;
  color:#172033!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post))>h2{
  margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #d8e0e8!important;
  color:#172033!important;font-size:18px!important;font-weight:800!important;line-height:1.2!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post))>article{
  display:grid!important;gap:9px!important;margin:0!important;padding:14px 15px!important;
  border:1px solid #d5dde6!important;border-radius:9px!important;background:#f8fafc!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post)) .profile-content-link{
  display:grid!important;gap:4px!important;color:#172033!important;text-decoration:none!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post)) .profile-content-link b{
  color:inherit!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post)) .profile-content-link small{
  color:#64748b!important;font-size:13px!important;font-weight:650!important;line-height:1.3!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post))>article>div{
  color:#334155!important;font-size:14px!important;font-weight:550!important;line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
body.demo-page #profileTabContent:not(:has(.wall-post))>p{
  margin:0!important;padding:14px 15px!important;border:1px solid #d5dde6!important;border-radius:9px!important;
  background:#f8fafc!important;color:#475569!important;font-size:14px!important;font-weight:600!important;
}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)),
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post)){background:#1b1d24!important;border-color:#ffffff2b!important;color:#f8fafc!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>h2,
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post))>h2{border-color:#ffffff24!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>article,
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post))>article,
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>p,
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post))>p{background:#ffffff0a!important;border-color:#ffffff24!important;color:#dfe5ee!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)) :is(.profile-content-link,.profile-content-link b,article>div),
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post)) :is(.profile-content-link,.profile-content-link b,article>div){color:#f8fafc!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)) .profile-content-link small,
body.demo-page[data-forum-theme="onyx"] #profileTabContent:not(:has(.wall-post)) .profile-content-link small{color:#bac6d6!important}

/* The wall editor is a primary writing field: its entered text matches the forum's stronger reading weight. */
body.demo-page .wall-compose .be-edit,
body.demo-page .wall-compose .be-edit:focus{font-size:16px!important;font-weight:650!important}
body.demo-page .wall-compose .be-edit:empty::before{font-weight:650!important}

/* Keep the active profile section unmistakable even in the light design. */
body.demo-page .profile-tabs button{position:relative!important;border-bottom:0!important}
body.demo-page .profile-tabs button.active::after{
  content:''!important;position:absolute!important;right:12px!important;bottom:0!important;left:12px!important;
  height:3px!important;border-radius:3px 3px 0 0!important;background:#b4233c!important;
}
body.demo-page[data-forum-theme="crimson"] .profile-tabs button.active::after{background:#ff8298!important}
body.demo-page[data-forum-theme="onyx"] .profile-tabs button.active::after{background:#79dcff!important}

/* A neutral active-tab marker keeps the navigation legible in every design. */
body.demo-page .profile-tabs button.active::after{background:#fff!important}
body.demo-page[data-forum-theme="white"] .profile-tabs button.active::after{background:#111827!important}
body.demo-page .wall-compose .be-edit,
body.demo-page .wall-compose .be-edit:focus{font-weight:500!important}
body.demo-page .wall-compose .be-edit:empty::before{font-weight:500!important}
body.demo-page .profile-tabs{border-top:0!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button::before{font:500 20px/1 Arial,sans-serif!important}
body.demo-page .forum-top .forum-theme-toggle{min-width:38px!important;padding:0!important;justify-content:center!important;gap:0!important}

/* The mark stays neutral on dark designs instead of carrying the former crimson glow. */
body.demo-page:not([data-forum-theme="white"]) .forum-side-brand img{box-shadow:none!important;filter:grayscale(1)!important;mix-blend-mode:normal!important}

/* User directory surfaces follow the selected design instead of inheriting the legacy crimson cards. */
body.demo-page[data-forum-theme="onyx"] :is(.directory-card,.directory-results){background:#1b1c20!important;border-color:#ffffff28!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] :is(.directory-user,.directory-user:hover,.directory-switches button,.directory-switches button:hover,.directory-switches button.active){background:#1b1c20!important;border-color:#ffffff24!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .directory-user:hover,body.demo-page[data-forum-theme="onyx"] .directory-switches button:hover,body.demo-page[data-forum-theme="onyx"] .directory-switches button.active{background:#ffffff0d!important}
body.demo-page[data-forum-theme="onyx"] :is(.directory-heading h1,.directory-card h2,.directory-user b,.directory-user small,.directory-user em){color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .directory-search input{background:#101114!important;border-color:#ffffff32!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(.directory-card,.directory-results){background:#371424!important;border-color:#f0a2b43b!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] :is(.directory-user,.directory-user:hover,.directory-switches button,.directory-switches button:hover,.directory-switches button.active){background:#371424!important;border-color:#f0a2b42b!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] .directory-user:hover,body.demo-page[data-forum-theme="crimson"] .directory-switches button:hover,body.demo-page[data-forum-theme="crimson"] .directory-switches button.active{background:#f39aaa18!important}
body.demo-page[data-forum-theme="crimson"] :is(.directory-heading h1,.directory-card h2,.directory-user b,.directory-user small,.directory-user em){color:#fff!important}
body.demo-page[data-forum-theme="crimson"] .directory-search input{background:#260b16!important;border-color:#f3a0b255!important;color:#fff!important}

/* Onyx forum front: no crimson remnants in the title action or right-side widgets. */
body.demo-page[data-forum-theme="onyx"] .demo-heading{border-color:#ffffff20!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .demo-heading :is(h1,p){color:#fff!important;text-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .demo-heading .demo-btn{background:#090a0c!important;border-color:#ffffff55!important;color:#fff!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .demo-heading .demo-btn:hover{background:#1c1d21!important;border-color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .forum-right :is(.forum-right-card,.forum-side-widget,.online-widget,.forum-stats-widget,.side-feed){background:#15161a!important;border-color:#ffffff24!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .forum-right :is(.forum-right-card h3,.forum-side-widget h3){background:#1b1c20!important;border-color:#ffffff20!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .forum-right :is(.side-feed button,.forum-side-widget p,.forum-side-widget small,.forum-stats-widget span,.forum-stats-widget b){background:transparent!important;color:#d7d9de!important;border-color:#ffffff1c!important}

/* Topic page controls also use graphite surfaces in the onyx design. */
body.demo-page[data-forum-theme="onyx"] .post-main>header{background:#1b1c20!important;border-color:#ffffff20!important;color:#e7e8eb!important}
body.demo-page[data-forum-theme="onyx"] .post-main>header :is(button,span,time){color:#e7e8eb!important}
body.demo-page[data-forum-theme="onyx"] .topic-reply{background:#15161a!important;border-color:#ffffff28!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .topic-reply .baranus-editor{background:#101114!important;border-color:#ffffff2b!important}
body.demo-page[data-forum-theme="onyx"] .topic-reply :is(.be-toolbar,.be-footer,.be-count){background:#1b1c20!important;border-color:#ffffff20!important;color:#f1f2f4!important}
body.demo-page[data-forum-theme="onyx"] .topic-reply .be-edit{background:#101114!important;color:#f4f4f5!important}
body.demo-page[data-forum-theme="onyx"] .topic-reply .be-edit:empty::before{color:#a7abb3!important}
body.demo-page[data-forum-theme="onyx"] #sendReply{background:#090a0c!important;border-color:#ffffff55!important;color:#fff!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] #sendReply:hover{background:#1c1d21!important;border-color:#fff!important}

/* Forum home receives a stronger information hierarchy without affecting category/topic pages. */
body.demo-page #demoContent:has(.forum-list) .demo-heading h1{font-size:clamp(38px,4vw,52px)!important;font-weight:800!important;letter-spacing:-1.5px!important}
body.demo-page #demoContent:has(.forum-list) .demo-heading p{font-size:17px!important;font-weight:650!important}
body.demo-page #demoContent:has(.forum-list) .demo-breadcrumbs{font-size:12px!important;font-weight:750!important}
body.demo-page #demoContent:has(.forum-list) .modern-category h3{font-size:19px!important;font-weight:800!important}
body.demo-page #demoContent:has(.forum-list) .modern-category p{font-size:15px!important;font-weight:600!important}
body.demo-page #demoContent:has(.forum-list) :is(.category-card-stats,.category-latest,.category-latest small){font-size:14px!important;font-weight:650!important}
body.demo-page #demoContent:has(.forum-list) .category-latest b{font-size:15px!important;font-weight:800!important}
body.demo-page:has(#demoContent .forum-list) .forum-right :is(h3,b,strong){font-weight:800!important}
body.demo-page:has(#demoContent .forum-list) .forum-right :is(p,small,span,.side-feed button){font-size:14px!important;font-weight:600!important}

/* Light forum home: a dark divider clearly separates the section from its latest-message column. */
body.demo-page[data-forum-theme="white"] #demoContent .forum-list :is(.modern-last,.category-latest){border-left:5px solid #1f2937!important;padding-left:18px!important}
body.demo-page[data-forum-theme="white"] .forum-right .forum-side-widget>h3{background:#1f2937!important;border-color:#111827!important;color:#fff!important}

/* A calmer home-page scale, with the same subtle separator weight used by dark themes. */
body.demo-page #demoContent:has(.forum-list) .demo-heading h1{font-size:clamp(34px,3.4vw,44px)!important;font-weight:750!important;letter-spacing:-1px!important}
body.demo-page #demoContent:has(.forum-list) .demo-heading p{font-size:15px!important;font-weight:600!important}
body.demo-page #demoContent:has(.forum-list) .demo-breadcrumbs{font-size:11px!important;font-weight:700!important}
body.demo-page #demoContent:has(.forum-list) .modern-category h3{font-size:17px!important;font-weight:750!important}
body.demo-page #demoContent:has(.forum-list) .modern-category p{font-size:14px!important;font-weight:550!important}
body.demo-page #demoContent:has(.forum-list) :is(.category-card-stats,.category-latest,.category-latest small){font-size:13px!important;font-weight:550!important}
body.demo-page #demoContent:has(.forum-list) .category-latest b{font-size:14px!important;font-weight:700!important}
body.demo-page:has(#demoContent .forum-list) .forum-right :is(h3,b,strong){font-weight:700!important}
body.demo-page:has(#demoContent .forum-list) .forum-right :is(p,small,span,.side-feed button){font-size:13px!important;font-weight:500!important}
body.demo-page[data-forum-theme="white"] #demoContent .forum-list :is(.modern-last,.category-latest){border-left:1px solid #cbd2db!important;padding-left:18px!important}

/* Crimson header and profile controls retain clear, dedicated surfaces. */
body.demo-page[data-forum-theme="crimson"] .forum-top .forum-theme-toggle{background:#4a1726!important;border-color:#d97187!important;color:#ffe6eb!important}
body.demo-page[data-forum-theme="crimson"] .forum-top .forum-theme-toggle:hover,body.demo-page[data-forum-theme="crimson"] .forum-top .forum-theme-toggle[aria-expanded="true"]{background:#642238!important;border-color:#ffafbe!important}
body.demo-page .forum-account-main .forum-avatar{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:13px!important}
body.demo-page[data-forum-theme="crimson"] .forum-side-brand img{background:transparent!important;filter:grayscale(1) contrast(1.35) brightness(1.35)!important;mix-blend-mode:screen!important}
body.demo-page[data-forum-theme="crimson"] .profile-summary #profileStatusForm input{background:#260b16!important;border-color:#9e455b!important;color:#fff1f4!important}
body.demo-page[data-forum-theme="crimson"] .profile-summary #profileStatusForm input::placeholder{color:#e1aab7!important;opacity:1!important}
body.demo-page[data-forum-theme="crimson"] #profileStatusForm button{background:#8a2f45!important;border-color:#df758c!important;color:#fff!important;box-shadow:none!important}
body.demo-page[data-forum-theme="crimson"] #profileStatusForm button:hover{background:#8a2f45!important;border-color:#df758c!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] .profile-avatar .avatar-change,body.demo-page[data-forum-theme="crimson"] .profile-avatar .avatar-change:hover{background:#1a1116a8!important;color:#fff!important;filter:none!important;box-shadow:none!important}

/* Profile activity/content cards use the crimson surface rather than the graphite onyx surface. */
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)){background:#421525!important;border-color:#8e3b51!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>h2{border-color:#8e3b515e!important;color:#fff!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>article,
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post))>p{background:#5a1d31!important;border-color:#a74b6266!important;color:#ffe9ee!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)) :is(.profile-content-link,.profile-content-link b,article>div){color:#fff3f6!important}
body.demo-page[data-forum-theme="crimson"] #profileTabContent:not(:has(.wall-post)) .profile-content-link small{color:#f2b6c3!important}
body.demo-page[data-forum-theme="crimson"] :is(.wall-comment,.profile-feed .wall-comment:last-child){border:1px solid #8e3b51!important;border-left:3px solid #a44860!important;background:#4c182a!important}

/* Onyx wall controls and comment frames use one neutral graphite treatment. */
body.demo-page[data-forum-theme="onyx"] :is(.wall-comment,.profile-feed .wall-comment:last-child){border:1px solid #34363d!important;border-left:3px solid #34363d!important;background:#15161a!important}
body.demo-page[data-forum-theme="onyx"] [data-wall-comment]>button,
body.demo-page[data-forum-theme="onyx"] .wall-compose .demo-btn{background:#090a0c!important;border-color:#ffffff55!important;color:#fff!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] [data-wall-comment]>button:hover,
body.demo-page[data-forum-theme="onyx"] .wall-compose .demo-btn:hover{background:#1c1d21!important;border-color:#fff!important;color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .profile-summary #profileStatusForm input{color:#fff!important}
body.demo-page[data-forum-theme="onyx"] .profile-summary #profileStatusForm input::placeholder{color:#f1f3f5!important;opacity:1!important}

/* White profile wall: action links remain text-only, while the compact reply glyph is deliberate. */
body.demo-page[data-forum-theme="white"] :is(.wall-delete-post,.wall-delete){background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button{color:#fff!important;font:700 14px/1 Arial,sans-serif!important;transform:translateY(1px)!important}
body.demo-page[data-forum-theme="white"] [data-wall-comment]>button::before{content:none!important;display:none!important}

/* The source logo has an opaque black matte; screen blending lets it disappear into the onyx sidebar. */
body.demo-page[data-forum-theme="onyx"] .forum-side-brand img{background:transparent!important;filter:grayscale(1)!important;mix-blend-mode:screen!important}

body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment]>button{color:#fff!important}
.demo-page .forum-side-nav button:first-child.active i{display:inline-block;width:18px;height:18px;font-size:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.demo-page .forum-side-nav button:first-child i{display:inline-block;width:16px;height:16px;font-size:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Theme-specific topic composer: no crimson surfaces leak into the onyx editor. */
body.demo-page[data-forum-theme="onyx"] .topic-composer{background:#111217!important;border-color:#393b44!important;box-shadow:none!important;color:#f5f6f8!important}body.demo-page[data-forum-theme="onyx"] .topic-composer :is(h1,p,label,b,small,span){color:#f5f6f8!important}body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview){background:#0d0e12!important;border-color:#393b44!important;color:#f5f6f8!important;box-shadow:none!important}body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.be-toolbar,.be-footer,.be-count){background:#1a1b20!important;border-color:#393b44!important;color:#d9dce1!important}body.demo-page[data-forum-theme="onyx"] .topic-composer .be-edit:empty::before{color:#9298a3!important}body.demo-page[data-forum-theme="onyx"] .topic-composer .demo-btn{background:#0a0b0e!important;border-color:#ffffff55!important;color:#fff!important;box-shadow:none!important}body.demo-page[data-forum-theme="onyx"] .topic-composer .demo-btn:hover{background:#22242b!important;border-color:#fff!important}body.demo-page[data-forum-theme="crimson"] .topic-composer{background:linear-gradient(145deg,#4a1024,#260914)!important;border-color:#d75a7d!important;box-shadow:none!important;color:#fff4f6!important}body.demo-page[data-forum-theme="crimson"] .topic-composer :is(h1,p,label,b,small,span){color:#fff4f6!important}body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview){background:#270b16!important;border-color:#a63c5d!important;color:#fff4f6!important;box-shadow:none!important}body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.be-toolbar,.be-footer,.be-count){background:#50152a!important;border-color:#a63c5d!important;color:#fff4f6!important}body.demo-page[data-forum-theme="crimson"] .topic-composer .be-edit:empty::before{color:#dda2b2!important}body.demo-page[data-forum-theme="crimson"] .topic-composer .demo-btn{background:#ed718e!important;border-color:#ed718e!important;color:#fff!important;box-shadow:none!important}body.demo-page[data-forum-theme="crimson"] .topic-composer .demo-btn.secondary{background:#ffffff0b!important;border-color:#f4a5b8!important;color:#fff4f6!important}body.demo-page .topic-composer button:disabled{opacity:.52!important;cursor:not-allowed!important}

/* Delete controls use a transparent surface in every forum theme. */
body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger),body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger):hover{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}
/* White desktop: author metrics need their own visible surface. */
body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats span{border:1px solid #c3ccd7!important;background:#e7ecf2!important;color:#1c2734!important}body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats b{color:#1c2734!important}
.forum-theme-first-run{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:20px;background:#07090b99;backdrop-filter:blur(7px)}.forum-theme-first-run-card{width:min(420px,100%);padding:25px;border:1px solid #ffffff35;border-radius:15px;background:#15171df7;box-shadow:0 28px 80px #000b;color:#f7f8fa}.forum-theme-first-run-card .eyebrow{margin:0 0 8px;color:#f17795;font-size:10px;font-weight:800;letter-spacing:.12em}.forum-theme-first-run-card h2{margin:0;font-size:23px}.forum-theme-first-run-card>p:not(.eyebrow){margin:9px 0 20px;color:#c1c7d0;font-size:14px;line-height:1.5}.forum-theme-first-run-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.forum-theme-first-run-options button{min-height:62px;border:1px solid #ffffff29;border-radius:9px;background:#20232b;color:#f5f6f8;font-weight:700;cursor:pointer}.forum-theme-first-run-options button:nth-child(1){background:#f5f7fa;color:#1e2630}.forum-theme-first-run-options button:nth-child(2){background:#101216}.forum-theme-first-run-options button:nth-child(3){background:#5b1730}.forum-theme-first-run-options button.is-selected{outline:3px solid #f17694;outline-offset:2px}.forum-theme-first-run-confirm{width:100%;min-height:44px;margin-top:19px;border:0;border-radius:8px;background:#ef718f;color:#fff;font-weight:800;cursor:pointer}.forum-theme-first-run-confirm:hover{filter:brightness(1.08)}

/* Shared motion system: subtle feedback across every forum theme and viewport. */
@media (prefers-reduced-motion:no-preference){
  :root{--forum-motion-fast:150ms;--forum-motion:220ms;--forum-motion-slow:360ms;--forum-motion-ease:cubic-bezier(.22,.75,.28,1)}

  .demo-page .forum-workspace{animation:forum-workspace-in var(--forum-motion-slow) var(--forum-motion-ease) both}
  .demo-page .forum-content{animation:forum-panel-in 420ms var(--forum-motion-ease) both}
  .demo-page .forum-content>:is(section,article,form,.demo-heading,.demo-breadcrumbs),
  .demo-page .forum-right-card{animation:forum-item-in 430ms var(--forum-motion-ease) both}
  .demo-page .forum-content>:is(section,article,form,.demo-heading,.demo-breadcrumbs):nth-child(2),.demo-page .forum-right-card:nth-child(2){animation-delay:45ms}
  .demo-page .forum-content>:is(section,article,form,.demo-heading,.demo-breadcrumbs):nth-child(3),.demo-page .forum-right-card:nth-child(3){animation-delay:90ms}
  .demo-page .forum-content>:is(section,article,form,.demo-heading,.demo-breadcrumbs):nth-child(4){animation-delay:135ms}

  .demo-page :is(.modern-category,.demo-topic-card,.forum-topic-item,.demo-user,.wall-post,.wall-comment,.demo-post,.profile-card,.profile-feed,.topic-composer,.demo-subsections,.forum-right-card,.forum-quick-panel,.forum-account-menu){transition:transform var(--forum-motion) var(--forum-motion-ease),border-color var(--forum-motion) ease,background-color var(--forum-motion) ease,box-shadow var(--forum-motion) ease,opacity var(--forum-motion) ease}
  .demo-page :is(.modern-category,.demo-topic-card,.forum-topic-item,.demo-user,.wall-post,.wall-comment,.demo-post,.profile-card,.profile-feed,.topic-composer,.demo-subsections):hover{transform:translateY(-2px)}
  .demo-page :is(.modern-category,.demo-topic-card,.forum-topic-item,.demo-user,.wall-post,.wall-comment,.demo-post,.profile-card,.profile-feed,.topic-composer,.demo-subsections):focus-within{transform:translateY(-1px)}

  .demo-page button,.demo-page a,.demo-page input,.demo-page textarea,.demo-page select{transition:color var(--forum-motion-fast) ease,background-color var(--forum-motion-fast) ease,border-color var(--forum-motion-fast) ease,box-shadow var(--forum-motion-fast) ease,transform var(--forum-motion-fast) var(--forum-motion-ease),opacity var(--forum-motion-fast) ease}
  .demo-page :is(.demo-btn,.forum-mobile-toggle,.forum-quick-button,.forum-account-main,.forum-side-nav button,.profile-tabs button,.topic-management-actions button,.be-toolbar button):hover{transform:translateY(-1px)}
  .demo-page :is(button,a,.modern-category,.demo-topic-card,.forum-topic-item,.demo-user):active{transform:scale(.97);transition-duration:70ms}
  .demo-page :is(input,textarea,select,.be-edit):focus{animation:forum-focus-pulse 500ms var(--forum-motion-ease) both}

  .demo-page .forum-side{transition:transform var(--forum-motion-slow) var(--forum-motion-ease),box-shadow var(--forum-motion-slow) ease,background-color var(--forum-motion) ease}
  .demo-page .forum-side-nav button{transition:transform var(--forum-motion-fast) var(--forum-motion-ease),background-color var(--forum-motion) ease,border-color var(--forum-motion) ease,color var(--forum-motion) ease}
  .demo-page .forum-side-nav button:hover{transform:translateX(3px)}
  .demo-page .forum-account-menu,.demo-page .forum-quick-panel{transform-origin:top right;animation:forum-pop-in var(--forum-motion) var(--forum-motion-ease) both}
  .demo-page .post-author-stats span,.demo-page .profile-stats span{transition:transform var(--forum-motion-fast) var(--forum-motion-ease),background-color var(--forum-motion) ease,border-color var(--forum-motion) ease}
  .demo-page .post-author-stats span:hover,.demo-page .profile-stats span:hover{transform:translateY(-2px)}
  .demo-page :is(.is-liked,[data-wall-like].is-liked,[data-wall-comment-like].is-liked){animation:forum-like-pop 280ms var(--forum-motion-ease) both}

  @keyframes forum-workspace-in{from{opacity:.01}to{opacity:1}}
  @keyframes forum-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
  @keyframes forum-item-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  @keyframes forum-pop-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes forum-focus-pulse{0%{box-shadow:0 0 0 0 transparent}55%{box-shadow:0 0 0 3px #6f94ba30}100%{box-shadow:0 0 0 0 transparent}}
  @keyframes forum-like-pop{0%{transform:scale(.82)}65%{transform:scale(1.18)}100%{transform:scale(1)}}
}

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

/* Keep each header control in its own stacking layer: menus never cover the theme selector. */
.demo-page .forum-top{position:relative;z-index:100;isolation:isolate}
.demo-page .forum-top .forum-quick-actions{position:relative;z-index:10;flex:0 0 auto}
.demo-page .forum-top .forum-account{position:relative;z-index:20;flex:0 0 auto}
.demo-page .forum-top .forum-theme-picker{position:relative;z-index:40;flex:0 0 auto}
.demo-page .forum-top .forum-theme-menu{z-index:41}
.demo-page .forum-top .forum-account-menu{z-index:21}


@media(max-width:700px){
/* Mobile layout for Android and iPhone. Loaded after each page's theme. */
:root{--mobile-edge:max(16px,env(safe-area-inset-left));--mobile-right:max(16px,env(safe-area-inset-right))}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
img,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:max(16px,1em)}
@media (max-width:700px){
  .topbar{height:64px;padding-left:var(--mobile-edge);padding-right:var(--mobile-right);gap:12px;padding-top:env(safe-area-inset-top)}
  .topbar .brand{min-width:0;gap:8px;font-size:11px;white-space:nowrap}
  .topbar .brand-mark{width:30px;height:30px;flex:none}
  .topbar .cabinet-link{max-width:150px;padding:9px 0;font-size:7px;line-height:1.3;text-align:right}
  .section-shell{padding-left:var(--mobile-edge);padding-right:var(--mobile-right)}
  .hero{min-height:0;padding-top:104px;padding-bottom:48px}
  .hero-orbit{min-height:250px}
  .hero-version{position:static;margin:24px 0 0}
  .hero-copy>p{font-size:15px;line-height:1.55}
  .hero h1,.section-head h2,.community h2,.cabinet h2{letter-spacing:-2px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .button{justify-content:center;min-height:48px}
  .builds,.news,.community,.cabinet{padding-top:64px;padding-bottom:64px}
  .build-grid{margin-top:26px;gap:12px}
  .build-card{min-height:300px;border-radius:14px}
  .card-content{inset:auto 18px 18px}
  .card-content h3{font-size:30px}
  .news-grid{margin-top:26px;gap:12px}
  .news-card{grid-template-columns:104px minmax(0,1fr);min-height:185px;border-radius:12px}
  .news-card>div{padding:18px 15px}
  .news-card h3{font-size:18px;letter-spacing:-.7px}
  .news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
  .news-card a{margin-top:14px}
  .community{gap:28px}
  .social-grid{grid-template-columns:1fr;gap:10px}
  .social{min-height:105px;padding:18px}
  .cabinet-panel,.cabinet-hero{padding:28px 20px;border-radius:16px}
  .cabinet-hero{min-height:auto}
  .cabinet-hero h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2px}
  .cabinet-hero p{font-size:14px;line-height:1.55}
  footer{padding:21px var(--mobile-edge);align-items:flex-start}
  footer>span{display:block;font-size:7px;line-height:1.45}
  .project-hero{min-height:0;padding-top:112px;padding-bottom:56px}
  .project-copy h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2px}
  .project-copy p,.brief-head p{font-size:15px}
  .project-tags{gap:7px}
  .project-tags span{padding:8px 9px;font-size:8px}
  .project-brief{padding-top:58px;padding-bottom:58px}
  .brief-grid{grid-template-columns:1fr;gap:10px}
  .brief-card{min-height:0;padding:22px 19px}
  .auth-shell,.id-shell,.auth-card,.profile-card{width:100%;max-width:none}
  .id-main{padding:92px var(--mobile-edge) 34px}
  .auth-card{padding:24px 18px;border-radius:14px}
  .auth-tabs{gap:4px}
  .auth-tabs button{min-height:42px}
  .auth-form input,.auth-form button,.password-form input,.password-form button{min-height:48px}
}

/* Final mobile profile controls: icon-only actions and accessible tab scrolling. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i {
    font-size:20px !important;
    line-height:1 !important;
  }

  body.demo-page[data-forum-theme="white"] .forum-side-brand,
  body.demo-page[data-forum-theme="white"] .forum-side-brand img {
    background:transparent !important;
    box-shadow:none !important;
  }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img {
    filter:invert(1) contrast(1.1) !important;
    mix-blend-mode:normal !important;
  }

  .demo-page .profile-avatar .avatar-change,
  .demo-page .profile-avatar label.avatar-change {
    display:none !important;
  }

  .demo-page .profile-tabs {
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin !important;
    scrollbar-color:currentColor transparent;
    padding-bottom:7px !important;
  }
  .demo-page .profile-tabs::-webkit-scrollbar { display:block !important; height:3px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar-thumb { background:currentColor !important; border-radius:99px; }
  .demo-page .profile-tabs button { flex:0 0 auto !important; }

  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) {
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    text-indent:-9999px !important;
  }
  .demo-page .wall-post footer .wall-delete-post::before,
  .demo-page .wall-comment footer [data-wall-delete]::before { background:#c43c52 !important; }
  .demo-page .wall-comment footer [data-wall-edit]::before,
  .demo-page :is([data-wall-like],[data-wall-comment-like])::before { background:#202733 !important; }

  .demo-page .wall-comment footer {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto auto !important;
    align-items:center !important;
    gap:7px !important;
  }
  .demo-page .wall-comment footer > span { display:contents !important; }
  .demo-page .wall-comment footer > span > small {
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    margin:0 !important;
    font-size:8px !important;
    font-weight:500 !important;
    line-height:1.1 !important;
  }
  .demo-page .wall-comment footer [data-wall-comment-report],
  .demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; }
}

/* Must remain last: phone review adjustments. */
@media (max-width:700px) {
  .demo-page .forum-account { position:relative !important; z-index:300 !important; }
  .demo-page .forum-account-main { width:44px !important; height:44px !important; max-width:44px !important; padding:3px !important; }
  .demo-page .forum-account-main .forum-avatar { width:34px !important; height:34px !important; flex-basis:34px !important; }
  .demo-page .forum-account-menu { z-index:1000 !important; }
  .demo-page:has(.category-topics) .forum-topic-item { width:calc(100% - 24px) !important; min-height:128px !important; grid-template-columns:36px minmax(0,1fr) !important; grid-template-rows:auto auto 1fr !important; gap:7px 10px !important; padding:14px !important; border-radius:10px !important; transform:translateX(-6px) !important; box-shadow:0 8px 18px #0000000a !important; }
  .demo-page:has(.category-topics) .forum-topic-item > i { grid-row:1 / span 2 !important; width:34px !important; height:34px !important; }
  .demo-page:has(.category-topics) .forum-topic-copy { align-self:start !important; }
  .demo-page:has(.category-topics) .forum-topic-copy b { font-size:16px !important; line-height:1.2 !important; }
  .demo-page:has(.category-topics) .forum-topic-copy small { margin-top:4px !important; font-size:11px !important; }
  .demo-page:has(.category-topics) .forum-topic-metrics { grid-column:2 !important; margin:2px 0 0 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last { grid-column:1 / -1 !important; align-self:end !important; margin-top:4px !important; padding-top:9px !important; border-top:1px solid #ffffff18 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last i { width:30px !important; height:30px !important; }
  .demo-page .wall-comment > div { position:relative !important; min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { position:absolute !important; right:0 !important; bottom:6px !important; left:0 !important; }
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-edit]::before,body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-comment-like]::before { background:#fff !important; }
}

/* Theme-safe profile action contrast and a pinned comment timestamp. */
@media (max-width:700px) {
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) :is([data-wall-like],[data-wall-comment-like])::before,
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) .wall-comment footer [data-wall-edit]::before { background:#fff !important; color:#fff !important; }
  .demo-page .wall-comment > div { padding-bottom:37px !important; }
  .demo-page .wall-comment footer { bottom:7px !important; min-height:22px !important; }
  .demo-page .wall-comment footer > span > small { position:absolute !important; bottom:0 !important; left:0 !important; margin:0 !important; }
}

/* The inline reply arrow stays readable in the desktop white theme. */
body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment] > button { color:#fff !important; }

/* Final header, avatar, and crimson-composer corrections. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i {
    width:20px !important;
    font-family:"Arial Black",Arial,sans-serif !important;
    font-size:19px !important;
    font-weight:900 !important;
    transform:scale(1.12) !important;
  }
  .demo-page .forum-topic-last i { overflow:hidden !important; border-radius:50% !important; }
  .demo-page .forum-topic-last i > img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    border:0 !important;
    border-radius:inherit !important;
  }
  body.demo-page[data-forum-theme="crimson"] .topic-composer { background:linear-gradient(145deg,#4a1024,#260914) !important; border-color:#d75a7d !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview) { background:#270b16 !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.be-toolbar,.be-footer,.be-count) { background:#50152a !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  .demo-page .forum-top { position:relative !important; z-index:2147483646 !important; }
  .demo-page .forum-account,.demo-page .forum-account-menu { z-index:2147483647 !important; }
  .demo-page .forum-theme-toggle,.demo-page .forum-theme-toggle:hover,.demo-page .forum-theme-toggle:active,.demo-page .forum-theme-toggle:focus,.demo-page .forum-theme-toggle:focus-visible { background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; outline:0 !important; }
}

/* Final requested mobile control layout. */
@media (max-width:700px) {
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:grid !important; place-items:center !important; width:33px !important; height:33px !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:'B'; color:#080a0d !important; font:900 28px/.9 Arial Black,Arial,sans-serif; letter-spacing:-3px; }
  .demo-page .forum-top { display:flex !important; align-items:center !important; gap:7px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; margin:0 auto 0 0 !important; }
  .demo-page .forum-account { order:4 !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:3 !important; display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:2 !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:1 !important; }
  .demo-page .forum-theme-picker { order:1 !important; margin:0 !important; }
  .demo-page .forum-theme-toggle { width:42px !important; height:42px !important; font-size:24px !important; line-height:1 !important; }
  .demo-page .forum-side-nav button.active i { width:23px !important; height:23px !important; font-size:0 !important; background:currentColor !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; transform:none !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea,.demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
  .demo-page :is(.wall-delete-post,[data-wall-delete]) { display:grid !important; place-items:center !important; padding:0 !important; text-indent:0 !important; }
  .demo-page :is(.wall-delete-post,[data-wall-delete])::before { display:block !important; margin:0 !important; transform:none !important; }
  .demo-page .wall-compose { margin-top:12px !important; }
}

/* Latest header order and compact wall controls. */
@media (max-width:700px) {
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:grid !important; place-items:center !important; width:33px !important; height:33px !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:'B'; color:#080a0d !important; font:900 28px/.9 Arial Black,Arial,sans-serif; letter-spacing:-3px; }

  .demo-page .forum-top { display:flex !important; align-items:center !important; gap:7px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; margin:0 auto 0 0 !important; }
  .demo-page .forum-account { order:1 !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:2 !important; display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:1 !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:2 !important; }
  .demo-page .forum-theme-picker { order:3 !important; margin:0 !important; }

  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea { font-size:10px !important; }
  .demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
}

/* Category cards and profile utilities — phone-sized, with stable action placement. */
@media (max-width:700px) {
  .demo-page .forum-account { position:relative !important; z-index:300 !important; }
  .demo-page .forum-account-main { width:44px !important; height:44px !important; max-width:44px !important; padding:3px !important; }
  .demo-page .forum-account-main .forum-avatar { width:34px !important; height:34px !important; flex-basis:34px !important; }
  .demo-page .forum-account-menu { z-index:1000 !important; }

  .demo-page:has(.category-topics) .forum-topic-item {
    width:calc(100% - 24px) !important;
    min-height:128px !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    grid-template-rows:auto auto 1fr !important;
    gap:7px 10px !important;
    padding:14px !important;
    border-radius:10px !important;
    transform:translateX(-6px) !important;
    box-shadow:0 8px 18px #0000000a !important;
  }
  .demo-page:has(.category-topics) .forum-topic-item > i { grid-row:1 / span 2 !important; width:34px !important; height:34px !important; }
  .demo-page:has(.category-topics) .forum-topic-copy { align-self:start !important; }
  .demo-page:has(.category-topics) .forum-topic-copy b { font-size:16px !important; line-height:1.2 !important; }
  .demo-page:has(.category-topics) .forum-topic-copy small { margin-top:4px !important; font-size:11px !important; }
  .demo-page:has(.category-topics) .forum-topic-metrics { grid-column:2 !important; margin:2px 0 0 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last {
    grid-column:1 / -1 !important;
    align-self:end !important;
    margin-top:4px !important;
    padding-top:9px !important;
    border-top:1px solid #ffffff18 !important;
    font-size:10px !important;
  }
  .demo-page:has(.category-topics) .forum-topic-last i { width:30px !important; height:30px !important; }

  .demo-page .wall-comment > div { position:relative !important; min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { position:absolute !important; right:0 !important; bottom:6px !important; left:0 !important; }
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-edit]::before,
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-comment-like]::before { background:#fff !important; }
}
@media (max-width:390px){
  .topbar .brand>span:last-child{display:none}
  .topbar .cabinet-link{max-width:126px}
  .hero-b{width:min(58vw,205px)}
  .news-card{grid-template-columns:86px minmax(0,1fr)}
  .news-card>div{padding:15px 12px}
  .news-card h3{font-size:16px}
  .card-content h3{font-size:26px}
}
@media (max-width:700px){
  /* Compact destructive and edit controls: the label remains available to screen readers. */
  .demo-page #deleteSubcategory,.demo-page #deleteTopic,.demo-page [data-delete-post],.demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-delete-role],.demo-page [data-edit-post],.demo-page [data-wall-edit],.demo-page #renameTopic,.demo-page #profileAvatarButton{display:inline-grid!important;place-items:center;flex:none!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important}
  .demo-page #deleteSubcategory,.demo-page #deleteTopic,.demo-page [data-delete-post],.demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-delete-role]{border-color:#ff5a5a88!important;background:#ff45451c!important;color:#ff625f!important}
  .demo-page #renameTopic,.demo-page [data-edit-post],.demo-page [data-wall-edit],.demo-page #profileAvatarButton{border-color:#ffffff45!important;background:#ffffff0d!important;color:#fff!important}
  .demo-page #deleteSubcategory::before,.demo-page #deleteTopic::before,.demo-page [data-delete-post]::before,.demo-page .wall-delete-post::before,.demo-page [data-wall-delete]::before,.demo-page [data-delete-role]::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .demo-page #renameTopic::before,.demo-page [data-edit-post]::before,.demo-page [data-wall-edit]::before,.demo-page #profileAvatarButton::before{content:'';display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
  /* Wall actions should read as small tools, not as avatars or primary buttons. */
  .demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-wall-edit]{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important}
  .demo-page .wall-delete-post,.demo-page [data-wall-delete]{color:#ff625f!important}
  .demo-page .wall-delete-post::before,.demo-page [data-wall-delete]::before{width:17px!important;height:17px!important}
  .demo-page [data-wall-edit]::before{width:17px!important;height:17px!important}
  .demo-page .wall-delete-post:hover,.demo-page [data-wall-delete]:hover{background:#ff45451c!important}
  .demo-page [data-wall-edit]:hover{background:#ffffff12!important}
  .demo-page #deleteSubcategory:active,.demo-page #deleteTopic:active,.demo-page [data-delete-post]:active,.demo-page .wall-delete-post:active,.demo-page [data-wall-delete]:active,.demo-page [data-delete-role]:active,.demo-page #renameTopic:active,.demo-page [data-edit-post]:active,.demo-page [data-wall-edit]:active,.demo-page #profileAvatarButton:active{transform:scale(.92)}
  .demo-page .forum-shell{min-height:100dvh}
  .demo-page .forum-top{min-height:64px;padding-left:var(--mobile-edge);padding-right:var(--mobile-right)}
  .demo-page .forum-stage,.demo-page .forum-content{width:100%;max-width:100%}
  .demo-page .forum-content{padding:16px var(--mobile-edge) 32px}
  .demo-page .forum-side{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .demo-page .demo-heading{align-items:stretch;gap:14px}
  .demo-page .demo-heading-actions,.demo-page .topic-hero-actions,.demo-page .topic-public-actions,.demo-page .topic-management-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .demo-page .demo-heading .demo-btn,.demo-page .topic-hero-actions .demo-btn{width:100%;min-height:44px}
  .demo-page .topic-hero{padding:18px}
  .demo-page .topic-hero h1{font-size:27px;overflow-wrap:anywhere}
  .demo-page .topic-crumbs,.demo-page .demo-breadcrumbs{flex-wrap:wrap;gap:6px;font-size:12px}
  .demo-page .forum-topic-item{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}
  .demo-page .forum-topic-metrics,.demo-page .forum-topic-last{grid-column:2;justify-self:start;text-align:left}
  .demo-page .forum-topic-last{display:flex}
  .demo-page .demo-post{grid-template-columns:1fr}
  .demo-page .post-author{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:11px;text-align:left}
  .demo-page .post-avatar-wrap{grid-row:span 3}
  .demo-page .post-role-tags,.demo-page .post-author-stats{grid-column:2}
  .demo-page .post-main{min-width:0}
  .demo-page .post-main header{flex-wrap:wrap;gap:8px}
  .demo-page .post-main footer{display:flex;flex-wrap:wrap;gap:8px}
  .demo-page .post-main footer button{min-height:38px}
  .demo-page .post-reply-reference{max-width:100%}
  .demo-page .topic-pagination{gap:8px;justify-content:space-between}
  .demo-page .topic-pagination .demo-btn{min-height:42px}
  .demo-page .profile-card{padding:18px}
  .demo-page .profile-header{display:grid;grid-template-columns:86px minmax(0,1fr);gap:15px}
  .demo-page .profile-avatar{width:86px;height:86px}
  .demo-page .profile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .demo-page .profile-actions button{width:100%;min-height:42px}
  .demo-page .profile-info-grid{grid-template-columns:1fr 1fr}
  .demo-page .profile-tabs{overflow-x:auto;overscroll-behavior-x:contain}
  .demo-page .profile-tabs button{flex:none;min-height:42px}
  .demo-page .baranus-editor{min-width:0}
  .demo-page .be-toolbar{overflow-x:auto;flex-wrap:nowrap!important;padding:6px}
  .demo-page .be-tool{min-width:36px!important;height:38px}
  .demo-page .be-edit,.demo-page .be-preview{min-height:180px!important;padding:13px;font-size:16px!important}
  .demo-page .be-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none!important;max-height:48dvh;overflow:auto}
  .demo-page .be-table-grid{grid-template-columns:repeat(10,18px)!important}
  .demo-page .forum-account-main{max-width:148px;min-height:44px}
  .demo-page .forum-account-menu,.demo-page .forum-quick-panel{right:var(--mobile-right);left:var(--mobile-edge);width:auto}
  .demo-page .admin-popover{position:fixed!important;inset:calc(70px + env(safe-area-inset-top)) var(--mobile-edge) calc(12px + env(safe-area-inset-bottom))!important;max-height:none!important;overflow:auto}
  /* The profile wall uses quiet, compact utility controls. */
  .demo-page [data-wall-like],.demo-page [data-wall-comment-like]{display:inline-grid!important;place-items:center;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;font-size:0!important;line-height:0!important;color:#d9e4ea!important}
  .demo-page [data-wall-like]::before,.demo-page [data-wall-comment-like]::before{content:'♡';font:22px/1 Arial,sans-serif}
  .demo-page [data-wall-like].is-liked::before,.demo-page [data-wall-comment-like].is-liked::before{content:'♥';color:#ff7676}
  .demo-page [data-wall-like]:hover,.demo-page [data-wall-comment-like]:hover{background:#ffffff12!important}
  .demo-page .profile-top{grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}
  .demo-page .profile-actions{position:static!important;display:flex!important;gap:8px!important;margin-top:12px!important}
  .demo-page .profile-actions button{width:auto!important;min-height:36px!important;padding:8px 10px!important;font-size:9px!important}
  .demo-page .forum-side-brand{display:flex!important;align-items:center!important;gap:0!important;letter-spacing:0!important}
  .demo-page .forum-side-brand img{margin-right:-2px!important}
  .demo-page .forum-side-brand span{font-size:15px!important;letter-spacing:-.6px!important}
  .demo-page .demo-breadcrumbs,.demo-page .demo-heading{margin-left:4px!important;margin-right:4px!important}
  .demo-page .forum-quick-panel{top:calc(100% + 8px)!important;right:var(--mobile-right)!important;left:auto!important;width:min(272px,calc(100vw - 32px))!important;padding:8px!important}
  .demo-page .forum-quick-panel strong{padding:6px 7px 8px!important;font-size:7px!important}
  .demo-page .quick-item{padding:8px 7px!important}.demo-page .quick-item b{font-size:10px!important}.demo-page .quick-item small,.demo-page .quick-empty{font-size:9px!important;line-height:1.35!important}
  .demo-page .forum-admin-trigger{width:44px!important;height:44px!important;font-size:25px!important}
  .demo-page .admin-popover #adminContent{padding:14px!important;max-height:none!important}.demo-page .admin-popover .admin-title h3{font-size:18px!important}.demo-page .admin-popover .admin-title p{font-size:12px!important}.demo-page .admin-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}.demo-page .admin-stats span{padding:10px!important}.demo-page .admin-stats b{font-size:19px!important}.demo-page .admin-note{font-size:11px!important}
  .demo-page .forum-topic-item{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:14px!important;text-align:left!important}
  .demo-page .forum-topic-copy b{font-size:15px!important;line-height:1.2!important}.demo-page .forum-topic-copy small{margin-top:5px!important;font-size:11px!important}.demo-page .forum-topic-metrics{display:flex!important;grid-column:2!important;gap:14px!important;margin-top:6px!important;font-size:11px!important}.demo-page .forum-topic-last{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:3px!important;padding-top:8px!important;border-top:1px solid #ffffff12!important}.demo-page .forum-topic-last i{width:28px!important;height:28px!important}
  .demo-page .topic-management-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.demo-page .topic-management-actions .demo-btn{display:grid!important;place-items:center!important;width:100%!important;min-height:42px!important;padding:0!important;font-size:0!important;line-height:0!important}.demo-page #renameTopic::before{width:18px!important;height:18px!important}.demo-page #closeTopic::before{content:'▣';font-size:19px;line-height:1}.demo-page #pinTopic::before{content:'⚑';font-size:20px;line-height:1}.demo-page #deleteTopic::before{width:18px!important;height:18px!important}
  .demo-page .post-main header{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:6px!important;padding:10px 12px!important}.demo-page .post-main header>span{grid-column:1!important}.demo-page .post-main header [data-edit-post],.demo-page .post-main header [data-delete-post]{display:inline-grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;font-size:0!important;line-height:0!important}.demo-page .post-main header [data-edit-post]::before{width:17px!important;height:17px!important}.demo-page .post-main header [data-delete-post]::before{width:17px!important;height:17px!important}.demo-page .post-main header [data-edit-post]:hover{background:#ffffff12!important}.demo-page .post-main header [data-delete-post]:hover{background:#ff45451c!important}
  .demo-page .post-author{grid-template-columns:52px minmax(0,1fr)!important;padding:14px!important}.demo-page .post-avatar{width:52px!important;height:52px!important;margin:0!important;font-size:24px!important}.demo-page .post-author-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:10px!important}.demo-page .post-author-stats span{min-width:0!important;padding:7px 3px!important}.demo-page .post-role-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:9px!important}.demo-page .post-role-tags span{display:inline-flex!important;border:1px solid currentColor!important;border-radius:5px!important;padding:5px 7px!important}
  .demo-page .news-topic-feed{margin-left:4px!important;margin-right:4px!important}.demo-page .news-topic-feed .forum-topic-item{margin-top:8px!important}
  /* Admin panel stays inside the simulated 360px phone instead of spanning the desktop viewport. */
  .demo-page .admin-popover{position:fixed!important;z-index:100!important;top:0!important;bottom:auto!important;left:50%!important;right:auto!important;width:360px!important;max-width:none!important;height:780px!important;max-height:100dvh!important;transform:translateX(-50%)!important;border-radius:0!important;overflow:hidden!important}
  .demo-page .admin-popover>header{padding:16px 16px 12px!important}.demo-page .admin-popover>header h2{margin:5px 0!important;font-size:22px!important}.demo-page .admin-popover>header p{font-size:11px!important}.demo-page .admin-popover .admin-layout{display:flex!important;flex-direction:column!important;height:calc(100% - 95px)!important}.demo-page .admin-popover #adminNav{flex:none!important;padding:8px 10px!important}.demo-page .admin-popover #adminContent{flex:1!important;min-height:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important}
  /* Topic management is an icon toolbar, with clear symbols and native labels retained for accessibility. */
  .demo-page .topic-management-actions .demo-btn{border:0!important;background:transparent!important;color:#e8edf0!important;box-shadow:none!important}.demo-page .topic-management-actions .demo-btn:hover{background:#ffffff12!important}.demo-page .topic-management-actions #deleteTopic{color:#ff625f!important}.demo-page #renameTopic::before,.demo-page #closeTopic::before,.demo-page #pinTopic::before,.demo-page #deleteTopic::before{display:block!important;background:currentColor!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important;-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important}.demo-page #closeTopic::before{content:''!important;width:19px!important;height:19px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E")}.demo-page #pinTopic::before{content:''!important;width:19px!important;height:19px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v2l2 3v2h-4v5l2 2v1H9v-1l2-2v-5H7V8l2-3V3Z'/%3E%3C/svg%3E");-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 3h6v2l2 3v2h-4v5l2 2v1H9v-1l2-2v-5H7V8l2-3V3Z'/%3E%3C/svg%3E")}
  .demo-page #pinTopic::before{content:''!important;width:18px!important;height:18px!important;background:#fff!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
  /* The author and message header form one compact card on a phone. */
  .demo-page .demo-post{grid-template-columns:112px minmax(0,1fr)!important;align-items:stretch!important}.demo-page .post-author{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:14px 8px!important;border-right:1px solid #ffffff12!important;text-align:center!important}.demo-page .post-avatar-wrap{grid-row:auto!important}.demo-page .post-author-stats{display:none!important}.demo-page .post-role-tags{display:flex!important;grid-column:auto!important;justify-content:center!important;gap:4px!important;width:100%!important;margin-top:3px!important}.demo-page .post-role-tags span{padding:4px 5px!important;font-size:8px!important}.demo-page .post-main{display:flex!important;min-width:0!important}.demo-page .post-main header{min-height:70px!important;padding:12px 10px!important;background:transparent!important;border-bottom:1px solid #ffffff12!important}.demo-page .demo-post .post-body{padding:16px!important;font-size:14px!important}.demo-page .post-main footer{padding:10px!important;gap:6px!important}.demo-page .post-main footer button{font-size:9px!important}
  .demo-page .demo-post{border:0!important;border-radius:0!important}
  .demo-page .topic-management-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;padding:0 2px!important}
  .demo-page .topic-management-actions .demo-btn,.demo-page .topic-management-actions #renameTopic,.demo-page .topic-management-actions #closeTopic,.demo-page .topic-management-actions #pinTopic,.demo-page .topic-management-actions #deleteTopic{flex:none!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important}
  .demo-page .topic-management-actions .demo-btn:hover{background:#ffffff10!important}.demo-page .topic-management-actions #deleteTopic:hover{background:#ff45451c!important}
  .demo-page .topic-management-actions{margin-top:20px!important;padding-top:10px!important;border-top:1px solid #ffffff12!important}
  .demo-page .topic-posts .demo-post{border:1px solid #ffffff18!important;border-radius:8px!important;outline:0!important;box-shadow:none!important}
  .demo-page .demo-breadcrumbs{margin-left:12px!important;padding-top:7px!important}
  .demo-page .demo-heading{margin-left:12px!important;padding-top:7px!important}
  .demo-page:has(.forum-list) #openTopicModal{width:auto!important;align-self:flex-end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page:has(.category-topics) .demo-heading-actions #createSubcategory,.demo-page:has(.category-topics) .demo-heading-actions #openTopicModal{width:auto!important;justify-self:end!important;margin-left:0!important;margin-right:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .demo-heading>#openTopicModal,.demo-page .demo-heading>#openNewsTopic{width:auto!important;align-self:flex-end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .demo-heading-actions #createSubcategory,.demo-page .demo-heading-actions #openTopicModal{width:auto!important;justify-self:end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .category-topics{padding-left:12px!important}
  .demo-page .category-topics>.eyebrow{display:block!important;margin-left:2px!important}
  .demo-page .forum-list{gap:8px!important}
  .demo-page .forum-list .modern-category{width:calc(100% - 24px)!important;min-height:78px!important;margin-left:auto!important;margin-right:auto!important;padding:11px 12px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important}
  .demo-page .forum-list .modern-category-icon{width:38px!important;height:38px!important;font-size:18px!important}
  .demo-page .forum-list .category-card-stats{margin-top:4px!important}
  .demo-page .category-subgrid{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important;gap:8px!important}
  .demo-page .category-subcard{min-height:86px!important;padding:10px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important}
  .demo-page .category-subcard>i{width:34px!important;height:34px!important;margin-left:0!important;font-size:17px!important}
  .demo-page .category-subcard>span:not(.category-latest){padding:0!important}
  .demo-page .category-subcard .category-latest{min-height:34px!important;padding:7px 10px!important;font-size:10px!important}
  .demo-page .category-topic-list{display:grid!important;gap:8px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  .demo-page .forum-topic-item{width:calc(100% - 24px)!important;min-height:76px!important;margin-left:auto!important;margin-right:auto!important;padding:10px 11px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;transform:translateX(-6px)!important}
  .demo-page .forum-topic-item>i{width:28px!important;height:28px!important}
  .demo-page .pm-message>aside{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;padding:11px!important;text-align:left!important}
  .demo-page .pm-message .pm-avatar{grid-column:1!important;grid-row:1 / 3!important;width:42px!important;height:42px!important;margin:0!important}
  .demo-page .pm-message aside .demo-nick{grid-column:2!important;grid-row:1!important;justify-self:start!important;align-self:end!important;width:auto!important;margin:0!important;text-align:left!important}
  .demo-page .pm-message aside small{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;margin:0!important;text-align:left!important}
  .demo-page .directory-heading{margin-left:12px!important}
  .demo-page .profile-summary #profileStatusForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;margin:13px 0 15px!important}
  .demo-page .profile-summary #profileStatusForm input{display:block!important;min-width:0!important;width:100%!important;height:42px!important;padding:0 13px!important;border:1px solid #39414b!important;border-radius:6px!important;background:#1a1e24!important;color:#f5f7f8!important;font-size:13px!important;box-shadow:inset 0 1px #ffffff08!important}
  .demo-page .profile-summary #profileStatusForm input:focus{border-color:#7bcfff!important;background:#202631!important;outline:0!important}
  .demo-page .profile-summary #profileStatusForm button{width:auto!important;height:42px!important;padding:0 12px!important;border:1px solid #ffffff3b!important;border-radius:7px!important;background:#ffffff0d!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important}
  .demo-page .profile-summary #profileStatusForm{grid-template-columns:1fr!important}.demo-page .profile-summary #profileStatusForm button{display:none!important}
  .demo-page .profile-avatar-wrap .avatar-change{display:block!important;align-self:center!important;width:86px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c8d0d8!important;text-align:center!important;white-space:normal!important;font-size:8px!important;line-height:1.25!important;letter-spacing:.02em!important;transform:translateX(-5px)!important}
  .demo-page .profile-avatar-wrap .avatar-change:hover{background:transparent!important;color:#fff!important}
  .demo-page .profile-avatar-wrap{gap:2px!important}
  .demo-page #profileTabContent{padding-left:12px!important;padding-right:12px!important}
}
@media (max-width:360px){
  .demo-page .profile-header{grid-template-columns:1fr}
  .demo-page .profile-avatar{width:74px;height:74px}
  .demo-page .profile-info-grid{grid-template-columns:1fr}
  .demo-page .forum-quick-actions{gap:0}
  .demo-page .forum-quick-button{width:34px;height:38px}
}
@media (hover:none){
  .build-card:hover,.news-card:hover,.social:hover,.button:hover{transform:none;box-shadow:none}
}
@media (max-width:700px){
  .demo-page [data-wall-like][data-like-count],.demo-page [data-wall-comment-like][data-like-count]{display:inline-flex!important;gap:4px!important;width:auto!important;min-width:30px!important}
  .demo-page [data-wall-like][data-like-count]::after,.demo-page [data-wall-comment-like][data-like-count]::after{content:attr(data-like-count);font:12px/1 Arial,sans-serif;color:inherit}
}

/* Keep a closed drawer's shadow off the page and center the account avatar. */
.demo-page .forum-side:not(.is-open){box-shadow:none!important;visibility:hidden;pointer-events:none}
.demo-page .forum-side.is-open{visibility:visible;pointer-events:auto}
.demo-page .forum-account-main .forum-avatar{flex:none;overflow:hidden}
.demo-page .forum-account-main .forum-avatar .generated-avatar{display:grid!important;place-items:center!important;width:100%;height:100%;line-height:1!important}
.demo-page .forum-account-main .forum-avatar img{display:block;width:100%;height:100%;object-fit:cover}
/* Production uses a textarea; the preview used an input. Give both the same theme. */
.demo-page [data-wall-comment] textarea{box-sizing:border-box;display:block;flex:1;min-width:0;width:100%;height:36px;min-height:36px;max-height:120px;margin:0;padding:8px 10px;border:1px solid #333;border-radius:5px;background:#101010;color:#ddd;font:14px/18px Arial,sans-serif;resize:vertical;color-scheme:dark}
.demo-page [data-wall-comment] textarea::placeholder{color:#8d8a85;opacity:1}
.demo-page [data-wall-comment] textarea:focus{outline:1px solid #697a88;outline-offset:0}
/* Mobile header and profile controls: preserve room for every action at phone widths. */
@media(max-width:700px){
  .demo-page .forum-workspace{background:#08090c!important}
  .demo-page .forum-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding-left:12px!important;padding-right:12px!important}
  .demo-page .forum-quick-actions{order:1!important;display:flex!important;flex:none!important;margin-left:0!important}
  .demo-page .forum-theme-picker{order:2!important;flex:none!important}
  .demo-page .forum-account{order:3!important;flex:none!important;margin-left:3px!important}
  .demo-page .forum-mobile-toggle{order:0!important;flex:none!important;margin:0 auto 0 0!important}
  .demo-page .forum-account-main{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;max-width:38px!important;padding:4px!important}
  .demo-page .forum-account-main span{display:none!important}
  .demo-page .forum-theme-toggle{border:0!important;background:transparent!important}
  .demo-page .forum-theme-toggle[aria-expanded="true"]{border:1px solid #ffffff4a!important;background:#ffffff12!important}
  body.demo-page .profile-avatar-wrap{position:relative!important;display:grid!important;place-items:center!important;gap:0!important}
  body.demo-page .profile-avatar .avatar-change{position:absolute!important;z-index:2!important;bottom:6px!important;left:50%!important;width:calc(100% - 8px)!important;min-width:0!important;margin:0!important;padding:5px 3px!important;border:1px solid #ffb6c363!important;border-radius:999px!important;background:#651d32ed!important;color:#fff0f3!important;font-size:6px!important;line-height:1.05!important;white-space:normal!important;transform:translateX(-50%)!important}
  body.demo-page .profile-avatar .avatar-change:hover{background:#823046!important;color:#fff!important}
}
@media(max-width:360px){
  .demo-page .forum-quick-button{width:32px!important;min-width:32px!important;padding-left:6px!important;padding-right:6px!important}
}
@media(max-width:700px){
  .demo-page [data-wall-comment]{align-items:flex-end!important}
  .demo-page [data-wall-comment] textarea{font-size:16px;line-height:20px;min-height:40px;height:40px}
  .demo-page [data-wall-comment]>button{flex:none;height:40px;min-width:36px}
  .demo-page .wall-comment footer{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 30px auto!important;align-items:center!important;gap:4px!important}
  .demo-page .wall-comment footer>span{display:contents!important}
  .demo-page .wall-comment footer>span>small{grid-column:1/-1;grid-row:1;margin-bottom:2px}
  .demo-page .wall-comment footer [data-wall-comment-report]{grid-column:1;grid-row:2;justify-self:start}
  .demo-page .wall-comment footer [data-wall-edit]{grid-column:2;grid-row:2}
  .demo-page .wall-comment footer [data-wall-delete]{grid-column:3;grid-row:2}
  .demo-page .wall-comment footer>[data-wall-comment-like]{grid-column:4;grid-row:2;margin:0!important}
  .demo-page .wall-comment footer [data-wall-edit],.demo-page .wall-comment footer [data-wall-delete],.demo-page .wall-post footer .wall-delete-post{align-self:center!important;flex:none!important;margin:0!important}
  .demo-page [data-wall-like]::before,.demo-page [data-wall-comment-like]::before{content:''!important;display:block;width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
  .demo-page [data-wall-like].is-liked::before,.demo-page [data-wall-comment-like].is-liked::before{background:#ff7676}
}

/* Phone polish: keep all controls on one visual language and avoid narrow profile columns. */
@media(max-width:700px){
  body.demo-page[data-forum-theme] .forum-top .forum-theme-toggle{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
  body.demo-page[data-forum-theme] .forum-account-main,body.demo-page[data-forum-theme] .forum-account-main .forum-avatar{border:0!important;box-shadow:none!important}
  body.demo-page[data-forum-theme="white"] .forum-side-brand{isolation:isolate!important}
  body.demo-page[data-forum-theme="white"] .forum-side-brand img{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:invert(1) contrast(1.1)!important;mix-blend-mode:multiply!important}
  .demo-page .forum-side-nav button.active i{font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:900!important;text-shadow:0 0 .25px currentColor!important}

  body.demo-page[data-forum-theme="onyx"] .topic-composer{background:#111216!important;border-color:#383a42!important;box-shadow:none!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview){background:#0d0e12!important;border-color:#363842!important;color:#f4f5f6!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.be-toolbar,.be-footer,.be-count){background:#18191e!important;border-color:#363842!important;color:#f4f5f6!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer .demo-btn{background:#090a0c!important;border-color:#ffffff45!important;color:#fff!important;box-shadow:none!important}

  .demo-page .profile-top{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}
  .demo-page .profile-avatar-wrap{align-items:center!important}
  .demo-page .profile-summary{min-width:0!important;width:100%!important}
  .demo-page .profile-summary h1{text-align:center!important}
  .demo-page .profile-summary>b{display:table!important;margin:0 auto!important}
  .demo-page .profile-summary #profileStatusForm{grid-template-columns:1fr!important;margin:12px 0!important}
  .demo-page .profile-summary #profileStatusForm button{display:block!important;width:100%!important}
  .demo-page .profile-tabs{scrollbar-width:none!important}
  .demo-page .profile-tabs::-webkit-scrollbar{display:none!important}

  .demo-page .wall-post footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
  .demo-page .wall-post footer .wall-delete-post{display:inline-grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;font-size:0!important;line-height:0!important}
  .demo-page .wall-comment footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .demo-page .wall-comment footer>span{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .demo-page .wall-comment footer>span>small{margin:0!important}
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete]){display:inline-grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;font-size:0!important;line-height:0!important}

  .demo-page .profile-avatar .avatar-change{display:none!important}
  .demo-page .wall-comment footer small{font-size:9px!important;font-weight:500!important;line-height:1.2!important}
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]){font-size:0!important;line-height:0!important}
  .demo-page .wall-post footer .wall-delete-post,.demo-page .wall-comment footer [data-wall-delete]{color:#c43c52!important}
  .demo-page .wall-comment footer [data-wall-edit],.demo-page :is([data-wall-like],[data-wall-comment-like]){color:#202733!important}
  body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment]>button{color:#fff!important}
}

/* Latest mobile overrides must follow earlier layout rules. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i { font-size:20px !important; line-height:1 !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand,
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { background:transparent !important; box-shadow:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { filter:invert(1) contrast(1.1) !important; mix-blend-mode:normal !important; }
  .demo-page .profile-avatar .avatar-change,.demo-page .profile-avatar label.avatar-change { display:none !important; }
  .demo-page .profile-tabs { display:flex !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch; scrollbar-width:thin !important; scrollbar-color:currentColor transparent; padding-bottom:7px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar { display:block !important; height:3px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar-thumb { background:currentColor !important; border-radius:99px; }
  .demo-page .profile-tabs button { flex:0 0 auto !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; text-indent:-9999px !important; }
  .demo-page .wall-post footer .wall-delete-post::before,.demo-page .wall-comment footer [data-wall-delete]::before { background:#c43c52 !important; }
  .demo-page .wall-comment footer [data-wall-edit]::before,.demo-page :is([data-wall-like],[data-wall-comment-like])::before { background:#202733 !important; }
  .demo-page .wall-comment footer { display:grid !important; grid-template-columns:minmax(0,1fr) auto auto auto !important; align-items:center !important; gap:7px !important; }
  .demo-page .wall-comment footer > span { display:contents !important; }
  .demo-page .wall-comment footer > span > small { grid-column:1 !important; grid-row:1 !important; justify-self:start !important; margin:0 !important; font-size:8px !important; font-weight:500 !important; line-height:1.1 !important; }
  .demo-page .wall-comment footer [data-wall-comment-report],.demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; }
}

/* Final contrast and timestamp placement overrides. */
@media (max-width:700px) {
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) :is([data-wall-like],[data-wall-comment-like])::before,
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) .wall-comment footer [data-wall-edit]::before { background:#fff !important; color:#fff !important; }
  .demo-page .wall-comment > div { padding-bottom:37px !important; }
  .demo-page .wall-comment footer { bottom:7px !important; min-height:22px !important; }
  .demo-page .wall-comment footer > span > small { position:absolute !important; bottom:0 !important; left:0 !important; margin:0 !important; }
}
body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment] > button { color:#fff !important; }

/* A successful like must remain visibly filled after the mobile icon rules apply. */
@media (max-width:700px) {
  .demo-page :is([data-wall-like],[data-wall-comment-like]) { display:inline-grid !important; place-items:center !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; cursor:pointer !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked::before { background:#f05d72 !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked { background:#f05d721f !important; }
}

/* Keep the three subcategory actions in one predictable mobile toolbar. */
@media (max-width:700px) {
  .demo-page .demo-heading:has(#deleteSubcategory) { display:block !important; margin-right:12px !important; }
  .demo-page .demo-heading:has(#deleteSubcategory) .demo-heading-actions { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; margin-top:14px !important; gap:8px !important; }
  .demo-page .demo-heading-actions #deleteSubcategory { display:inline-grid !important; place-items:center !important; flex:0 0 44px !important; width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; margin-right:auto !important; padding:0 !important; font-size:0 !important; line-height:0 !important; }
  .demo-page .demo-heading-actions #createSubcategory,.demo-page .demo-heading-actions #openTopicModal { width:auto !important; min-height:44px !important; margin:0 !important; padding:0 15px !important; }
}

/* Latest visual review fixes. */
@media (max-width:700px) {
  /* Keep the drawer visually identical to the desktop sidebar. */
  .demo-page .forum-side { width:238px !important; min-width:238px !important; padding:29px 16px !important; border-right:1px solid var(--forum-line) !important; }
  .demo-page .forum-side-brand { margin:0 11px 52px !important; }
  .demo-page .forum-side-nav { display:grid !important; gap:4px !important; }
  .demo-page .forum-side-nav button { min-height:44px !important; padding:11px 12px !important; border-radius:8px !important; gap:10px !important; }
  /* The house is exclusive to the forum-home item.  Do not inherit its mask. */
  .demo-page .forum-side-nav button:nth-child(2) i,
  .demo-page .forum-side-nav button:nth-child(3) i { display:inline-block !important; width:16px !important; height:16px !important; background:none !important; mask:none !important; -webkit-mask:none !important; font-family:Arial,sans-serif !important; font-size:16px !important; font-weight:900 !important; line-height:16px !important; transform:none !important; }
  .demo-page .forum-side-nav button:first-child i { display:inline-block !important; width:18px !important; height:18px !important; font-size:0 !important; background:currentColor !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1-1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; transform:none !important; }
  .demo-page .forum-side-nav button.active i { width:20px !important; font-family:"Arial Black",Arial,sans-serif !important; font-size:19px !important; font-weight:900 !important; transform:scale(1.12) !important; }
  .demo-page .forum-topic-last i { overflow:hidden !important; border-radius:50% !important; }
  .demo-page .forum-topic-last i > img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center !important; border:0 !important; border-radius:inherit !important; }
  /* The topic divider and last-author avatar stay legible on the light design. */
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last { border-top-color:#202733 !important; }
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last > i { display:grid !important; place-items:center !important; flex:0 0 30px !important; width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; overflow:hidden !important; border:1px solid #202733 !important; border-radius:50% !important; background:#10151d !important; }
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last > i > img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center !important; transform:none !important; filter:none !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer { background:linear-gradient(145deg,#4a1024,#260914) !important; border-color:#d75a7d !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview) { background:#270b16 !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.be-toolbar,.be-footer,.be-count) { background:#50152a !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  .demo-page .forum-top { position:relative !important; z-index:2147483646 !important; }
  .demo-page .forum-account,.demo-page .forum-account-menu { z-index:2147483647 !important; }
  .demo-page .forum-theme-toggle,.demo-page .forum-theme-toggle:hover,.demo-page .forum-theme-toggle:active,.demo-page .forum-theme-toggle:focus,.demo-page .forum-theme-toggle:focus-visible { background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; outline:0 !important; }

  /* Use the same transparent B asset and treatment as the desktop white theme. */
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:inline-flex !important; align-items:center !important; width:41px !important; height:auto !important; margin-right:auto !important; margin-left:11px !important; gap:0 !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:block !important; width:33px !important; height:33px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; filter:invert(1) !important; mix-blend-mode:multiply !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:none !important; }
  .demo-page .forum-top { display:flex !important; align-items:center !important; justify-content:flex-start !important; min-height:64px !important; gap:5px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; flex:none !important; margin:0 !important; }
  .demo-page .forum-theme-picker { order:1 !important; flex:none !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:2 !important; display:flex !important; flex:none !important; align-items:center !important; gap:4px !important; width:auto !important; margin-left:auto !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:1 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:2 !important; }
  .demo-page .forum-account { order:3 !important; flex:none !important; margin:0 !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea,.demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
  .demo-page .forum-side-nav button:first-child.active i { width:23px !important; height:23px !important; }
}

/* Final like-state override: late icon styling must never hide a successful tap. */
@media (max-width:700px) {
  .demo-page :is([data-wall-like],[data-wall-comment-like]) { display:inline-grid !important; place-items:center !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; cursor:pointer !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked { background:transparent !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked::before { background:#f05d72 !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z'/%3E%3C/svg%3E") center/contain no-repeat !important; }
  .demo-page .profile-feed .wall-compose { margin-top:22px !important; }
}

/* Compact comment footer: timestamp left, actions right, with no card stretching. */
@media (max-width:700px) {
  .demo-page .wall-comment > div { min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { bottom:3px !important; min-height:22px !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto auto auto !important; align-items:center !important; gap:7px !important; }
  .demo-page .wall-comment footer > span > small { position:static !important; grid-column:1 !important; grid-row:1 !important; justify-self:start !important; align-self:center !important; }
  .demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; grid-row:1 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; grid-row:1 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; grid-row:1 !important; }
  .demo-page .profile-feed .wall-compose { margin-top:0 !important; position:relative !important; top:12px !important; }
  body.demo-page:not([data-forum-theme="white"]) .profile-tabs button.active { border-bottom-color:#fff !important; }
  .demo-page .profile-role-badges { display:flex !important; justify-content:center !important; width:100% !important; margin:0 0 10px !important; }
  .demo-page .profile-role-badges > span { display:inline-flex !important; width:auto !important; }
}

/* Mobile topic posts retain the full desktop author card and all three metrics. */
@media (max-width:700px) {
  .demo-page .topic-posts .demo-post { grid-template-columns:122px minmax(0,1fr) !important; }
  .demo-page .topic-posts .post-author { gap:7px !important; padding:14px 7px !important; }
  .demo-page .topic-posts .post-avatar { width:58px !important; height:58px !important; margin-bottom:1px !important; font-size:27px !important; }
  .demo-page .topic-posts .post-author .demo-nick { font-size:11px !important; line-height:1.2 !important; }
  .demo-page .topic-posts .post-author-stats { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:4px !important; width:100% !important; margin-top:5px !important; }
  .demo-page .topic-posts .post-author-stats span { display:flex !important; flex-direction:column !important; align-items:center !important; gap:3px !important; min-width:0 !important; padding:5px 1px !important; border-radius:5px !important; background:#ffffff08 !important; font-size:12px !important; }
  .demo-page .topic-posts .post-author-stats b { font-size:8px !important; line-height:1 !important; }
  .demo-page .topic-posts .post-role-tags { display:flex !important; justify-content:center !important; width:100% !important; margin-top:2px !important; }
  .demo-page .topic-posts .post-role-tags > span { display:flex !important; justify-content:center !important; width:100% !important; }
  body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats span { border:1px solid #c3ccd7 !important; background:#e7ecf2 !important; color:#1c2734 !important; }
  body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats b { color:#1c2734 !important; }
  body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger),
  body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger):hover { background:transparent !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; }
}

}
/* Production textarea matches the demo's single-line comment field. */
body.demo-page .demo-heading > .demo-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-left:auto}
body.demo-page form[data-wall-comment]{display:flex;align-items:center;gap:7px;width:100%;box-sizing:border-box}
body.demo-page form[data-wall-comment] > textarea{display:block;flex:1 1 0;width:100%;min-width:0;box-sizing:border-box;height:27px;min-height:27px;margin:0;padding:5px 8px;border:1px solid #333;border-radius:5px;background:#101010;color:#ddd;font:11px/15px Arial,sans-serif;resize:vertical}
body.demo-page form[data-wall-comment] > button{flex:0 0 auto;align-self:center}
body.demo-page[data-forum-theme="white"] form[data-wall-comment] > textarea{background:#fff!important;border-color:#bac5d1!important;color:#17191e!important}
body.demo-page[data-forum-theme="onyx"] form[data-wall-comment] > textarea{background:#101114!important;border-color:#ffffff30!important;color:#f5f5f5!important}
body.demo-page[data-forum-theme="crimson"] form[data-wall-comment] > textarea{background:#270b16!important;border-color:#a63c5d!important;color:#fff4f6!important}
body.demo-page form[data-wall-comment] > textarea:focus-visible{outline:2px solid #8198af;outline-offset:1px}
@media(max-width:700px){body.demo-page form[data-wall-comment] > textarea{font-size:10px!important}body.demo-page .demo-heading > .demo-heading-actions{max-width:100%}}

/* Conversation surfaces follow the selected theme on desktop and mobile. */
body.demo-page[data-forum-theme="white"]{--pm-panel:#fff;--pm-author:#f1f3f6;--pm-meta:#f7f8fa;--pm-line:#cbd2db;--pm-ink:#17191e;--pm-muted:#566170}
body.demo-page[data-forum-theme="onyx"]{--pm-panel:#191b20;--pm-author:#202227;--pm-meta:#15171b;--pm-line:#3b3e46;--pm-ink:#f5f5f5;--pm-muted:#bdc3cd}
body.demo-page[data-forum-theme="crimson"]{--pm-panel:#35101f;--pm-author:#471529;--pm-meta:#2a0d19;--pm-line:#794052;--pm-ink:#fff4f6;--pm-muted:#e2b6c3}
body.demo-page[data-forum-theme] .forum-content :is(.pm-thread,.pm-message,.pm-reply){background:var(--pm-panel)!important;border-color:var(--pm-line)!important;color:var(--pm-ink)!important;box-shadow:none!important}
body.demo-page[data-forum-theme] .forum-content .pm-message>aside{background:var(--pm-author)!important;border-color:var(--pm-line)!important}
body.demo-page[data-forum-theme] .forum-content .pm-message header{background:var(--pm-meta)!important;border-color:var(--pm-line)!important;color:var(--pm-muted)!important}
body.demo-page[data-forum-theme] .forum-content .pm-message header :is(time,span){color:var(--pm-muted)!important}
body.demo-page[data-forum-theme] .forum-content .pm-message .post-body{background:var(--pm-panel)!important;color:var(--pm-ink)!important;box-shadow:none!important}
body.demo-page[data-forum-theme] .forum-content .pm-thread .quick-item{background:var(--pm-panel)!important;border-color:var(--pm-line)!important;color:var(--pm-ink)!important}
body.demo-page[data-forum-theme] .forum-content .pm-thread .quick-item:hover{background:var(--pm-author)!important}
body.demo-page[data-forum-theme] .forum-content .pm-reply :is(.baranus-editor,.be-edit,.be-edit:focus,.be-preview){background:var(--pm-panel)!important;border-color:var(--pm-line)!important;color:var(--pm-ink)!important;box-shadow:none!important}
body.demo-page[data-forum-theme] .forum-content .pm-reply :is(.be-toolbar,.be-footer,.be-count){background:var(--pm-meta)!important;border-color:var(--pm-line)!important;color:var(--pm-muted)!important}
body.demo-page[data-forum-theme] .forum-content .pm-reply .be-edit:empty::before{color:var(--pm-muted)!important}
@media(max-width:700px){
  body.demo-page[data-forum-theme] .forum-top .forum-account .forum-account-main{width:44px!important;height:44px!important;max-width:44px!important;padding:7px!important;border:1px solid var(--pm-line)!important;border-radius:9px!important;background:var(--pm-author)!important;box-shadow:0 1px 3px #00000010!important}
  body.demo-page[data-forum-theme] .forum-top .forum-account .forum-account-main:focus-visible{outline:2px solid var(--pm-muted)!important;outline-offset:2px}
}

/* Uploaded portraits retain their original colours in every theme. */
body.demo-page[data-forum-theme] :is(.profile-avatar,.post-avatar,.wall-avatar,.wall-comment-avatar,.pm-avatar,.reply-avatar,.forum-avatar,.forum-topic-last>i),
body.demo-page[data-forum-theme] :is(.profile-avatar,.post-avatar,.wall-avatar,.wall-comment-avatar,.pm-avatar,.reply-avatar,.forum-avatar,.forum-topic-last>i) img{filter:none!important;mix-blend-mode:normal!important}
body.demo-page[data-forum-theme] .forum-topic-last>i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;flex:0 0 30px!important;aspect-ratio:1;border-radius:50%!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important}
body.demo-page[data-forum-theme] .forum-topic-last>i>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.demo-page[data-forum-theme="white"] #demoComplaintModal .complaint-dialog{background:#fff!important;color:#17191e!important;border-color:#cbd2db!important}
body.demo-page[data-forum-theme="white"] #demoComplaintModal :is(.complaint-title,h2,.eyebrow,label,small,p){color:#202733!important;text-shadow:none!important}
body.demo-page[data-forum-theme="white"] #demoComplaintModal :is(input,textarea){background:#f8fafc!important;color:#17191e!important;border:1px solid #b9c4d0!important;box-shadow:none!important}
body.demo-page[data-forum-theme="white"] #demoComplaintModal .complaint-target>div{min-width:0}
body.demo-page[data-forum-theme="white"] #demoComplaintModal .complaint-actions button[type="submit"]{background:#1f2937!important;color:#fff!important;border:1px solid #111827!important}
body.demo-page[data-forum-theme="white"] #demoComplaintModal .modal-close{background:#edf1f5!important;color:#17191e!important;border:1px solid #cbd2db!important}
@media(max-width:700px){
 body.demo-page .profile-feed .wall-comment>div{display:flex!important;flex-direction:column!important;padding-bottom:0!important;min-height:90px!important}
 body.demo-page .profile-feed .wall-comment footer{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,22px)!important;gap:4px!important;width:100%!important;margin-top:auto!important;padding-top:12px!important;align-items:center!important}
 body.demo-page .profile-feed .wall-comment footer>span{display:contents!important}
 body.demo-page .profile-feed .wall-comment footer>span>small{position:static!important;grid-column:1!important;grid-row:1!important;min-width:0;white-space:normal}
 body.demo-page .profile-feed .wall-comment footer [data-wall-comment-report]{grid-column:2!important;grid-row:1!important;font-size:0!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important}
 body.demo-page .profile-feed .wall-comment footer [data-wall-comment-report]::before{content:'⚑';font:18px/1 Arial,sans-serif;color:var(--pm-ink)}
 body.demo-page .profile-feed .wall-comment footer [data-wall-edit]{grid-column:3!important;grid-row:1!important}
 body.demo-page .profile-feed .wall-comment footer [data-wall-delete]{grid-column:4!important;grid-row:1!important}
 body.demo-page .profile-feed .wall-comment footer [data-wall-comment-like]{grid-column:5!important;grid-row:1!important;margin:0!important;width:22px!important;min-width:22px!important}
 body.demo-page .profile-feed .wall-post-main>footer{justify-content:flex-end!important;gap:6px!important}
 body.demo-page .profile-feed :is([data-wall-like],[data-wall-comment-like])::after{display:none!important}
}

body.demo-page[data-forum-theme] .forum-top #forumThemeToggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;font:400 26px/1 Arial,sans-serif!important;min-width:38px!important;min-height:38px!important;padding:0!important}
/* A clean, closed house silhouette replaces the path with a dangling edge. */
body.demo-page[data-forum-theme] .forum-side-nav button[data-view="forum"] i{display:inline-block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;padding:0!important;border:0!important;font-size:0!important;line-height:0!important;background:currentColor!important;transform:none!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10 12 2 21 10V22H15V15H9V22H3Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10 12 2 21 10V22H15V15H9V22H3Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
body.demo-page[data-forum-theme] .demo-heading-actions #deleteSubcategory{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transform:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:10px 12px!important;border:1px solid currentColor!important;border-radius:6px!important;background:transparent!important;font:600 10px/1.3 Arial,sans-serif!important;text-indent:0!important;white-space:normal!important}
body.demo-page[data-forum-theme] .demo-heading-actions #deleteSubcategory::before{content:none!important;display:none!important}
@media(max-width:700px){body.demo-page[data-forum-theme] .demo-heading-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;width:100%!important}body.demo-page[data-forum-theme] .demo-heading-actions #deleteSubcategory{order:3!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;box-sizing:border-box!important}}
body.demo-page[data-forum-theme] .profile-card .profile-avatar{position:relative!important;overflow:hidden!important}
body.demo-page[data-forum-theme] .profile-card .profile-avatar label.avatar-change{position:absolute!important;display:grid!important;place-items:center!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:30%!important;min-height:24px!important;margin:0!important;padding:4px 6px!important;box-sizing:border-box!important;transform:none!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.62)!important;color:#fff!important;filter:none!important;box-shadow:none!important;font:700 8px/1.15 Arial,sans-serif!important;text-align:center!important;white-space:normal!important;z-index:2!important;cursor:pointer}
body.demo-page[data-forum-theme] .profile-card .profile-avatar label.avatar-change:hover{background:rgba(0,0,0,.78)!important;color:#fff!important}

/* Respect authentication visibility even when theme controls force display. */
body.demo-page #openAdminPanel[hidden],body.demo-page #demoAccount[hidden],body.demo-page #forumLoginLink[hidden],body.demo-page .forum-top .forum-quick-actions[hidden]{display:none!important}
body.demo-page .forum-auth-gate{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.demo-page .forum-auth-gate>:is(.eyebrow,h1,p){flex-basis:100%;margin:0}
body.demo-page .forum-auth-gate>.demo-btn{display:inline-flex;align-items:center;justify-content:center;margin:4px 0 0;text-decoration:none!important}
body.demo-page .forum-top .forum-mobile-toggle{order:-1!important;margin-left:0!important;margin-right:auto!important;grid-column:1!important}
body.demo-page[data-forum-theme="white"] .forum-top #forumThemeToggle{background:#f3f5f7!important;border:1px solid #bac5d1!important;color:#1f2937!important;border-radius:8px!important}
body.demo-page[data-forum-theme="onyx"] .forum-top #forumThemeToggle{background:#202227!important;border:1px solid #555960!important;color:#f5f5f5!important;border-radius:8px!important}
body.demo-page[data-forum-theme="crimson"] .forum-top #forumThemeToggle{background:#4a1726!important;border:1px solid #d97187!important;color:#ffe6eb!important;border-radius:8px!important}
body.demo-page[data-forum-theme="white"] .forum-top #forumLoginLink{background:#1f2937!important;color:#fff!important;border:1px solid #111827!important;text-decoration:none!important;opacity:1!important}
body.demo-page[data-forum-theme] .forum-top #forumLoginLink{white-space:normal;text-align:center;text-decoration:none!important}
body.demo-page[data-forum-theme="onyx"] .forum-top #forumLoginLink{background:#202227!important;border:1px solid #555960!important;color:#f5f5f5!important;box-shadow:none!important}
body.demo-page[data-forum-theme="onyx"] .forum-top #forumLoginLink:hover{background:#2b2e34!important;border-color:#8b919b!important}
body.demo-page[data-forum-theme="onyx"] .forum-top #forumLoginLink:focus-visible{outline:2px solid #d9dce1!important;outline-offset:3px}
@media(max-width:700px){
 body.demo-page .forum-top .forum-mobile-toggle{margin-right:0!important}
 body.demo-page .forum-top .forum-theme-picker{order:0!important;margin-left:5px!important;margin-right:0!important}
 body.demo-page .forum-top .forum-quick-actions{margin-left:auto!important}
 body.demo-page .forum-top:has(#forumLoginLink:not([hidden])) .forum-account{margin-left:auto!important}
}

@media(max-width:700px){
body.demo-page[data-forum-theme] :is(#deleteTopic,#renameTopic,[data-delete-role]){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:40px!important;padding:10px 14px!important;border-radius:8px!important;font:600 12px/1.4 Arial,sans-serif!important;text-indent:0!important;white-space:normal!important}
body.demo-page[data-forum-theme] :is(#deleteTopic,#renameTopic,[data-delete-role])::before{display:none!important;content:none!important}
body.demo-page[data-forum-theme] .profile-feed .wall-comment footer{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px 12px!important}
body.demo-page[data-forum-theme] .profile-feed .wall-comment footer>span>small{flex:1 0 100%;margin:0!important}
body.demo-page[data-forum-theme] .profile-feed .wall-post-main>footer{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important}
body.demo-page[data-forum-theme] :is(.wall-post,.wall-comment,.post-main) :is([data-wall-like],[data-wall-comment-like],[data-wall-edit],[data-wall-delete],[data-wall-delete-post],[data-wall-report],[data-wall-comment-report],[data-edit-post],[data-delete-post]){display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:32px!important;padding:5px 2px!important;margin:0!important;font:600 12px/1.4 Arial,sans-serif!important;text-indent:0!important;overflow:visible!important;white-space:normal!important;color:var(--pm-ink)!important;background:transparent!important;border:0!important;transform:none!important}
body.demo-page[data-forum-theme] :is(.wall-post,.wall-comment,.post-main) :is([data-wall-like],[data-wall-comment-like],[data-wall-edit],[data-wall-delete],[data-wall-delete-post],[data-wall-report],[data-wall-comment-report],[data-edit-post],[data-delete-post])::before,body.demo-page[data-forum-theme] :is([data-wall-like],[data-wall-comment-like])::after{content:none!important;display:none!important}
body.demo-page[data-forum-theme] .profile-feed :is([data-wall-delete],[data-wall-delete-post],.is-liked){color:#d34b65!important}
body.demo-page[data-forum-theme] .post-main header{flex-wrap:wrap!important;gap:8px!important}
}

/* SCP RP owner workspace */
.demo-page .admin-popover.scp-admin-mode{width:min(1040px,calc(100vw - 24px))}
.demo-page .admin-popover.scp-admin-mode #adminContent{max-height:min(650px,calc(100vh - 220px))}
.demo-page .admin-form textarea{box-sizing:border-box;width:100%;min-height:82px;padding:11px 12px;border:1px solid #ffffff1c;border-radius:6px;background:#111;color:#eef3f5;outline:0;resize:vertical;font:13px/1.45 Manrope,sans-serif}
.demo-page .admin-form textarea:focus{border-color:#ffffff65}
.demo-page .admin-form-message.error{color:#ff9aa3!important}
.demo-page .scp-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.demo-page .scp-manual-profile{margin:0 0 22px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff04;overflow:hidden}
.demo-page .scp-manual-profile>summary{padding:13px 15px;color:#f3f6f7;cursor:pointer;font:700 11px Manrope,sans-serif;letter-spacing:.25px;list-style:none}
.demo-page .scp-manual-profile>summary::-webkit-details-marker{display:none}
.demo-page .scp-manual-profile>form{padding:0 15px 15px;border-top:1px solid #ffffff10}
.demo-page .scp-admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.demo-page .scp-admin-field-grid label{min-width:0}
.demo-page .scp-admin-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:24px 0 10px;padding-bottom:8px;border-bottom:1px solid #ffffff13}
.demo-page .scp-admin-section-title h4{margin:0;color:#f3f6f7;font:700 12px Manrope,sans-serif;letter-spacing:.5px}
.demo-page .scp-admin-section-title small{color:#8f999f;font:10px Manrope,sans-serif}
.demo-page .scp-application-list,.demo-page .scp-profile-list{display:grid;gap:10px}
.demo-page .scp-application-card{padding:14px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff08}
.demo-page .scp-application-card>header{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.demo-page .scp-application-card>header strong{color:#f3f6f7;font:700 13px Manrope,sans-serif}
.demo-page .scp-application-card>header time{margin-left:auto;color:#8e989e;font:10px Manrope,sans-serif}
.demo-page .scp-app-status{padding:5px 7px;border:1px solid #ffffff20;border-radius:999px;color:#d7dfe3;font:800 8px Onest,sans-serif;letter-spacing:.4px}
.demo-page .scp-app-status.pending{border-color:#d6a94f66;color:#efcb80;background:#d6a94f10}
.demo-page .scp-app-status.approved{border-color:#5bc98566;color:#8ee2ac;background:#5bc98510}
.demo-page .scp-app-status.rejected{border-color:#d5677166;color:#f2a2aa;background:#d5677110}
.demo-page .scp-app-user{display:flex;gap:8px;align-items:baseline;margin:10px 0 9px}
.demo-page .scp-app-user b{color:#f2f5f6;font:700 13px Manrope,sans-serif}
.demo-page .scp-app-user small{color:#929ca2;font:10px Manrope,sans-serif}
.demo-page .scp-application-card>details{margin:8px 0 12px;border:1px solid #ffffff0d;border-radius:7px;background:#08080888}
.demo-page .scp-application-card>details>summary{padding:10px 11px;color:#b8c3c8;cursor:pointer;font:700 9px Manrope,sans-serif;letter-spacing:.35px;list-style:none}
.demo-page .scp-application-card>details>summary::-webkit-details-marker{display:none}
.demo-page .scp-answer-list{display:grid;gap:0;margin:0;padding:0 11px 10px}
.demo-page .scp-answer-list>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr);gap:12px;padding:8px 0;border-top:1px solid #ffffff0b}
.demo-page .scp-answer-list dt{color:#929ca2;font:600 10px/1.35 Manrope,sans-serif}
.demo-page .scp-answer-list dd{margin:0;color:#e6ecef;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.45 Manrope,sans-serif}
.demo-page .scp-review-form{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff11}
.demo-page .scp-admin-review-actions{display:flex;gap:8px;flex-wrap:wrap}
.demo-page .scp-admin-result{margin-top:10px;padding:10px 11px;border-left:2px solid #ffffff55;background:#ffffff05;color:#aeb8bd;font:11px/1.45 Manrope,sans-serif}
.demo-page .scp-admin-result b{color:#fff}
.demo-page .scp-profile-card{border:1px solid #ffffff12;border-radius:8px;background:#ffffff08;overflow:hidden}
.demo-page .scp-profile-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;cursor:pointer;list-style:none}
.demo-page .scp-profile-card>summary::-webkit-details-marker{display:none}
.demo-page .scp-profile-card>summary span b,.demo-page .scp-profile-card>summary span small{display:block}
.demo-page .scp-profile-card>summary span b{color:#f3f6f7;font:700 12px Manrope,sans-serif}
.demo-page .scp-profile-card>summary span small{margin-top:3px;color:#919ba1;font:10px Manrope,sans-serif}
.demo-page .scp-profile-card>summary em{color:#aeb8bd;font:700 8px Onest,sans-serif;font-style:normal;letter-spacing:.35px}
.demo-page .scp-profile-card>form{padding:13px;border-top:1px solid #ffffff10}
@media(max-width:760px){.demo-page .scp-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-page .scp-admin-field-grid{grid-template-columns:1fr}.demo-page .scp-answer-list>div{grid-template-columns:1fr;gap:4px}.demo-page .scp-application-card>header time{width:100%;margin-left:0}.demo-page .admin-popover.scp-admin-mode #adminContent{max-height:none}}


/* v24: keep the document canvas in the selected forum theme.
   Previously html:has(.demo-page) was forced to black, which became visible
   as a strip below shorter/rounded forum content, especially in the white theme. */
html{min-height:100%;background:transparent}
body.demo-page{min-height:100vh;min-height:100dvh}
body.demo-page .forum-shell,body.demo-page .forum-workspace{min-height:100vh;min-height:100dvh}
html:has(body.demo-page[data-forum-theme="white"]){background:#e9edf3!important}
html:has(body.demo-page[data-forum-theme="crimson"]){background:#13070b!important}
html:has(body.demo-page[data-forum-theme="onyx"]){background:#070809!important}


/* v26: rich text must keep the font and color selected in the Word-style editor. */
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Arial"]{font-family:Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Arial Black"]{font-family:"Arial Black",Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Calibri"]{font-family:Calibri,"Segoe UI",Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Cambria"]{font-family:Cambria,Georgia,serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Comic Sans MS"]{font-family:"Comic Sans MS",cursive!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Courier New"]{font-family:"Courier New",monospace!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Georgia"]{font-family:Georgia,serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Impact"]{font-family:Impact,Haettenschweiler,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Segoe UI"]{font-family:"Segoe UI",Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Tahoma"]{font-family:Tahoma,Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Times New Roman"]{font-family:"Times New Roman",serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Trebuchet MS"]{font-family:"Trebuchet MS",Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) font[face="Verdana"]{font-family:Verdana,Arial,sans-serif!important}
.demo-page :is(.be-edit,.be-preview,.post-body) [style*="font-family"]{font-family:inherit}
.demo-page .be-font-list button[data-font="Arial"]{font-family:Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Arial Black"]{font-family:"Arial Black",Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Calibri"]{font-family:Calibri,"Segoe UI",Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Cambria"]{font-family:Cambria,Georgia,serif!important}
.demo-page .be-font-list button[data-font="Comic Sans MS"]{font-family:"Comic Sans MS",cursive!important}
.demo-page .be-font-list button[data-font="Courier New"]{font-family:"Courier New",monospace!important}
.demo-page .be-font-list button[data-font="Georgia"]{font-family:Georgia,serif!important}
.demo-page .be-font-list button[data-font="Impact"]{font-family:Impact,Haettenschweiler,sans-serif!important}
.demo-page .be-font-list button[data-font="Segoe UI"]{font-family:"Segoe UI",Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Tahoma"]{font-family:Tahoma,Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Times New Roman"]{font-family:"Times New Roman",serif!important}
.demo-page .be-font-list button[data-font="Trebuchet MS"]{font-family:"Trebuchet MS",Arial,sans-serif!important}
.demo-page .be-font-list button[data-font="Verdana"]{font-family:Verdana,Arial,sans-serif!important}
\n\n/* v29: compact wall actions; report lives under avatar */\n.demo-page .wall-author-rail,.demo-page .wall-comment-rail{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}\n.demo-page .wall-author-rail>.wall-avatar,.demo-page .wall-comment-rail>.wall-comment-avatar{margin-left:0!important}\n.demo-page .wall-report-under-avatar{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--pm-ink)!important;font-size:0!important;line-height:0!important;text-indent:0!important;overflow:visible!important}\n.demo-page .wall-report-under-avatar::before{content:''!important;display:block!important;width:16px!important;height:16px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3v18h2v-7h11l-2-4 2-4H7V3H5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3v18h2v-7h11l-2-4 2-4H7V3H5Z'/%3E%3C/svg%3E") center/contain no-repeat!important}\n.demo-page .wall-report-under-avatar:hover{opacity:.72}\n@media(max-width:700px){\n body.demo-page[data-forum-theme] .profile-feed .wall-post{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-comment{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-author-rail,body.demo-page[data-forum-theme] .profile-feed .wall-comment-rail{align-self:start!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-report-under-avatar{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border:0!important;background:transparent!important;font-size:0!important;color:var(--pm-ink)!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-report-under-avatar::before{display:block!important;content:''!important;width:14px!important;height:14px!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-post-main>footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-comment footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important;position:static!important;width:100%!important;margin-top:10px!important;padding:0!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-comment footer>span{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin-right:auto!important}\n body.demo-page[data-forum-theme] .profile-feed .wall-comment footer>span>small{position:static!important;display:block!important;flex:1 1 auto!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important}\n body.demo-page[data-forum-theme] .profile-feed :is(.wall-delete-post,[data-wall-delete],[data-wall-edit],[data-wall-like],[data-wall-comment-like]){display:grid!important;place-items:center!important;position:relative!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;line-height:0!important;text-indent:0!important;overflow:visible!important;color:var(--pm-ink)!important}\n body.demo-page[data-forum-theme] .profile-feed :is(.wall-delete-post,[data-wall-delete]){color:#c43c52!important}\n body.demo-page[data-forum-theme] .profile-feed :is(.wall-delete-post,[data-wall-delete])::before{content:''!important;display:block!important;width:15px!important;height:15px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat!important}\n body.demo-page[data-forum-theme] .profile-feed [data-wall-edit]::before{content:''!important;display:block!important;width:15px!important;height:15px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important}\n body.demo-page[data-forum-theme] .profile-feed :is([data-wall-like],[data-wall-comment-like])::before{content:''!important;display:block!important;width:16px!important;height:16px!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}\n body.demo-page[data-forum-theme] .profile-feed :is([data-wall-like],[data-wall-comment-like])[data-like-count]::after{content:attr(data-like-count)!important;display:grid!important;place-items:center!important;position:absolute!important;right:-8px!important;top:-8px!important;min-width:16px!important;height:16px!important;padding:0 3px!important;border:1px solid var(--pm-line)!important;border-radius:999px!important;background:var(--pm-panel)!important;color:var(--pm-ink)!important;font:9px/1 Arial,sans-serif!important;text-indent:0!important}\n}\n

/* v37: mobile topic post action icons */
.demo-page .topic-posts .post-card-tools{display:none}
@media (max-width: 720px){
  .demo-page .topic-posts .post-main header [data-edit-post],
  .demo-page .topic-posts .post-main header [data-delete-post]{display:none!important}
  .demo-page .topic-posts .post-main footer{flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important;padding-bottom:8px!important}
  .demo-page .topic-posts .post-main footer [data-like-post]{margin-left:0!important}
  .demo-page .topic-posts .post-card-tools{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:0 12px 12px!important}
  .demo-page .topic-posts .post-card-tools [data-edit-post],
  .demo-page .topic-posts .post-card-tools [data-delete-post]{
    display:inline-grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    font-size:0!important;
    line-height:0!important;
    color:#2f3b4a!important;
  }
  .demo-page .topic-posts .post-card-tools [data-edit-post]::before,
  .demo-page .topic-posts .post-card-tools [data-delete-post]::before{
    content:''!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    background:currentColor!important;
  }
  .demo-page .topic-posts .post-card-tools [data-edit-post]::before{
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  .demo-page .topic-posts .post-card-tools [data-delete-post]{color:#c85b68!important}
  .demo-page .topic-posts .post-card-tools [data-delete-post]::before{
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm1 6h2v8h-2V9Zm4 0h2v8h-2V9ZM7 9h2v8H7V9Zm-1 11h12a2 2 0 0 0 2-2V7H4v11a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm1 6h2v8h-2V9Zm4 0h2v8h-2V9ZM7 9h2v8H7V9Zm-1 11h12a2 2 0 0 0 2-2V7H4v11a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  body.demo-page[data-forum-theme="white"] .topic-posts .post-card-tools [data-edit-post]{color:#243246!important}
  body.demo-page[data-forum-theme="white"] .topic-posts .post-card-tools [data-delete-post]{color:#c95769!important}
}