/* CherryGrief v2 — neutral black, graphite and silver. */
:root {
  --bg:#0b0b0d; --surface:#121214; --surface-2:#1a1a1d; --surface-3:#242427;
  --border:#2e2e2e; --border-2:#414141; --text:#f2f2f2; --text-2:#c6c6c6;
  --muted:#919191; --accent:#ededed; --accent-2:#bdbdbd; --accent-ink:#111111;
  --radius:12px; --radius-sm:8px; --shadow:0 18px 50px #00000055; --c-violet:#a6a6a6;
}
html { scroll-behavior:smooth; scroll-padding-top:95px }
body { background:var(--bg); font-size:14px; line-height:1.6 }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent }
button:disabled { cursor:wait }
.wrap { max-width:1400px; padding-inline:40px }
.topbar { background:#151515f5; border-bottom:1px solid #292929; backdrop-filter:blur(18px) }
.topbar-in { min-height:85px; gap:48px }
.brand { gap:10px; font-size:23px; letter-spacing:-.8px; line-height:1.1 }
.brand-logo { width:42px; height:42px; image-rendering:auto }
.brand small { display:block; color:#8b8b8b; font-size:8px; letter-spacing:2.4px; margin-top:7px; font-weight:600 }
.brand-tail { color:var(--accent) }
.mainnav { gap:25px }
.mainnav a { font-size:13px; color:#a8a8a8; gap:8px }
.mainnav a.active { color:#f9f9f9 }
.mainnav a.active::after { height:3px; background:var(--accent); bottom:0; border-radius:3px 3px 0 0 }
.topbar-right { gap:5px }
.topbar-right .btn { font-size:12px; padding:10px 16px }
.btn { border-radius:8px; font-size:13px; min-height:40px; border-color:var(--border-2); background:var(--surface-2); box-shadow:none }
.btn-primary { background:#ededed; border-color:#ededed; color:#111; box-shadow:0 4px 16px #0003 }
.btn-primary:hover { background:#fff; border-color:#fff; color:#080808 }
.btn-ghost { background:transparent; border-color:transparent }
.btn-ok { color:#80d5a4; background:#294236; border-color:#365d47 }
.btn-bad { color:#ff9caa; background:#45272e; border-color:#66323e }
.crumbs { font-size:11px; padding:23px 0 18px; gap:9px }
.crumbs .i { width:13px; height:13px }
.home-crumbs { display:flex; justify-content:space-between; align-items:center }
.home-crumbs > span { color:var(--muted); font-size:11px }
.hero { position:relative; min-height:312px; border:1px solid #50505044; border-radius:14px; overflow:hidden; isolation:isolate; background:#252525 url('/img/cherry-grove.webp') center 53%/cover; display:flex; align-items:center }
.hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#171717ee 0%,#181818da 35%,#1b1b1b55 67%,#18181822),linear-gradient(0deg,#17171755,transparent 50%) }
.hero-copy { position:relative; z-index:2; padding:35px 42px; width:64% }
.hero-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; font-weight:600; color:#c5c5c5; letter-spacing:2.1px; text-transform:uppercase }
.hero-eyebrow::before { content:''; width:19px; height:2px; background:#9e9e9e }
.hero h1 { font-size:clamp(34px,3.3vw,48px); line-height:1.13; font-weight:700; letter-spacing:-2px; margin:16px 0 15px }
.hero h1 span { color:#fff }
.hero p { font-size:13px; color:#c8c8c8; line-height:1.9; margin:0 0 23px; max-width:410px }
.hero-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap }
.hero-actions .btn { padding:10px 17px }
.hero-actions .btn-ghost { color:#d1d1d1; border:1px solid #92929244; background:#18181855 }
.hero-mascot { position:absolute; width:420px; height:350px; object-fit:contain; right:5%; bottom:-41px; filter:drop-shadow(0 16px 24px #00000066); transform:rotate(-5deg); pointer-events:none }
.hero-version { position:absolute; bottom:17px; right:24px; z-index:3; color:#d7d7d7; font-size:9px; padding:5px 10px; background:#161616b8; border:1px solid #ffffff20; border-radius:5px; letter-spacing:.7px }
.welcome-line { display:flex; align-items:center; gap:10px; padding:14px 18px; background:#222222; border:1px solid #353535; border-radius:8px; margin:18px 0; color:#bcbcbc; font-size:12px }
.welcome-line > .i { color:var(--accent); width:16px; height:16px }
.welcome-line a { margin-left:auto; color:#a5a5a5; font-weight:600; white-space:nowrap }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:19px 0 30px }
.feature { position:relative; display:flex; align-items:center; height:117px; border:1px solid #323232; border-radius:11px; overflow:hidden; background:linear-gradient(110deg,#232323,#1f1f1f); padding:22px 23px; isolation:isolate; transition:border-color .2s,transform .2s }
.feature:hover { transform:translateY(-3px); border-color:#6d6d6d; color:var(--text) }
.feature:nth-child(2) { background:linear-gradient(110deg,#232323,#252525) }
.feature:nth-child(3) { background:linear-gradient(110deg,#242424,#252525) }
.feature-text { position:relative; z-index:2; max-width:72% }
.feature-kicker { display:block; font-size:8px; letter-spacing:1.5px; text-transform:uppercase; color:#a0a0a0; margin-bottom:6px }
.feature:nth-child(2) .feature-kicker { color:#aeaeae }.feature:nth-child(3) .feature-kicker { color:#b3b3b3 }
.feature strong { display:block; font-size:15px; letter-spacing:-.3px; margin-bottom:3px }
.feature small { color:#a3a3a3; font-size:11px }
.feature .i { width:13px; height:13px; margin-left:5px }
.feature img { position:absolute; width:165px; max-width:none; height:160px; object-fit:contain; right:-32px; bottom:-32px; transform:rotate(-9deg); opacity:.88; z-index:0; filter:drop-shadow(0 7px 12px #00000055) }
.feature:first-child img { width:183px; right:-40px; bottom:-30px }
.community-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; padding-bottom:32px }
.community-layout > * { min-width:0 }
.catalog-heading { padding:0 0 19px; gap:10px }
.catalog-heading h2 { font-size:22px; letter-spacing:-.7px; margin:0; font-weight:600 }
.section-counter { font-size:11px; color:var(--muted); margin-left:8px; font-weight:400; letter-spacing:0 }
.catalog-search { width:209px; background:#1b1b1b; padding:9px 12px; border-color:#323232 }
.catalog-search input { font-size:11px }
.catalog-tabs { display:flex; align-items:center; gap:5px; margin-bottom:16px; flex-wrap:wrap }
.catalog-tab { display:flex; gap:6px; align-items:center; border:1px solid transparent; padding:7px 12px; border-radius:6px; color:var(--muted); font-size:11px; background:transparent; cursor:pointer }
.catalog-tab.active { color:#b7b7b7; background:#282828; border-color:#3b3b3b }
.catalog-tab:hover { color:var(--text); background:#242424 }
.catalog-tab .i { width:13px; height:13px }
.cat { margin-bottom:19px; border:1px solid #313131; border-radius:10px; background:#1c1c1c }
.cat-head { display:flex; justify-content:space-between; padding:13px 19px; background:#252525; border-bottom:1px solid #323232; gap:10px }
.cat-head h3 { font-size:12px; font-weight:600; gap:9px }
.cat-head h3 > .i { width:15px; height:15px; color:#9d9d9d }
.cat-head > span { color:#848484; font-size:10px }
.forum-row { grid-template-columns:minmax(0,1fr) 64px 165px; gap:16px; padding:20px; min-height:100px; border-bottom:1px solid #2c2c2c }
.forum-row:hover { background:#242424 }
.forum-main { gap:15px }
.ficon { width:43px; height:43px; border-radius:10px; background:color-mix(in srgb,var(--c) 7%,transparent); border-color:color-mix(in srgb,var(--c) 18%,transparent) }
.ficon svg.i { width:20px; height:20px; stroke-width:1.5 }
.forum-title { font-size:13px; font-weight:600; gap:7px }
.forum-desc { font-size:11px; color:#919191; margin-top:5px; white-space:normal; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.forum-count { font-size:13px; color:#c4c4c4; display:flex; flex-direction:column; gap:3px }
.forum-count small { font-size:9px; color:#818181 }
.forum-last { border-left:1px solid #313131; padding-left:16px; display:flex; align-items:center; gap:9px }
.forum-last > div { min-width:0 }
.forum-last a { font-size:11px; color:#c4c4c4; max-width:134px }
.forum-last small { font-size:9px; color:#868686 }
.forum-last .no-activity { color:#7e7e7e; font-size:10px }
.private-empty { display:flex; align-items:center; gap:7px; color:#838383; font-size:10px }
.private-empty .i { width:14px; height:14px }
.community-side { padding-top:0 }
.community-side > .card { padding:20px; margin-bottom:17px; border-color:#313131; border-radius:10px }
.community-side h3 { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; margin:0 0 18px }
.community-side h3 > .i { width:15px; height:15px; color:#989898 }
.server-card { position:relative; overflow:hidden; background:linear-gradient(145deg,#272727,#1c1c1c) }
.server-card::before { content:''; position:absolute; width:130px; height:130px; right:-45px; top:0; border:20px solid #7c7c7c10; transform:rotate(30deg); pointer-events:none }
.server-card-label { display:flex; justify-content:space-between; align-items:center; color:#a3a3a3; font-size:10px; margin-bottom:16px }
.server-card strong { display:block; font-size:19px; letter-spacing:-.5px; margin-bottom:5px }
.server-card p { margin:0 0 17px; color:var(--muted); font-size:11px }
.server-card button { width:100%; background:#2e2e2e; border-color:#494949; color:#bebebe; font-size:11px; min-height:37px }
.server-card .server-bottom { display:flex; justify-content:space-between; margin-top:13px; color:#858585; font-size:9px }
.community-side .recent-item { padding:13px 0; gap:10px; border-color:#2c2c2c }
.community-side .recent-item .t { font-size:11px; white-space:normal; line-height:1.5; margin:0 0 4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.community-side .recent-item .small { font-size:9px }
.side-link { font-size:10px; color:#979797 }
.online-panel { padding:21px; margin-top:22px; border-radius:10px }
.online-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; font-size:12px }
.online-heading strong { font-weight:600 }.online-heading > span { color:#959595; font-size:10px }
.online-panel p { color:#7d7d7d; font-size:10px; margin:13px 0 0 }
.online-list { gap:10px; font-size:11px }
.mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
.mini-stats b { display:block; font-size:21px; font-weight:600; letter-spacing:-1px }
.mini-stats span { font-size:9px; color:#8e8e8e }
.new-member { font-size:10px; padding-top:16px; margin-top:17px }
.side-join { position:relative; overflow:hidden; min-height:210px; background:linear-gradient(140deg,#272727,#1d1d1d); padding:20px }
.side-join h3 { max-width:155px; font-size:17px; line-height:1.4; margin-bottom:8px }
.side-join p { font-size:11px; color:#a1a1a1; max-width:125px; margin-bottom:18px }
.side-join img { position:absolute; right:-45px; bottom:-20px; width:210px; height:180px; object-fit:contain; pointer-events:none; opacity:.85 }
.side-join a { position:relative; z-index:1; font-size:10px; padding:7px 12px; min-height:32px }
.staff-item .meta { margin-top:4px }.staff-item .role { font-size:8px }
.footer { margin-top:auto; background:#141414; border-top:1px solid #282828; padding:0 }
.footer-main { display:flex; align-items:center; gap:30px; justify-content:space-between; padding:31px 0 }
.footer-main .brand { font-size:19px }.footer-main .brand-logo { width:34px; height:34px }
.footer-nav { display:flex; flex-wrap:wrap; gap:25px; color:#a2a2a2; font-size:11px }
.footer-socials { display:flex; flex-wrap:wrap; gap:14px; font-size:11px; color:#a2a2a2 }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:18px 0 23px; border-top:1px solid #272727; color:#757575; font-size:10px }
.footer-bottom p { margin:0 }
.page-head { padding:28px; background:linear-gradient(110deg,#222222,#1d1d1d); border-color:#333333; box-shadow:none; border-radius:12px }
.page-head::before { display:none }.page-head::after { opacity:.3 }
.page-head h1 { font-size:29px; letter-spacing:-1px }
.page-head p { font-size:12px; color:#9d9d9d }.page-kicker { color:#9b9b9b }
.thread-list-head { background:#242424; border-color:#333333 }
.thread-row { border-color:#2e2e2e }.thread-row:hover { background:#222222 }
.thread-title { font-size:14px }.thread-meta,.thread-stats { font-size:11px }
.input { background:#151515; border-color:#353535; border-radius:7px; padding:11px 13px }
.input:focus { border-color:#797979; box-shadow:0 0 0 3px #80808010 }
.field > span,.field > label { font-size:12px; color:#c6c6c6 }
.notes { border-left:3px solid #636363; background:#202020 }.notes summary { font-size:12px }
.notes .content { font-size:12px; color:#b7b7b7; line-height:1.85 }
.post-author { background:#1f1f1f; border-color:#323232 }
.post-top { border-color:#303030 }.post-content { font-size:13px; line-height:1.95 }
.post .md h3 { color:#b4b4b4 }.post .md .rn { color:#a4a4a4 }
.rules-contents { background:#1f1f1f }.formview .q { color:#a3a3a3 }
.auth-split { margin:45px auto 65px; max-width:980px; border:1px solid #343434; border-radius:16px; overflow:hidden; background:#1d1d1d; display:grid; grid-template-columns:1fr 1fr; gap:0; min-height:510px }
.auth-split .auth { margin:0; width:100%; max-width:none; padding:44px; border:0; border-radius:0; background:#1b1b1b; box-shadow:none }
.auth h1 { font-size:31px; letter-spacing:-1.1px }.auth .sub { font-size:12px; color:#9e9e9e; margin-bottom:26px }
.auth .switch { font-size:11px }.auth .switch a { color:#a6a6a6 }
.auth-art { position:relative; min-height:420px; background:linear-gradient(0deg,#1b1b1bbd,#1b1b1b55),url('/img/cherry-forge.png') 68% center/cover; overflow:hidden; border:0; border-radius:0; margin:0 }
.auth-art::before,.auth-art::after { display:none }
.auth-art .skin-art { position:absolute; width:125%; max-width:none; height:95%; object-fit:contain; bottom:-80px; left:-14%; transform:none; filter:drop-shadow(0 25px 20px #00000044) }
.auth-art-caption { position:absolute; z-index:2; top:36px; left:32px; bottom:auto; text-align:left }
.auth-art-caption span { color:#c5c5c5; font-size:10px; letter-spacing:2px }.auth-art-caption b { display:block; font-size:32px; letter-spacing:-1px; margin-top:3px; color:#ffffff }
.hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0 40px }
.hub-card { display:flex; gap:18px; align-items:center; padding:26px; transition:border-color .2s }
.hub-card:hover { border-color:#5e5e5e }.hub-card h2 { font-size:17px; margin:0 0 6px }.hub-card p { color:#9b9b9b; font-size:12px; margin:0 }.hub-card > .i { margin-left:auto; color:#909090 }
.search-form { display:flex; gap:10px; padding:20px; margin-bottom:20px; flex-wrap:wrap }.search-form .input { flex:1; min-width:150px }.search-form select.input { flex:0 1 190px }
.activity-row { display:flex; gap:14px; padding:20px 24px; align-items:center; border-bottom:1px solid #2e2e2e }.activity-row:last-child { border:0 }
.activity-row .activity-content { flex:1; min-width:0 }.activity-row h3 { font-size:14px; margin:0 0 5px; overflow-wrap:anywhere }.activity-row p { color:#8d8d8d; font-size:11px; margin:0 }.activity-row > .status { font-size:9px }
.help-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:25px; margin:25px 0 45px }.help-steps { padding:30px }.help-step { display:flex; gap:20px; margin:0 0 27px }.help-step:last-child { margin-bottom:0 }.step-number { width:33px; height:33px; flex:none; border-radius:9px; background:#323232; color:#a9a9a9; display:grid; place-items:center; font-size:13px }.help-step h2 { font-size:17px; margin:1px 0 7px }.help-step p { margin:0; color:#a6a6a6; font-size:13px }.help-step img { display:block; max-width:240px; margin-top:18px; border-radius:7px }
.pager { flex-wrap:wrap }.members { gap:16px }.member { background:#1e1e1e }.member:hover { background:#242424; border-color:#5f5f5f }
.form-card { max-width:100% }.banbar { margin-top:20px }.empty { color:#9a9a9a; font-size:13px }.empty .i { color:#8b8b8b }
.admin-table { overflow-x:auto }.admin-table table { min-width:650px }.bottomnav { background:#181818f5; border-color:#343434 }.bottomnav a.active { color:#aeaeae }
.loading { padding:100px 20px; text-align:center; color:#ababab }
@media(min-width:1450px) { .hero { min-height:338px }.hero-mascot { right:7%; width:460px; height:380px }.hero-copy { padding:42px 48px } }
@media(max-width:1180px) { .wrap { padding-inline:25px }.topbar-in { gap:27px }.mainnav { gap:17px }.mainnav a { font-size:12px }.mainnav .i { display:none }.community-layout { grid-template-columns:minmax(0,1fr) 260px; gap:18px }.forum-row { grid-template-columns:minmax(0,1fr) 40px 130px; gap:11px; padding:18px 15px }.forum-last { padding-left:10px }.hero-mascot { right:0 }.feature { padding:18px }.feature strong { font-size:13px }.feature img { opacity:.65 }.feature small { font-size:10px }.brand { font-size:21px } }
@media(max-width:960px) { .mainnav { gap:14px }.mainnav a { font-size:11px }.topbar-in { gap:20px }.brand small { font-size:7px }.topbar-right .btn { padding:8px 11px; font-size:11px }.brand { font-size:18px }.brand-logo { width:35px;height:35px }.community-layout { grid-template-columns:minmax(0,1fr) 235px }.forum-row { grid-template-columns:minmax(0,1fr) 40px }.forum-last { display:none }.hero-copy { padding:30px; width:70% }.hero-mascot { right:-55px; opacity:.85 }.hero h1 { font-size:38px }.feature-grid { gap:10px }.feature img { right:-55px; opacity:.4 }.feature-text { max-width:100% }.feature:first-child img { right:-60px }.footer-nav { gap:15px }.footer-main { gap:20px }.help-layout { grid-template-columns:1fr } }
@media(max-width:760px) { .wrap { padding-inline:18px }.topbar-in { min-height:72px }.mainnav { display:none }.brand { font-size:20px }.brand-logo { width:36px;height:36px }.brand small { font-size:7px;letter-spacing:1.8px }.topbar-right .btn { padding:9px 12px; font-size:11px }.topbar-right .btn-ghost .i { display:none }.bottomnav { display:flex; z-index:50; padding-bottom:env(safe-area-inset-bottom) }.bottomnav a { font-size:9px; min-width:0; padding:9px 3px; flex:1 }.bottomnav .i { width:17px;height:17px }.home-crumbs > span { display:none }.crumbs { padding:17px 0 }.hero { min-height:300px }.hero-copy { width:100%; padding:27px 24px }.hero h1 { font-size:38px; max-width:300px }.hero p { max-width:285px; font-size:12px }.hero-mascot { right:-105px; bottom:-37px; width:330px; height:280px; opacity:.37; z-index:0 }.hero::before { background:linear-gradient(90deg,#171717e8,#17171777) }.hero-eyebrow { font-size:8px; letter-spacing:1.6px }.hero-version { display:none }.hero-actions .btn { font-size:11px; padding:9px 13px }.welcome-line { font-size:10px; align-items:flex-start; padding:12px }.welcome-line a { white-space:normal; max-width:100px; flex-shrink:0 }.welcome-line .i { flex-shrink:0 }.feature-grid { gap:8px; margin-bottom:24px }.feature { min-height:130px; height:auto; padding:15px 12px; align-items:flex-start }.feature strong { font-size:12px; max-width:115px }.feature small { display:none }.feature-kicker { font-size:7px; letter-spacing:.6px }.feature img { width:130px; height:120px; right:-37px; bottom:-29px; opacity:.65 }.feature:first-child img { width:130px; right:-35px; bottom:-30px }.community-layout { grid-template-columns:1fr; gap:10px }.community-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }.community-side > .card { margin:0 }.community-side .side-join { display:none }.community-side .server-card { grid-column:1/-1 }.catalog-heading h2 { font-size:20px }.section-counter { font-size:10px }.catalog-search { width:155px }.catalog-tabs { gap:3px }.catalog-tab { padding:6px 9px; font-size:10px }.cat-head { padding:12px 15px }.forum-row { padding:17px 15px; min-height:95px; grid-template-columns:minmax(0,1fr) 36px }.forum-title { font-size:12px }.forum-desc { font-size:10px }.forum-main { gap:12px }.ficon { width:37px;height:37px }.forum-count { font-size:12px }.forum-count small { font-size:8px }.online-panel { margin-bottom:18px }.footer-main { flex-wrap:wrap; padding:25px 0 18px }.footer-nav { font-size:10px; gap:18px }.footer-bottom { font-size:9px; flex-direction:column; gap:7px; padding-bottom:88px }.page-head { padding:22px }.page-head h1 { font-size:25px }.auth-split { grid-template-columns:1fr; margin:25px auto 40px; min-height:0; max-width:480px }.auth-split .auth { padding:30px }.auth-art { display:none }.hub-grid { grid-template-columns:1fr }.hub-card { padding:22px }.activity-row { padding:16px; gap:11px; flex-wrap:wrap }.activity-row h3 { font-size:12px }.activity-row p { font-size:10px }.activity-row > .status { margin-left:47px }.help-steps { padding:23px }.post-content { font-size:12px }.search-form { padding:16px }.search-form .btn { flex:1 }.help-step h2 { font-size:15px } }
@media(max-width:420px) { .wrap { padding-inline:12px }.brand { font-size:18px }.brand small { font-size:6px;letter-spacing:1.4px }.brand-logo { width:31px;height:31px }.topbar-in { gap:10px }.topbar-right .btn { font-size:10px; padding:8px 9px }.hero-copy { padding:25px 20px }.hero h1 { font-size:33px }.hero p { max-width:250px }.catalog-heading { align-items:flex-start; flex-direction:column }.catalog-search { width:100% }.community-side { grid-template-columns:1fr }.feature strong { font-size:11px }.feature-kicker { font-size:6px }.feature { min-height:125px }.forum-row { gap:9px }.forum-desc { -webkit-line-clamp:2 }.home-crumbs .crumbs { font-size:10px }.auth-split .auth { padding:26px } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*::before,*::after { animation:none!important; transition:none!important } }

/* Neutral accents throughout all retained forum workflows. */
:root { --c-pink:#c7c7c7; --c-violet:#b8b8b8 }
::selection { background:#555; color:#fff }
.ficon { --c:#bdbdbd }
.hero::before { z-index:0 }
.hero-eyebrow { color:#d0d0d0 }.hero-eyebrow::before { background:#c2c2c2 }
.catalog-tab.active { color:#f2f2f2; background:#303030; border-color:#494949 }
.welcome-line { background:#1b1b1b; border-color:#323232; color:#bdbdbd }
.welcome-line a { color:#f0f0f0 }
.cat-head { background:#222; border-color:#303030 }.cat-head h3>.i { color:#bdbdbd }
.server-card button { background:#2a2a2a; color:#ededed; border-color:#454545 }
.hero-actions .btn-ghost { color:#e2e2e2; background:#12121266; border-color:#ffffff30 }
.side-link { color:#c4c4c4 }.side-link:hover { color:white }
.feature:hover { border-color:#626262 }.feature-kicker,.feature:nth-child(2) .feature-kicker,.feature:nth-child(3) .feature-kicker { color:#aaa }
.notes { border-left-color:#777 }.notes summary .i { color:#c5c5c5 }
.input:focus { border-color:#888; box-shadow:0 0 0 3px #ffffff0a }
.post .md .rn,.post .md h3 { color:#ddd }.step-number { background:#303030;color:#ededed }
.profile-banner.default { background-image:linear-gradient(0deg,#111c,#1115),url('/img/cherry-forge.png') }
.auth .switch a { color:#e5e5e5 }.auth-art-caption span { color:#ddd }
.status-pending { color:#dfc381 }.status-approved { color:#8cd4a7 }.status-rejected { color:#efa2a2 }
.bottomnav a.active { color:#f0f0f0 }.pending-pill { background:#29261e; border-color:#4d4330; color:#dfc381 }
@media(max-width:760px) { .hero-mascot { z-index:1 }.hero-copy { z-index:2 } }

/* Near-black backdrop and restrained lighting, matching the supplied reference. */
body { background:#0b0b0d }
.topbar { background:#0d0d0ff5; border-color:#252528 }
.hero { background:radial-gradient(ellipse at 88% 115%,#b07e1d20,transparent 43%),radial-gradient(ellipse at 0 0,#ffffff05,transparent 55%),#111113; border-color:#29292d }
.hero::before { background:linear-gradient(90deg,#11111344,transparent) }
.cat,.community-side>.card,.online-panel,.threads,.member,.form-card { background-color:#131315; border-color:#29292d }
.cat-head,.thread-list-head { background:#1a1a1d; border-color:#29292d }
.forum-row { border-color:#262629 }.forum-row:hover { background:#19191c }
.feature,.feature:nth-child(2),.feature:nth-child(3) { background:linear-gradient(120deg,#1e1d19,#131315 70%); border-color:#2b2b2e }
.server-card,.side-join,.page-head { background:linear-gradient(125deg,#1b1b1e,#121214) }
.footer { background:#0d0d0f; border-color:#252528 }
.footer-socials { gap:8px }.footer-socials a { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #2d2d30; border-radius:8px; background:#171719; transition:background .15s }
.footer-socials a:hover { color:#fff; background:#252528 }.footer-socials img { width:20px;height:20px;object-fit:contain }
.footer-main { flex-wrap:wrap }.footer-socials .social-label { font-size:10px }
.auth-art { background:radial-gradient(ellipse at bottom,#b07e1d22,transparent 65%),#111113 }
.visuals-teaser { display:flex; align-items:center; gap:15px; padding:16px 20px; margin:0 0 25px; border:1px solid #333337; border-radius:10px; background:linear-gradient(110deg,#1b1b1e,#121214); color:#ddd }
.visuals-teaser>.i { width:24px;height:24px }.visuals-teaser strong { display:block;font-size:13px }.visuals-teaser small { color:#8c8c94;font-size:11px }.visuals-teaser>.i:last-child { margin-left:auto;width:16px;height:16px }
.visuals-teaser .soon-badge { border:1px solid #404045;border-radius:5px;padding:3px 6px;font-size:8px;color:#bdbdc4;margin-left:8px;vertical-align:2px }
@media(min-width:961px) { .topbar-in { gap:26px }.mainnav { gap:19px } }
@media(min-width:761px) and (max-width:1100px) { .mainnav { gap:12px }.topbar-in { gap:16px }.mainnav a { font-size:11px }.brand { font-size:18px }.mainnav .i { display:none } }
@media(max-width:760px) { .hero { background:radial-gradient(ellipse at 100% 100%,#a77a1b18,transparent 65%),#111113 }.hero::before { background:linear-gradient(90deg,#11111355,transparent) }.footer-socials { width:100% }.footer-socials a { padding:8px }.footer-socials .social-label { font-size:9px }.visuals-teaser { padding:15px }.visuals-teaser small { font-size:10px } }