:root{--community-bg:#060910;--community-panel:#0b1320;--community-line:#1a2940;--community-text:#edf3ff;--community-muted:#8593a9;--community-violet:#9f7bff;--community-cyan:#60e5ff;--community-green:#77efaf}
.community-page{background:radial-gradient(circle at 12% 10%,rgba(96,229,255,.08),transparent 27%),radial-gradient(circle at 86% 22%,rgba(159,123,255,.12),transparent 28%),var(--community-bg);color:var(--community-text)}
.community-shell{width:min(1400px,calc(100% - 34px));margin:0 auto;padding:22px 0 76px}.community-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:40px;align-items:center;min-height:430px;padding:50px 48px;overflow:hidden;border:1px solid rgba(95,79,153,.35);border-radius:28px;background:linear-gradient(125deg,#0d1422,#09111d 55%,#130f27);box-shadow:0 30px 90px rgba(0,0,0,.34)}
.community-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(108,127,159,.08) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(108,127,159,.07) 50%,transparent 50.2%);background-size:58px 58px;opacity:.4;mask-image:linear-gradient(90deg,#000,transparent)}
.community-copy,.community-live-board{position:relative;z-index:1}.community-kicker{color:var(--community-cyan);font:900 9px Inter,sans-serif;letter-spacing:.17em}.community-copy h1{margin:18px 0 14px;color:#f5f7ff;font:900 clamp(56px,7vw,96px)/.78 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.03em}.community-copy h1 span{color:var(--community-violet)}.community-copy p{max-width:710px;margin:0;color:#9ba8bb;font:500 13px/1.78 Inter,sans-serif}.community-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.community-primary,.community-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:12px;font:800 10px Inter,sans-serif;text-decoration:none;cursor:pointer}.community-primary{border:0;background:linear-gradient(135deg,#7053d1,#a07cff);color:#fff;box-shadow:0 14px 34px rgba(112,83,209,.24)}.community-secondary{border:1px solid #20304a;background:#0a1321;color:#a9b7ca}.community-primary:disabled{opacity:.45;cursor:not-allowed}
.community-live-board{justify-self:end;width:min(100%,330px);padding:23px;border:1px solid rgba(96,229,255,.15);border-radius:22px;background:rgba(6,13,24,.72);backdrop-filter:blur(12px)}.community-live-board>span{display:block;margin-bottom:13px;color:#6dddf4;font:900 9px Inter,sans-serif;letter-spacing:.14em}.community-live-board>div{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-top:1px solid #18263c}.community-live-board strong{font:900 34px/1 "Barlow Condensed",sans-serif;color:#eef5ff}.community-live-board small{color:#77869d;font:700 9px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}.community-live-board p{margin:12px 0 0;color:#63738b;font:600 8.5px/1.5 Inter,sans-serif}
.community-composer{margin-top:14px;padding:22px;border:1px solid #3d3066;border-radius:20px;background:linear-gradient(135deg,#10172a,#130d27);box-shadow:0 22px 60px rgba(0,0,0,.24)}.community-composer header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:17px}.community-composer header span{color:#b8a1ff;font:900 8px Inter,sans-serif;letter-spacing:.14em}.community-composer h2{margin:4px 0 0;font:900 26px "Barlow Condensed",sans-serif}.community-composer header button{width:34px;height:34px;border:1px solid #2a3750;border-radius:10px;background:#0b1321;color:#91a0b6;font-size:20px;cursor:pointer}.community-context{margin-bottom:12px;padding:10px 12px;border:1px solid #285366;border-radius:11px;background:#0a1a23;color:#80d8e8;font:700 9px/1.4 Inter,sans-serif}.community-form-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px}.community-composer label{display:grid;gap:7px}.community-composer label>span{color:#8594aa;font:800 9px Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.community-composer input,.community-composer select,.community-composer textarea{width:100%;box-sizing:border-box;border:1px solid #1e2c45;border-radius:11px;outline:0;background:#080f1a;color:#dae4f4;font:600 11px Inter,sans-serif}.community-composer input,.community-composer select{height:42px;padding:0 12px}.community-composer textarea{min-height:130px;margin-top:10px;padding:12px;resize:vertical;line-height:1.6}.community-form-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:11px}.community-form-footer>div{color:#7d8da5;font:600 9.5px Inter,sans-serif}.community-form-footer>div.error{color:#ff99a6}.community-form-footer>div.success{color:#7aebb0}
.community-feed{margin-top:38px}.community-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.community-section-head>div>span{color:var(--community-violet);font:900 9px Inter,sans-serif;letter-spacing:.15em}.community-section-head h2{margin:5px 0 0;font:900 31px "Barlow Condensed",sans-serif;text-transform:uppercase}.community-section-head p{margin:5px 0 0;color:#74839a;font:500 10px/1.5 Inter,sans-serif}.community-search{display:flex;align-items:center;gap:8px;width:min(300px,100%);padding:0 12px;border:1px solid #1a2940;border-radius:12px;background:#09111e;color:#63738b}.community-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#dbe5f4;font:600 11px Inter,sans-serif}.community-filters{display:flex;gap:7px;overflow:auto;margin-top:15px;padding-bottom:7px;scrollbar-width:none}.community-filters::-webkit-scrollbar{display:none}.community-filters button{padding:9px 13px;white-space:nowrap;border:1px solid #17243a;border-radius:999px;background:#09111d;color:#77879e;font:800 9px Inter,sans-serif;cursor:pointer}.community-filters button.is-active{border-color:#57418f;background:#17102c;color:#c5b2ff}
.community-state{margin-top:15px;padding:17px;border:1px dashed #1c2a42;border-radius:14px;background:#080f1a;color:#77869d;font:600 10px/1.6 Inter,sans-serif}.community-state[hidden]{display:none}.community-state strong{display:block;margin-bottom:4px;color:#cbd7e8;font-size:12px}.community-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:15px}.community-card{grid-column:span 6;padding:18px;border:1px solid #18263c;border-radius:17px;background:linear-gradient(145deg,#0c1422,#09101c);transition:.18s ease}.community-card:hover{transform:translateY(-2px);border-color:#293b58}.community-card.pinned{border-color:#4a376f;background:linear-gradient(145deg,#11182a,#130e27)}.community-card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.community-chip{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:1px solid #25324a;border-radius:999px;background:#0a1320;color:#8595ab;font:800 8px Inter,sans-serif;text-transform:uppercase}.community-chip.context{border-color:#275466;color:#7ed8e9;background:#091b24}.community-chip.pinned{border-color:#5e478d;color:#c4b0ff;background:#1a1131}.community-card h3{margin:12px 0 7px;color:#eaf1ff;font:900 24px/1.06 "Barlow Condensed",sans-serif}.community-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#8c9aaf;font:500 10.5px/1.62 Inter,sans-serif}.community-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid #142138;color:#687991;font:700 8.5px Inter,sans-serif}.community-card-foot a{color:#bda8ff;text-decoration:none;font-weight:900}.community-stats{display:flex;gap:10px}.community-author{display:flex;gap:8px;align-items:center}.community-avatar{width:28px;height:28px;overflow:hidden;border:1px solid #26364f;border-radius:50%;background:#111a2a}.community-avatar img{width:100%;height:100%;object-fit:cover}.community-author strong{color:#a9b6c9;font:800 9px Inter,sans-serif}
.community-detail{margin-top:24px}.community-detail-back{display:inline-flex;margin-bottom:12px;color:#8b9bb2;text-decoration:none;font:800 10px Inter,sans-serif}.community-thread{padding:24px;border:1px solid #1d2c44;border-radius:20px;background:#0a121f}.community-thread h1{margin:12px 0 8px;color:#f1f5ff;font:900 clamp(34px,5vw,58px)/.96 "Barlow Condensed",sans-serif}.community-thread-body{color:#a2aec1;font:500 12px/1.75 Inter,sans-serif;white-space:pre-wrap}.community-thread-top{display:flex;justify-content:space-between;gap:18px}.community-reaction-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.community-reaction{padding:9px 11px;border:1px solid #1d2c45;border-radius:999px;background:#09111e;color:#8f9eb4;font:800 9px Inter,sans-serif;cursor:pointer}.community-reaction.mine{border-color:#5b4493;background:#17102d;color:#c7b4ff}.community-comments{margin-top:14px;padding:20px;border:1px solid #19273d;border-radius:18px;background:#08101b}.community-comments h2{margin:0;font:900 25px "Barlow Condensed",sans-serif}.community-comment-list{display:grid;gap:8px;margin-top:13px}.community-comment{padding:13px;border:1px solid #152238;border-radius:12px;background:#0a1320}.community-comment.reply{margin-left:28px}.community-comment-head{display:flex;justify-content:space-between;gap:10px;color:#697a92;font:700 8.5px Inter,sans-serif}.community-comment-head strong{color:#aebbcf}.community-comment p{margin:8px 0 0;color:#94a2b6;font:500 10.5px/1.6 Inter,sans-serif;white-space:pre-wrap}.community-reply-form{display:grid;gap:9px;margin-top:14px}.community-reply-form textarea{min-height:86px;padding:11px;border:1px solid #1d2b43;border-radius:11px;background:#080f1a;color:#dce5f3;font:600 11px/1.6 Inter,sans-serif;resize:vertical}
@media(max-width:900px){.community-hero{grid-template-columns:1fr;padding:40px 30px}.community-live-board{justify-self:start}.community-card{grid-column:1/-1}.community-section-head{align-items:start;flex-direction:column}.community-search{width:100%}}
@media(max-width:620px){.community-shell{width:min(100% - 18px,1400px);padding-top:10px}.community-hero{padding:31px 21px;border-radius:20px}.community-copy h1{font-size:64px}.community-form-grid{grid-template-columns:1fr}.community-form-footer{align-items:stretch;flex-direction:column}.community-section-head h2{font-size:27px}.community-thread,.community-comments{padding:17px}.community-comment.reply{margin-left:14px}.community-thread-top{display:block}}