:root{--bb-cyan:#00ffff;--bb-bg:#070b0d;--bb-side:#080d11;--bb-panel:#0d1317;--bb-panel2:#11191d;--bb-border:rgba(255,255,255,.08);--bb-muted:#8f9ba1;--bb-text:#e8eef0}
*{box-sizing:border-box}html,body{margin:0;background:var(--bb-bg)}body.bbp-community-fullscreen{margin:0!important;background:var(--bb-bg)!important;overflow:hidden;color:var(--bb-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.bbp-community-fullscreen #wpadminbar{z-index:99999}
.bbp-app{height:100vh;width:100%;display:grid;grid-template-columns:286px minmax(0,1fr);background:var(--bb-bg)}.bbp-side{min-width:0;display:flex;flex-direction:column;background:var(--bb-side);border-right:1px solid var(--bb-border)}.bbp-brand{height:78px;padding:0 22px;display:flex;align-items:center;font-size:23px;font-weight:950;color:#fff;border-bottom:1px solid var(--bb-border)}.bbp-brand span{color:var(--bb-cyan);margin-left:6px}.bbp-nav{padding:15px 10px;overflow:auto}.bbp-nav-label{padding:15px 12px 7px;color:#526168;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.bbp-nav a,.bbp-room-btn{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 13px;border-radius:11px;color:#aeb8bd;text-decoration:none;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:.15s}.bbp-nav a:hover,.bbp-room-btn:hover{background:#11191e;color:#fff}.bbp-room-btn.active{background:rgba(0,255,255,.09);color:var(--bb-cyan)}.bbp-room-icon{width:23px;text-align:center}.bbp-room-name{flex:1}.bbp-unread{min-width:21px;height:21px;padding:0 6px;border-radius:99px;background:var(--bb-cyan);color:#011013;display:grid;place-items:center;font-size:10px;font-weight:950}.bbp-sidebar-foot{margin-top:auto;border-top:1px solid var(--bb-border);padding:13px}.bbp-membermini{display:flex;align-items:center;gap:9px;padding:7px}.bbp-membermini img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#172128}.bbp-membertext{display:flex;flex-direction:column;min-width:0}.bbp-membertext strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbp-membertext span{font-size:10px;color:#64747b;margin-top:2px}.bbp-logout{margin-top:7px;display:block;text-decoration:none;text-align:center;padding:10px;border-radius:9px;background:#11191d;color:#aeb8bd;font-size:12px;font-weight:800}.bbp-logout:hover{color:#fff;background:#172128}
.bbp-main{height:100vh;min-width:0;display:flex;flex-direction:column;background:var(--bb-panel)}.bbp-roomhead{height:78px;flex:0 0 78px;padding:0 24px;display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--bb-border);background:#10161a}.bbp-roomhead>div:first-of-type{display:flex;flex-direction:column;min-width:0;flex:1}.bbp-roomhead strong{font-size:16px;color:#fff}.bbp-roomhead span#bbp-room-desc{font-size:11px;color:#65757b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbp-head-actions{display:flex;align-items:center;gap:12px}.bbp-live-dot{font-size:11px!important;color:var(--bb-cyan)!important;font-weight:900}.bbp-head-logout{color:#8b989e;text-decoration:none;font-size:12px;font-weight:800}.bbp-mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.bbp-pinned{padding:9px 20px;border-bottom:1px solid var(--bb-border);background:rgba(0,255,255,.035);color:#b8c6ca;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbp-pinned strong{color:var(--bb-cyan);margin-right:8px}.bbp-messages{flex:1;overflow-y:auto;padding:22px clamp(16px,3vw,42px);scroll-behavior:smooth}.bbp-loading,.bbp-empty{height:100%;display:grid;place-items:center;color:#66777e}.bbp-msg{display:grid;grid-template-columns:42px minmax(0,760px);gap:11px;margin-bottom:20px;position:relative}.bbp-msg-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#172128}.bbp-msg-body{min-width:0}.bbp-msg-meta{display:flex;align-items:center;gap:7px}.bbp-msg-name{font-size:13px;font-weight:900;color:#fff}.bbp-admin-badge{font-size:9px;font-weight:950;color:#001113;background:var(--bb-cyan);padding:2px 5px;border-radius:5px;text-transform:uppercase}.bbp-msg-time{font-size:10px;color:#596970}.bbp-reply-preview{margin:5px 0 7px;border-left:2px solid var(--bb-cyan);padding:6px 9px;background:#10181c;border-radius:0 8px 8px 0;font-size:11px;color:#839299;max-width:620px}.bbp-reply-preview strong{color:#c7d2d5;margin-right:5px}.bbp-msg-text{font-size:14px;line-height:1.62;color:#dbe4e7;word-break:break-word}.bbp-msg-text a{color:var(--bb-cyan);text-decoration:none}.bbp-msg-image{display:block;max-width:min(520px,100%);max-height:390px;object-fit:contain;margin-top:9px;border-radius:13px;border:1px solid var(--bb-border);background:#080d10}.bbp-msg-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:7px;opacity:.82}.bbp-tool,.bbp-reaction{border:1px solid var(--bb-border);background:#11191d;color:#819097;border-radius:8px;padding:4px 7px;font-size:10px;cursor:pointer}.bbp-tool:hover,.bbp-reaction:hover{color:#fff;border-color:rgba(0,255,255,.25)}.bbp-reaction.mine{background:rgba(0,255,255,.08);border-color:rgba(0,255,255,.23);color:var(--bb-cyan)}.bbp-pin-tag{font-size:10px;color:var(--bb-cyan);font-weight:850}.bbp-reaction-picker{display:inline-flex;gap:2px}.bbp-date-sep{text-align:center;margin:16px 0 23px}.bbp-date-sep span{font-size:10px;color:#6f7e84;background:#11191d;border:1px solid var(--bb-border);padding:5px 9px;border-radius:99px}
.bbp-replybar{flex:0 0 auto;margin:0 clamp(16px,3vw,42px);padding:8px 12px;background:#11191d;border:1px solid var(--bb-border);border-bottom:0;border-radius:11px 11px 0 0;display:flex;align-items:center;justify-content:space-between}.bbp-replybar>div{min-width:0;display:flex;gap:6px;align-items:center}.bbp-replybar small{color:#68777d}.bbp-replybar strong{color:var(--bb-cyan);font-size:11px}.bbp-replybar span{font-size:11px;color:#8d9a9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.bbp-replybar button{border:0;background:transparent;color:#8c999e;font-size:20px;cursor:pointer}.bbp-compose-wrap{flex:0 0 auto;min-height:72px;padding:12px clamp(16px,3vw,42px) 18px;display:flex;gap:8px;align-items:flex-end;background:var(--bb-panel)}.bbp-attach{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#11191d;border:1px solid var(--bb-border);cursor:pointer;font-size:18px}.bbp-file-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bb-cyan);font-size:10px}.bbp-compose-wrap textarea{flex:1;resize:none;max-height:130px;min-height:43px;background:#11191d;color:#eef4f5;border:1px solid var(--bb-border);outline:0;border-radius:12px;padding:11px 13px;font:inherit;font-size:13px}.bbp-compose-wrap textarea:focus{border-color:rgba(0,255,255,.35)}.bbp-send{height:43px;border:0;border-radius:11px;padding:0 16px;background:var(--bb-cyan);color:#001113;font-weight:950;cursor:pointer}.bbp-send:disabled{opacity:.5;cursor:not-allowed}.bbp-toast{position:fixed;right:18px;bottom:18px;z-index:999999;background:#151e22;color:#fff;border:1px solid rgba(0,255,255,.2);border-radius:11px;padding:11px 14px;box-shadow:0 15px 50px rgba(0,0,0,.35);font-size:12px}
.bbp-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(0,255,255,.12),transparent 35%),#070b0d;font-family:Inter,system-ui,sans-serif;color:#fff}.bbp-gatecard{width:min(570px,100%);text-align:center;background:#0b1114;border:1px solid rgba(0,255,255,.14);border-radius:24px;padding:clamp(28px,6vw,58px);box-shadow:0 25px 100px rgba(0,0,0,.35)}.bbp-lockicon{width:70px;height:70px;margin:0 auto 18px;border-radius:20px;background:rgba(0,255,255,.08);display:grid;place-items:center;font-size:29px;border:1px solid rgba(0,255,255,.15)}.bbp-kicker{color:var(--bb-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.bbp-gate h1{font-size:clamp(28px,5vw,46px);margin:8px 0 10px}.bbp-gate p{color:#909da2;line-height:1.7}.bbp-loginbox{max-width:430px;margin:26px auto 0;text-align:left;background:#0e1518;border:1px solid var(--bb-border);border-radius:16px;padding:20px}.bbp-loginbox label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.bbp-loginbox input[type=text],.bbp-loginbox input[type=password]{width:100%;background:#080c0e;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px}.bbp-loginbox .button-primary{width:100%;border:0;border-radius:10px;background:var(--bb-cyan);color:#001113;font-weight:950;padding:12px;cursor:pointer}.bbp-loginlinks{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.bbp-loginlinks a{color:var(--bb-cyan);text-decoration:none}.bbp-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.bbp-btn{padding:12px 15px;background:var(--bb-cyan);color:#001113!important;border-radius:10px;text-decoration:none;font-weight:950}.bbp-btn.secondary{background:#151d21;color:#fff!important;border:1px solid var(--bb-border)}
@media(max-width:820px){body.bbp-community-fullscreen{overflow:hidden}.bbp-app{grid-template-columns:1fr}.bbp-side{position:fixed;z-index:99990;left:-290px;top:0;bottom:0;width:286px;transition:.2s;box-shadow:20px 0 60px rgba(0,0,0,.5)}.bbp-side.open{left:0}.bbp-main{height:100vh}.bbp-roomhead{height:66px;flex-basis:66px;padding:0 14px}.bbp-mobile-menu{display:block}.bbp-head-logout{display:none}.bbp-messages{padding:16px}.bbp-compose-wrap{padding:10px 12px 12px}.bbp-replybar{margin:0 12px}.bbp-msg{grid-template-columns:36px minmax(0,1fr)}.bbp-msg-avatar{width:36px;height:36px}.bbp-send{padding:0 12px}.bbp-live-dot{display:none}}
/* V0.4 member platform pages */
.bbp-nav a.active{background:rgba(0,255,255,.09);color:var(--bb-cyan)}.bbp-static-main{overflow:hidden}.bbp-static-content{flex:1;overflow:auto;padding:clamp(20px,3vw,42px);background:radial-gradient(circle at 90% 0%,rgba(0,255,255,.045),transparent 26%),var(--bb-panel)}.bbp-page-intro{max-width:860px;margin-bottom:26px}.bbp-page-intro h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.02;margin:8px 0 10px;color:#fff}.bbp-page-intro p{color:#8f9da3;font-size:15px;line-height:1.7;max-width:720px;margin:0}.bbp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bbp-feature-card,.bbp-form-card,.bbp-review-card,.bbp-list-card,.bbp-empty-card,.bbp-membership-hero,.bbp-guidelines article{border:1px solid var(--bb-border);background:linear-gradient(180deg,#11191d,#0a1013);border-radius:18px;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.12)}.bbp-feature-card{min-height:190px;display:flex;flex-direction:column}.bbp-feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(0,255,255,.07);border:1px solid rgba(0,255,255,.14);font-size:19px;margin-bottom:15px}.bbp-feature-card h3,.bbp-list-card h3,.bbp-review-card h3{margin:0 0 8px;color:#fff;font-size:17px}.bbp-feature-card p,.bbp-list-card p,.bbp-review-card p{color:#8d9ba1;line-height:1.6;font-size:13px}.bbp-feature-card a,.bbp-list-card a{margin-top:auto;color:var(--bb-cyan);text-decoration:none;font-size:12px;font-weight:900}.bbp-membership-strip{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid rgba(0,255,255,.16);background:rgba(0,255,255,.035);border-radius:15px;padding:15px 18px}.bbp-membership-strip div{display:flex;flex-direction:column}.bbp-membership-strip strong{color:#fff}.bbp-membership-strip span{font-size:11px;color:#788990}.bbp-membership-strip a{color:var(--bb-cyan);text-decoration:none;font-weight:900;font-size:12px}.bbp-callout,.bbp-success,.bbp-error,.bbp-announcement{display:flex;align-items:center;gap:14px;border-radius:14px;padding:13px 15px;margin-bottom:18px;border:1px solid rgba(0,255,255,.16);background:rgba(0,255,255,.045);color:#c9d7da}.bbp-callout{flex-wrap:wrap}.bbp-callout strong,.bbp-announcement strong{color:#fff}.bbp-callout span,.bbp-announcement span{color:#91a0a6;font-size:12px;flex:1}.bbp-callout a{color:var(--bb-cyan);font-weight:900;text-decoration:none;font-size:12px}.bbp-success{border-color:rgba(99,240,181,.2);background:rgba(99,240,181,.05);color:#b9f7dc}.bbp-error{border-color:rgba(255,107,122,.25);background:rgba(255,107,122,.05);color:#ffc0c7}.bbp-announcement.big{padding:17px 18px}.bbp-section-title{font-size:19px;color:#fff;margin:32px 0 14px}.bbp-form-card{display:grid;gap:14px;max-width:950px}.bbp-form-card label{display:grid;gap:6px;color:#9dabb0;font-size:11px;font-weight:850}.bbp-form-card input,.bbp-form-card textarea,.bbp-form-card select,.bbp-search-form input{width:100%;border:1px solid var(--bb-border);background:#071014;border-radius:11px;color:#fff;padding:11px 12px;outline:0;font:inherit}.bbp-form-card input:focus,.bbp-form-card textarea:focus,.bbp-search-form input:focus{border-color:rgba(0,255,255,.35)}.bbp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bbp-form-card .bbp-btn{justify-self:start;border:0;cursor:pointer}.bbp-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px}.bbp-check input{width:auto}.bbp-review-card{margin-bottom:14px}.bbp-review-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.bbp-review-top strong{display:block;color:#fff;font-size:14px}.bbp-review-top span{display:block;font-size:10px;color:#718188;margin-top:4px}.bbp-status-pill{display:inline-flex!important;padding:5px 8px!important;border-radius:999px;background:#141d21;color:#a5b3b8!important;font-size:9px!important;font-weight:900!important}.bbp-status-pill.completed{color:#63f0b5!important;background:rgba(99,240,181,.07)}.bbp-status-pill.in_review{color:#ffd166!important;background:rgba(255,209,102,.07)}.bbp-status-pill.pending{color:var(--bb-cyan)!important;background:rgba(0,255,255,.06)}.bbp-review-result{margin-top:18px;padding-top:18px;border-top:1px solid var(--bb-border)}.bbp-findings{display:grid;gap:10px;margin:15px 0}.bbp-finding{border-left:3px solid #65767c;background:#0b1215;border-radius:0 12px 12px 0;padding:12px 14px}.bbp-finding.high{border-color:#ff6b7a}.bbp-finding.medium{border-color:#ffd166}.bbp-finding.low{border-color:#63f0b5}.bbp-finding span{color:#74868c;font-size:9px;font-weight:900;letter-spacing:.08em}.bbp-finding h4{color:#fff;margin:5px 0;font-size:13px}.bbp-finding p{margin:0}.bbp-list-stack{display:grid;gap:11px}.bbp-list-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.bbp-list-card>div{min-width:0}.bbp-list-card small{display:block;color:#718188;line-height:1.55}.bbp-muted-small{margin-top:auto;color:#66777e;font-size:11px}.bbp-roadmap{display:grid;gap:10px;margin:18px 0}.bbp-road-step{display:flex;align-items:center;gap:13px;border:1px solid var(--bb-border);background:#0b1215;border-radius:14px;padding:13px;cursor:pointer}.bbp-road-step input{display:none}.bbp-road-step.current{border-color:rgba(0,255,255,.28);background:rgba(0,255,255,.045)}.bbp-road-step.done{opacity:.72}.bbp-road-num{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#141e22;color:#87979d;font-weight:950}.bbp-road-step.current .bbp-road-num{background:var(--bb-cyan);color:#001113}.bbp-road-step strong{display:block;color:#fff;font-size:13px}.bbp-road-step small{display:block;color:#718188;margin-top:2px}.bbp-notification{display:flex;justify-content:space-between;gap:20px;padding:14px 15px;border:1px solid var(--bb-border);border-radius:13px;background:#0b1215;text-decoration:none}.bbp-notification.unread{border-color:rgba(0,255,255,.18);background:rgba(0,255,255,.035)}.bbp-notification strong{display:block;color:#fff;font-size:12px}.bbp-notification p{margin:4px 0 0;color:#8c9aa0;font-size:11px}.bbp-notification>span{color:#64767c;font-size:9px;white-space:nowrap}.bbp-search-form{display:flex;gap:8px;max-width:850px;margin-bottom:18px}.bbp-search-form input{flex:1}.bbp-membership-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;border-color:rgba(0,255,255,.18)}.bbp-membership-hero>div>span{color:var(--bb-cyan);font-size:9px;font-weight:950;letter-spacing:.12em}.bbp-membership-hero h2{color:#fff;margin:5px 0;font-size:24px}.bbp-membership-hero p{color:#839299;margin:0}.bbp-membership-hero.locked{border-color:rgba(255,107,122,.2)}.bbp-table{border:1px solid var(--bb-border);border-radius:14px;overflow:hidden}.bbp-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--bb-border);font-size:11px;color:#a7b5b9}.bbp-table-row:last-child{border-bottom:0}.bbp-guidelines{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bbp-guidelines article strong{color:#fff}.bbp-guidelines article p{margin-bottom:0}.bbp-tool.saved{color:var(--bb-cyan);border-color:rgba(0,255,255,.25)}
@media(max-width:1000px){.bbp-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.bbp-static-content{padding:18px 14px}.bbp-card-grid,.bbp-form-grid,.bbp-guidelines{grid-template-columns:1fr}.bbp-list-card,.bbp-membership-hero,.bbp-membership-strip{align-items:flex-start;flex-direction:column}.bbp-search-form{flex-direction:column}.bbp-page-intro h1{font-size:32px}}

/* V0.4.2 profile, renewal and safety UX */
.bbp-profile-form{max-width:760px}.bbp-profile-photo{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--bb-border);border-radius:15px;background:#0a1114}.bbp-profile-photo>img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,255,255,.22);background:#11191d}.bbp-profile-photo>div{display:grid;gap:8px;flex:1}.bbp-profile-photo strong{color:#fff}.bbp-profile-photo span,.bbp-form-card small{color:#74858b;font-size:10px}.bbp-profile-photo input[type=file]{color:#9babb0;font-size:11px}.bbp-security-note{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(0,255,255,.15);border-radius:12px;background:rgba(0,255,255,.035)}.bbp-security-note strong{color:#fff;font-size:12px}.bbp-security-note span{color:#809198;font-size:11px;line-height:1.55}.bbp-renew-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,209,102,.26);background:rgba(255,209,102,.055);border-radius:15px;padding:15px 17px;margin-bottom:18px}.bbp-renew-alert>div{display:flex;flex-direction:column;gap:4px}.bbp-renew-alert strong{color:#ffd166}.bbp-renew-alert span{color:#9eaaad;font-size:11px}.bbp-days-left{color:#00ffff;font-size:15px}.bbp-membermini{position:relative}.bbp-membermini:after{content:'Profile';margin-left:auto;color:#52666d;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:820px){.bbp-profile-photo,.bbp-renew-alert{align-items:flex-start;flex-direction:column}.bbp-profile-photo>img{width:82px;height:82px}}

/* =========================================================
   V0.5.0 FINAL RESPONSIVE / UX HARDENING
   ========================================================= */
html{min-width:320px;overscroll-behavior:none;-webkit-text-size-adjust:100%}
body.bbp-community-fullscreen{min-width:320px}
body.bbp-community-fullscreen .bbp-app{height:100dvh;min-height:100svh}
body.admin-bar.bbp-community-fullscreen .bbp-app{height:calc(100dvh - 32px);min-height:calc(100svh - 32px)}
.bbp-app,.bbp-main,.bbp-static-content,.bbp-card-grid,.bbp-grid,.bbp-panel{min-width:0}
.bbp-main{height:100dvh;min-height:0}
.bbp-roomhead{min-width:0}
.bbp-roomhead>div:first-of-type{overflow:hidden}
.bbp-roomhead>div:first-of-type>span,.bbp-roomhead span#bbp-room-desc{font-size:11px;color:#65757b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.bbp-side{height:100%;min-height:0}
.bbp-nav{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin}
.bbp-static-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;padding:clamp(22px,3.2vw,48px)}
.bbp-static-content>*{max-width:1280px}
.bbp-page-intro{max-width:1040px;margin-bottom:30px}
.bbp-page-intro p{max-width:820px}
.bbp-card-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:18px;max-width:1280px}
.bbp-feature-card,.bbp-form-card,.bbp-review-card,.bbp-list-card,.bbp-empty-card,.bbp-membership-hero,.bbp-guidelines article{padding:clamp(18px,2vw,24px);min-width:0}
.bbp-feature-card{min-height:176px}
.bbp-form-card{width:100%;max-width:1180px}
.bbp-profile-form{width:100%;max-width:980px}
.bbp-review-card{max-width:1180px}
.bbp-list-stack{max-width:1180px}
.bbp-roadmap{max-width:1000px}
.bbp-search-form{max-width:1000px;width:100%}
.bbp-membership-hero,.bbp-renew-alert,.bbp-membership-strip{max-width:1180px;width:100%}
.bbp-table{max-width:1180px;width:100%}
.bbp-guidelines{max-width:1180px}
.bbp-msg{grid-template-columns:42px minmax(0,1fr);max-width:1080px;width:100%}
.bbp-reply-preview{max-width:800px}
.bbp-msg-image{max-width:min(680px,100%);max-height:min(52vh,520px)}
.bbp-compose-wrap textarea{min-width:0}
.bbp-btn,.bbp-send,.bbp-attach,.bbp-tool,.bbp-reaction,.bbp-mobile-menu,.bbp-loginbox .button-primary{touch-action:manipulation}
.bbp-btn,.bbp-loginbox .button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.bbp-tool,.bbp-reaction{min-height:30px}
.bbp-form-card input,.bbp-form-card textarea,.bbp-form-card select,.bbp-search-form input,.bbp-loginbox input[type=text],.bbp-loginbox input[type=password]{min-height:44px}
.bbp-notification,.bbp-list-card,.bbp-review-card{overflow-wrap:anywhere}
.bbp-list-card>div,.bbp-notification>div{min-width:0}
.bbp-table-row span{min-width:0;overflow-wrap:anywhere}
.bbp-membermini:after{flex:0 0 auto}
.bbp-gate{min-height:100dvh;overflow-y:auto;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.bbp-gatecard{max-height:none}
.bbp-side,.bbp-roomhead,.bbp-compose-wrap{padding-left:max(var(--bb-safe-left,0px),env(safe-area-inset-left));padding-right:max(var(--bb-safe-right,0px),env(safe-area-inset-right))}
.bbp-compose-wrap{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.bbp-sidebar-foot{padding-bottom:max(13px,env(safe-area-inset-bottom))}
.bbp-brand{padding-top:env(safe-area-inset-top)}

/* Keyboard focus / accessibility */
.bbp-app a:focus-visible,.bbp-app button:focus-visible,.bbp-app input:focus-visible,.bbp-app textarea:focus-visible,.bbp-app select:focus-visible,.bbp-gate a:focus-visible,.bbp-gate button:focus-visible,.bbp-gate input:focus-visible{outline:2px solid var(--bb-cyan);outline-offset:2px}

/* Better laptop/tablet proportions: account for the 286px member sidebar. */
@media(max-width:1280px){
  .bbp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bbp-static-content{padding:26px}
  .bbp-page-intro h1{font-size:clamp(30px,4.2vw,44px)}
}
@media(max-width:980px){
  .bbp-form-grid,.bbp-guidelines{grid-template-columns:1fr}
  .bbp-feature-card{min-height:160px}
}

/* Mobile member app */
@media(max-width:820px){
  body.admin-bar.bbp-community-fullscreen .bbp-app{height:calc(100dvh - 46px);min-height:calc(100svh - 46px)}
  .bbp-app{position:relative;grid-template-columns:minmax(0,1fr)!important;overflow:hidden}
  .bbp-app::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;z-index:99980}
  .bbp-app.bbp-menu-open::after{opacity:1;visibility:visible;pointer-events:auto}
  .bbp-side{left:calc(-1 * min(88vw,320px) - 12px);width:min(88vw,320px);max-width:320px;z-index:99990;padding-left:env(safe-area-inset-left);transition:left .2s ease}
  .bbp-side.open{left:0}
  .bbp-brand{height:70px;padding-left:18px;padding-right:18px;font-size:21px}
  .bbp-nav{padding:10px 8px 14px}
  .bbp-nav a,.bbp-room-btn{padding:12px 12px;min-height:44px;font-size:14px}
  .bbp-sidebar-foot{padding:11px 12px max(12px,env(safe-area-inset-bottom))}
  .bbp-roomhead{height:64px;flex-basis:64px;padding:0 12px;gap:10px;position:relative;z-index:5}
  .bbp-mobile-menu{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#151d21;border:1px solid var(--bb-border);font-size:20px}
  .bbp-roomhead strong{font-size:15px}
  .bbp-roomhead>div:first-of-type>span,.bbp-roomhead span#bbp-room-desc{font-size:10px;max-width:58vw}
  .bbp-head-actions{gap:6px;flex:0 0 auto}
  .bbp-static-content{padding:20px 14px max(24px,env(safe-area-inset-bottom))}
  .bbp-static-content>*{max-width:none}
  .bbp-page-intro{margin-bottom:22px}
  .bbp-page-intro h1{font-size:clamp(28px,9vw,38px);line-height:1.08}
  .bbp-page-intro p{font-size:14px;line-height:1.65}
  .bbp-card-grid{grid-template-columns:1fr;gap:12px}
  .bbp-feature-card{min-height:0;padding:18px}
  .bbp-feature-icon{margin-bottom:12px}
  .bbp-form-card,.bbp-review-card,.bbp-empty-card,.bbp-membership-hero,.bbp-guidelines article{padding:17px;border-radius:15px}
  .bbp-form-card input,.bbp-form-card textarea,.bbp-form-card select,.bbp-search-form input,.bbp-loginbox input[type=text],.bbp-loginbox input[type=password]{font-size:16px}
  .bbp-form-card textarea{min-height:112px}
  .bbp-list-card{padding:16px;gap:12px}
  .bbp-list-card>a,.bbp-list-card>.bbp-btn{width:100%;min-height:42px;display:flex;align-items:center}
  .bbp-notification{flex-direction:column;gap:8px;padding:14px}
  .bbp-notification>span{align-self:flex-start}
  .bbp-membership-hero,.bbp-membership-strip,.bbp-renew-alert{gap:14px;padding:16px}
  .bbp-membership-hero .bbp-btn,.bbp-membership-strip a,.bbp-renew-alert .bbp-btn{width:100%}
  .bbp-table{overflow:visible;border:0;background:transparent;display:grid;gap:8px}
  .bbp-table-row{grid-template-columns:1fr;gap:5px;border:1px solid var(--bb-border);border-radius:12px;background:#0b1215;padding:12px 14px}
  .bbp-table-row:last-child{border-bottom:1px solid var(--bb-border)}
  .bbp-profile-photo{gap:14px;padding:15px}
  .bbp-profile-photo>div{width:100%}
  .bbp-profile-photo input[type=file]{width:100%;max-width:100%}
  .bbp-search-form{gap:10px}
  .bbp-search-form .bbp-btn{width:100%}

  /* Chat: larger usable message area and phone-friendly composer. */
  .bbp-messages{padding:14px 12px 10px}
  .bbp-msg{grid-template-columns:36px minmax(0,1fr);gap:9px;margin-bottom:17px;max-width:none}
  .bbp-msg-meta{gap:5px;flex-wrap:wrap}
  .bbp-msg-name{font-size:12px}
  .bbp-msg-text{font-size:14px;line-height:1.58}
  .bbp-msg-image{max-width:100%;max-height:48vh;border-radius:11px}
  .bbp-msg-tools{gap:5px;margin-top:8px;opacity:1}
  .bbp-tool,.bbp-reaction{font-size:11px;min-height:34px;padding:6px 8px}
  .bbp-reaction-picker{flex-wrap:wrap}
  .bbp-pinned{padding:8px 12px;font-size:11px}
  .bbp-replybar{margin:0 10px;padding:8px 10px}
  .bbp-replybar span{max-width:52vw}
  .bbp-compose-wrap{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;align-items:end;min-height:64px;padding:9px 10px max(10px,env(safe-area-inset-bottom))}
  .bbp-file-name{grid-column:1 / -1;grid-row:1;max-width:100%;padding:0 2px}
  .bbp-attach{grid-column:1;width:42px;height:44px}
  .bbp-compose-wrap textarea{grid-column:2;min-height:44px;max-height:120px;font-size:16px;padding:10px 11px}
  .bbp-send{grid-column:3;height:44px;min-width:58px;padding:0 12px}
  .bbp-toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center}
  .bbp-gate{padding:16px}
  .bbp-gatecard{border-radius:18px;padding:24px 16px;width:100%}
  .bbp-loginbox{padding:16px;margin-top:20px}
  .bbp-loginlinks{gap:12px;flex-wrap:wrap}
}
@media(max-width:480px){
  .bbp-static-content{padding-left:12px;padding-right:12px}
  .bbp-roomhead{padding-left:10px;padding-right:10px}
  .bbp-roomhead>div:first-of-type>span,.bbp-roomhead span#bbp-room-desc{max-width:50vw}
  .bbp-card-grid{gap:10px}
  .bbp-page-intro h1{font-size:29px}
  .bbp-kicker{font-size:10px;letter-spacing:.11em}
  .bbp-feature-card h3,.bbp-list-card h3,.bbp-review-card h3{font-size:16px}
  .bbp-review-top{flex-direction:column;gap:8px}
  .bbp-status-pill{align-self:flex-start}
  .bbp-msg-avatar{width:34px;height:34px}
  .bbp-msg{grid-template-columns:34px minmax(0,1fr)}
  .bbp-tool,.bbp-reaction{padding:6px 7px}
  .bbp-compose-wrap{grid-template-columns:40px minmax(0,1fr) 54px}
  .bbp-attach{width:40px}
  .bbp-send{min-width:54px;padding:0 9px}
  .bbp-profile-photo>img{width:76px;height:76px}
}

/* Respect users who prefer less motion. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* =========================================================
   V0.5.1 FINAL UX / NAVIGATION / CONTRAST FIXES
   ========================================================= */
:root{--bb-sitebar-h:62px}
.bbp-sitebar{height:var(--bb-sitebar-h);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(16px,3vw,34px);background:#070b0d;border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative;z-index:99970}
.bbp-sitebrand{display:inline-flex;align-items:center;color:#fff!important;text-decoration:none;font-size:20px;font-weight:950;letter-spacing:-.035em;white-space:nowrap}.bbp-sitebrand span{color:var(--bb-cyan);margin-left:5px}
.bbp-sitenav{display:flex;align-items:center;gap:6px;min-width:0}.bbp-sitenav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:9px;color:#aebbc0!important;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}.bbp-sitenav a:hover{background:#11191d;color:#fff!important}
body.bbp-community-fullscreen .bbp-app{height:calc(100dvh - var(--bb-sitebar-h));min-height:calc(100svh - var(--bb-sitebar-h))}
body.bbp-community-fullscreen .bbp-main{height:calc(100dvh - var(--bb-sitebar-h))}
.bbp-gate{min-height:calc(100dvh - var(--bb-sitebar-h))}
body.admin-bar.bbp-community-fullscreen .bbp-sitebar{margin-top:32px}
body.admin-bar.bbp-community-fullscreen .bbp-app{height:calc(100dvh - var(--bb-sitebar-h) - 32px);min-height:calc(100svh - var(--bb-sitebar-h) - 32px)}
body.admin-bar.bbp-community-fullscreen .bbp-main{height:calc(100dvh - var(--bb-sitebar-h) - 32px)}

/* Login must remain readable even if the active theme has aggressive heading/label colors. */
.bbp-gate,.bbp-gatecard,.bbp-loginbox{color:#fff!important}.bbp-gate h1{color:#fff!important}.bbp-gate p{color:#aab6ba!important}.bbp-loginbox label,.bbp-loginbox .login-username label,.bbp-loginbox .login-password label,.bbp-loginbox .login-remember label{color:#eef5f6!important}.bbp-loginbox .login-remember,.bbp-loginbox .login-remember label{font-size:12px!important}.bbp-loginbox input[type=text],.bbp-loginbox input[type=password]{color:#fff!important;-webkit-text-fill-color:#fff!important}.bbp-loginbox .login-submit{margin-bottom:0}.bbp-loginlinks a{color:var(--bb-cyan)!important}

/* Onboarding callout: avoid the narrow three-column squeeze seen on phones. */
@media(max-width:820px){
  :root{--bb-sitebar-h:58px}
  .bbp-sitebar{height:var(--bb-sitebar-h);padding:0 12px;gap:10px;overflow:hidden}.bbp-sitebrand{font-size:17px}.bbp-sitenav{gap:2px;overflow-x:auto;scrollbar-width:none}.bbp-sitenav::-webkit-scrollbar{display:none}.bbp-sitenav a{min-height:36px;padding:7px 9px;font-size:11px}
  body.admin-bar.bbp-community-fullscreen .bbp-sitebar{margin-top:46px}
  body.admin-bar.bbp-community-fullscreen .bbp-app{height:calc(100dvh - var(--bb-sitebar-h) - 46px);min-height:calc(100svh - var(--bb-sitebar-h) - 46px)}
  body.admin-bar.bbp-community-fullscreen .bbp-main{height:calc(100dvh - var(--bb-sitebar-h) - 46px)}
  .bbp-callout{display:grid;grid-template-columns:1fr!important;align-items:start!important;gap:7px!important;padding:16px!important}.bbp-callout strong{font-size:18px}.bbp-callout span{width:100%;font-size:13px!important;line-height:1.55}.bbp-callout a{width:max-content;max-width:100%;margin-top:4px;font-size:13px!important}
}
@media(max-width:440px){.bbp-sitebrand{font-size:16px}.bbp-sitenav a{padding:7px 7px;font-size:10px}.bbp-sitenav a:nth-child(4){display:none}}