.bf-app{--bg:#0c1118;--panel:#151e29;--panel2:#1a2532;--line:#2a3543;--text:#edf2f7;--muted:#99a9bb;--blue:#4ea7ff;--red:#ef4d57;--radius:16px;font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);min-height:100vh;text-align:left;isolation:isolate;color-scheme:dark}.bf-shell{margin:0;background:#0c1118}.bf-app *{box-sizing:border-box}.bf-app a{color:inherit;text-decoration:none}.bf-app a:hover{color:var(--blue)}.bf-app h1,.bf-app h2,.bf-app h3,.bf-app p{margin:0 0 16px;color:inherit}.bf-app h1,.bf-app h2,.bf-app h3{line-height:1.15;letter-spacing:-.035em}.bf-app button,.bf-app input,.bf-app textarea,.bf-app select{font:inherit}.bf-app button{cursor:pointer}.bf-app button:disabled{opacity:.5;cursor:wait}.bf-app :focus-visible{outline:3px solid var(--blue);outline-offset:3px}.bf-top{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0e141dee;position:relative;z-index:5;gap:24px}.bf-brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:850;letter-spacing:.08em;line-height:1.1}.bf-brand small{display:block;font-size:8px;letter-spacing:.22em;color:var(--muted);margin-top:8px}.bf-mark{display:grid;place-items:center;width:43px;height:49px;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);background:var(--red);font-size:19px;letter-spacing:-3px;padding-right:3px;position:relative}.bf-mark span{display:none}.bf-top nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.bf-app .bf-button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--red);color:white;border:1px solid transparent;border-radius:9px;padding:15px 24px;font-weight:750;line-height:1.4;transition:background .15s,transform .15s}.bf-app .bf-button:hover{background:#ff626d;color:white;transform:translateY(-1px)}.bf-app .bf-small{padding:10px 16px;font-size:12px}.bf-app .bf-secondary{background:#ffffff08;border-color:#ffffff35}.bf-app .bf-secondary:hover{background:#ffffff15}.bf-wide{width:100%}.bf-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--muted);margin-bottom:20px}.bf-eyebrow i,.bf-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue);margin-right:8px}.bf-hero{min-height:650px;position:relative;background:linear-gradient(90deg,#0b1119 0%,#0b1119dc 23%,#0b11192b 65%),linear-gradient(0deg,#0c1118,transparent 35%),url(hero.webp) center 57%/cover no-repeat;display:flex;align-items:center}.bf-hero-inner{padding:80px 7%;max-width:850px}.bf-hero h1{font-size:clamp(42px,4.8vw,72px);line-height:1.08;font-weight:850;margin-bottom:26px}.bf-hero h1 span,.bf-auth-art h1 span{color:#9cbedc}.bf-hero p{max-width:440px;color:#b7c3d0;font-size:16px;line-height:1.8}.bf-actions{display:flex;gap:12px;margin-top:30px}.bf-hero-meta{display:flex;gap:20px;color:#a3b0bf;font-size:11px;margin-top:35px;flex-wrap:wrap}.bf-hero-meta span:before{content:'✓';color:var(--blue);margin-right:7px}.bf-image-caption{position:absolute;right:5%;bottom:30px;font-size:9px;letter-spacing:.18em;color:#ffffff70}.bf-intro{padding:58px 7%;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px;border-top:1px solid var(--line)}.bf-intro h2{font-size:28px}.bf-feature{border-left:1px solid var(--line);padding-left:26px}.bf-feature b{font-size:10px;letter-spacing:.12em;color:var(--red)}.bf-feature h3{font-size:17px;margin-top:14px}.bf-feature p{font-size:13px;color:var(--muted)}.bf-footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.bf-footer div{display:flex;gap:22px}.bf-footer small{font-size:9px}.bf-auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:820px}.bf-auth-art{padding:85px 12%;display:flex;flex-direction:column;justify-content:flex-start;position:relative;background:linear-gradient(180deg,#0c11186e,#0c111800 38%,#0c1118c9),linear-gradient(90deg,#0c11187d,#0c111830),url(hero.webp) 65% center/cover}.bf-auth-art h1{font-size:clamp(38px,4.6vw,66px);font-weight:850}.bf-auth-art p{color:#c8d2df}.bf-role-tags{display:flex;gap:7px;flex-wrap:wrap}.bf-role-tags span{font-size:9px;letter-spacing:.1em;border:1px solid #ffffff30;background:#0b111980;border-radius:5px;padding:5px 10px;font-weight:700}.bf-auth-art small{margin-top:auto;padding-top:180px;font-size:10px;color:#c0cede}.bf-auth-panel{padding:45px 8%;background:#111923;display:flex;align-items:center;justify-content:center}.bf-auth-card{width:100%;max-width:470px}.bf-tabs{display:flex;gap:4px;padding:5px;background:#0b1119;border:1px solid var(--line);border-radius:10px;margin-bottom:33px}.bf-tabs a{flex:1;text-align:center;padding:9px;font-size:13px;border-radius:6px;color:var(--muted)}.bf-tabs a.active{background:#243243;color:white}.bf-auth-card h2{font-size:34px}.bf-auth-card .bf-eyebrow{font-size:9px;margin-bottom:12px}.bf-muted,.bf-auth-note{color:var(--muted);font-size:13px}.bf-auth-note{font-size:11px;text-align:center;margin-top:22px!important}.bf-app label{display:block;font-size:12px;font-weight:650;color:#c6d1df;margin-bottom:16px}.bf-app input:not([type=checkbox]):not([type=file]),.bf-app textarea,.bf-app select{width:100%;border:1px solid #334151;border-radius:8px;background:#101721;color:#edf2f7;padding:12px 13px;margin-top:7px;box-shadow:none;min-height:44px}.bf-app input::placeholder,.bf-app textarea::placeholder{color:#718197}.bf-app textarea{resize:vertical;min-height:95px}.bf-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bf-password{position:relative}.bf-password input{padding-right:48px!important}.bf-reveal{position:absolute;right:5px;top:12px;background:none;border:0;color:var(--muted);padding:8px}.bf-app .bf-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:11px;line-height:1.65}.bf-check input{accent-color:var(--red);margin-top:4px;width:16px;height:16px;flex-shrink:0}.bf-check a{color:var(--blue);text-decoration:underline}.bf-between{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.bf-between .bf-check{margin-bottom:0}.bf-between{margin-bottom:20px}.bf-honey{position:absolute;left:-10000px}.bf-alert{padding:12px 15px;border:1px solid #a0454d;background:#7d25252b;border-radius:8px;font-size:13px;margin-bottom:18px}.bf-success{border-color:#30785e;background:#244f362b}.bf-info{max-width:900px;margin:auto;padding:70px 25px 100px;min-height:65vh}.bf-info h1{font-size:48px}.bf-info .bf-lead{font-size:22px}.bf-prose{white-space:normal;line-height:1.9;margin:25px 0}.bf-layout{max-width:1570px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 270px;gap:30px;padding:35px 4%;align-items:start}.bf-community:has([data-page]){color:inherit}.bf-community[data-page=messages] .bf-layout,.bf-community[data-page=settings] .bf-layout{grid-template-columns:220px minmax(0,1fr)}.bf-sidebar{position:sticky;top:25px}.bf-sidebar .bf-eyebrow{font-size:9px;padding-left:15px}.bf-sidebar nav{display:grid;gap:7px}.bf-sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:8px;color:#9eafc2;font-weight:600;font-size:13px}.bf-sidebar nav a span{font-size:19px;width:22px;text-align:center}.bf-sidebar nav a.active{background:#233348;color:#e6f1ff;border-left:3px solid var(--blue)}.bf-sidebar nav a:hover{background:var(--panel)}.bf-side-project{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:35px;background:linear-gradient(135deg,#1c2a3c,#131b25)}.bf-status{display:inline-block;font-size:9px;letter-spacing:.1em;font-weight:750;color:#91bdf5;background:#285b9b33;padding:5px 9px;border-radius:5px;margin-bottom:15px}.bf-side-project h3{font-size:20px}.bf-side-project p{font-size:12px;color:var(--muted)}.bf-side-project a{font-size:12px;color:var(--blue)}.bf-logout{display:block;padding:17px 15px 0;font-size:12px;color:var(--muted)!important}.bf-page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}.bf-page-heading h1{font-size:32px;margin:0}.bf-page-heading .bf-eyebrow{font-size:8px;margin-bottom:7px}.bf-live{font-size:8px;letter-spacing:.1em;color:var(--muted)}.bf-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;overflow:hidden}.bf-card h3{font-size:18px}.bf-card p{font-size:13px;color:var(--muted)}.bf-card a:not(.bf-button){color:var(--blue)}.bf-right{padding-top:78px}.bf-mission{background:linear-gradient(0deg,#101924f2,#10192466),url(hero.webp) 65% center/cover;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.bf-mission h3{font-size:26px;margin-top:20px}.bf-side-links{font-size:11px;color:var(--muted);padding:5px 15px}.bf-side-links p{margin-top:12px}.bf-loading,.bf-empty{padding:45px 20px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:14px}.bf-empty h3{color:var(--text);font-size:21px}.bf-empty p{font-size:13px}.bf-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#31547a,#6a3646);font-size:17px;font-weight:750;overflow:hidden;color:white}.bf-avatar img{width:100%;height:100%;object-fit:cover}.bf-person{display:flex;align-items:center;gap:12px;min-width:0}.bf-person strong{font-size:13px;color:var(--text)}.bf-person small{font-size:10px;color:var(--muted);display:block}.bf-post-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bf-post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;font-size:14px}.bf-post-photo{width:100%;max-height:600px;object-fit:contain;border-radius:10px;background:#0a1017;display:block;margin:14px 0}.bf-post-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap}.bf-post-foot button,.bf-link-button,.bf-more summary{background:none;border:0;color:var(--muted);font-size:12px;padding:5px 6px;cursor:pointer}.bf-post-foot button:hover,.bf-link-button:hover{color:white}.bf-reactions{display:flex;gap:3px;flex-wrap:wrap}.bf-reactions button{border-radius:6px;border:1px solid transparent;padding:4px 7px}.bf-reactions button.active{background:#31578055;border-color:#42678e;color:white}.bf-react-count{font-size:10px;margin-left:3px}.bf-composer textarea{background:transparent!important;border:0!important;padding:10px 0!important;margin:10px 0!important;min-height:80px}.bf-composer .bf-actions{margin:0;justify-content:space-between;align-items:center}.bf-file-label{margin:0!important;cursor:pointer;color:var(--blue)!important}.bf-file-label input{display:none}.bf-upload-preview img{height:90px;max-width:100%;border-radius:7px;object-fit:cover}.bf-filterbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.bf-filterbar button{background:transparent;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:12px;padding:7px 15px}.bf-filterbar button.active{background:#26374b;color:#dfeaff;border-color:#426080}.bf-search{display:flex;gap:10px;margin-bottom:20px}.bf-search input{margin:0!important}.bf-more{position:relative}.bf-more summary{list-style:none;font-size:22px;padding:0 10px}.bf-more[open] .bf-menu{position:absolute;right:0;top:30px;min-width:160px;z-index:4;padding:7px;background:#253345;border:1px solid #43576f;border-radius:9px;box-shadow:0 12px 30px #0008}.bf-menu button{display:block;text-align:left;width:100%;border:0;background:none;padding:9px;color:#e2eaf4;font-size:12px;border-radius:5px}.bf-menu button:hover{background:#ffffff12}.bf-comments{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.bf-comment{border-radius:10px;background:#101821;padding:12px;margin-bottom:9px}.bf-comment .bf-avatar{width:30px;height:30px;border-radius:9px;font-size:12px}.bf-comment .bf-post-body{font-size:13px;margin:12px 0}.bf-comment .bf-post-foot{border:0;padding:0}.bf-comment .bf-person strong{font-size:12px}.bf-quote{font-size:11px;border-left:2px solid var(--blue);padding:8px 10px;background:#27426030;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bf-comment-form textarea{min-height:65px}.bf-comment-form .bf-actions{margin-top:5px;justify-content:space-between}.bf-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bf-member-card{text-align:center}.bf-member-card .bf-avatar{width:65px;height:65px;font-size:25px;margin-bottom:14px}.bf-member-card h3{overflow-wrap:anywhere;margin-bottom:5px}.bf-member-card .bf-actions{gap:5px;justify-content:center;flex-wrap:wrap;margin-top:18px}.bf-profile-cover{aspect-ratio:96/25;background:#0c1118 url(hero.webp) center/cover no-repeat;border-radius:14px 14px 0 0}.bf-profile-cover.bf-has-cover{background-size:contain;background-position:center;background-repeat:no-repeat}.bf-cover-preview{display:block;width:100%;aspect-ratio:96/25;object-fit:contain;background:#0c1118;border-radius:8px;margin-top:10px}.bf-profile-card{padding:0}.bf-profile-info{padding:0 25px 25px}.bf-profile-info>.bf-avatar{width:85px;height:85px;font-size:35px;margin-top:-44px;border:5px solid var(--panel);position:relative}.bf-profile-info h2{font-size:30px;margin:10px 0}.bf-notice{display:flex;gap:15px;padding:17px;border-bottom:1px solid var(--line)}.bf-notice.unread{background:#27496d26;border-left:3px solid var(--blue)}.bf-notice small{color:var(--muted);font-size:10px}.bf-notice a{display:block;font-size:13px}.bf-chat{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden;height:calc(100vh - 225px);min-height:530px}.bf-chat-list{border-right:1px solid var(--line);overflow-y:auto}.bf-chat-list>header{padding:16px}.bf-room-link{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:16px;color:var(--text)}.bf-room-link.active{background:#29456455;border-left:3px solid var(--blue)}.bf-room-link strong{font-size:13px}.bf-room-link small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bf-room-link b{float:right;border-radius:15px;background:var(--red);padding:0 6px;font-size:10px}.bf-chat-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.bf-chat-header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.bf-chat-header h3{margin:0;font-size:16px}.bf-messages{flex:1;overflow-y:auto;padding:20px;min-height:0;scroll-behavior:smooth}.bf-message{max-width:85%;margin:0 auto 14px 0;background:#213044;padding:12px 15px;border-radius:12px 12px 12px 2px}.bf-message.mine{margin-left:auto;margin-right:0;background:#213e5b;border-radius:12px 12px 2px 12px}.bf-message .bf-post-body{margin:8px 0;font-size:13px}.bf-message .bf-avatar{height:25px;width:25px;font-size:11px;border-radius:7px}.bf-message .bf-person strong{font-size:11px}.bf-message .bf-post-foot{border:0;padding-top:3px}.bf-message .bf-reactions button{font-size:11px;padding:2px 4px}.bf-message .bf-post-photo{max-height:250px}.bf-message-state{font-size:9px;text-align:right;color:#9ab9d8}.bf-chat-compose{padding:12px 18px;border-top:1px solid var(--line)}.bf-chat-compose textarea{min-height:55px;max-height:130px;margin-top:0}.bf-chat-compose .bf-actions{margin:8px 0 0;justify-content:space-between}.bf-typing{font-size:11px;color:var(--muted);height:20px}.bf-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bf-settings-grid .bf-card{margin:0}.bf-setting-row{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;margin:0!important;font-size:13px!important}.bf-setting-row input{accent-color:var(--blue);width:18px;height:18px}.bf-settings-grid h2{font-size:23px}.bf-device{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.bf-danger{color:#ff8e99!important}.bf-full{grid-column:1/-1}.bf-bell b{background:var(--red);padding:1px 5px;border-radius:10px;font-size:10px}.bf-bell b:empty{display:none}#bf-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 22px;background:#e5eef7;color:#122033;border-radius:10px;box-shadow:0 10px 40px #0005;z-index:1000;display:none;font-size:13px}#bf-toast.show{display:block}.bf-app dialog{background:var(--panel);color:var(--text);border:1px solid #405168;border-radius:15px;width:580px;max-width:94vw;max-height:85vh;padding:25px;box-shadow:0 30px 100px #0008}.bf-app dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.bf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.bf-dialog-head h2{font-size:24px;margin:0}.bf-dialog-head button{background:none;border:0;color:var(--muted);font-size:28px}.bf-dialog-person{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.bf-dialog-person input{width:17px;height:17px}.bf-dialog-person label{margin:0}.bf-subtle{font-size:11px;color:var(--muted)}
@media(min-width:1550px){.bf-hero{min-height:740px}.bf-hero-inner{padding-left:10%}}
@media(max-width:1150px){.bf-layout{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:28px 3%}.bf-right{display:none}.bf-community[data-page=messages] .bf-layout,.bf-community[data-page=settings] .bf-layout{grid-template-columns:180px minmax(0,1fr)}.bf-chat{grid-template-columns:210px minmax(0,1fr)}.bf-live{display:none}.bf-auth-panel{padding:35px 6%}.bf-auth-art{padding:60px 10%}.bf-intro{grid-template-columns:1fr 1fr;gap:25px}.bf-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.bf-top{height:74px;padding:0 20px}.bf-brand{font-size:18px;gap:9px}.bf-brand small{font-size:6px}.bf-mark{width:34px;height:40px;font-size:16px}.bf-top nav{gap:13px;font-size:11px}.bf-top nav>a:first-child{display:none}.bf-top nav .bf-small{padding:9px 11px;font-size:10px}.bf-top-profile{max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bf-hero{min-height:660px;background-position:center,center,63% center}.bf-hero-inner{padding:65px 25px 130px;background:linear-gradient(90deg,#0c1118cb,#0c111855)}.bf-hero h1{font-size:44px}.bf-hero p{font-size:14px;max-width:350px}.bf-hero-meta{gap:12px;font-size:10px}.bf-actions{gap:9px}.bf-button{padding:13px 18px!important;font-size:13px}.bf-intro{padding:35px 25px}.bf-intro>div:first-child{grid-column:1/-1}.bf-feature{padding-left:16px}.bf-auth-layout{display:block;min-height:0}.bf-auth-art{padding:32px 25px;min-height:250px;background-position:65% 65%}.bf-auth-art h1{font-size:32px;max-width:300px}.bf-auth-art h1 br:nth-child(2){display:none}.bf-auth-art p{font-size:12px;max-width:240px}.bf-auth-art .bf-eyebrow{margin-bottom:15px;font-size:8px}.bf-auth-art small{display:none}.bf-auth-panel{padding:30px 22px 40px}.bf-auth-card{max-width:500px}.bf-auth-card h2{font-size:29px}.bf-auth-card .bf-tabs{margin-bottom:26px}.bf-footer{padding:22px;font-size:9px}.bf-footer small{width:100%}.bf-layout,.bf-community[data-page=messages] .bf-layout,.bf-community[data-page=settings] .bf-layout{display:block;padding:24px 14px 100px}.bf-sidebar{position:static}.bf-sidebar>.bf-eyebrow,.bf-side-project,.bf-sidebar>.bf-logout{display:none}.bf-sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;gap:0;background:#111b28f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.bf-sidebar nav a{flex:1;flex-direction:column;gap:1px;padding:6px 2px;font-size:8px;border-radius:0}.bf-sidebar nav a.active{border-left:0;background:transparent;color:var(--blue)}.bf-sidebar nav a span{font-size:21px}.bf-page-heading{margin-bottom:20px}.bf-page-heading h1{font-size:29px}.bf-card{padding:17px;border-radius:12px}.bf-member-grid{gap:10px}.bf-member-card .bf-actions{flex-direction:column}.bf-post-body{font-size:13px}.bf-profile-card{padding:0}.bf-profile-info{padding:0 18px 20px}.bf-profile-info .bf-actions{flex-wrap:wrap}.bf-chat{display:block;height:calc(100dvh - 255px);min-height:440px}.bf-chat-list{height:100%;border-right:0}.bf-chat-pane{display:none;height:100%}.bf-chat.has-room .bf-chat-list{display:none}.bf-chat.has-room .bf-chat-pane{display:flex}.bf-message{max-width:93%}.bf-message .bf-post-foot{gap:3px}.bf-messages{padding:12px}.bf-chat-compose{padding:10px}.bf-chat-back{display:block!important}.bf-two{gap:10px}.bf-info{padding:45px 22px}.bf-info h1{font-size:35px}.bf-settings-grid .bf-full{grid-column:auto}.bf-page-heading+.bf-loading{padding:25px}.bf-app dialog{padding:19px}.bf-app input,.bf-app textarea,.bf-app select{font-size:16px!important}#bf-toast{bottom:85px}.bf-info .bf-card{margin-top:25px}}@media(prefers-reduced-motion:reduce){.bf-app *{scroll-behavior:auto!important;transition:none!important}}
.bf-chat-launcher{position:fixed;bottom:23px;right:24px;z-index:25;border:1px solid #587391;background:#233b56;color:white;padding:12px 20px;border-radius:25px;box-shadow:0 8px 30px #0008;font:600 13px system-ui}.bf-app #bf-mini-chat{position:fixed;right:24px;bottom:80px;width:400px;height:650px;max-height:80vh;z-index:30;background:var(--panel);border:1px solid #405168;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px #0009}.bf-app #bf-mini-chat[hidden]{display:none}.bf-app #bf-mini-chat>header{display:flex;justify-content:space-between;padding:12px 15px;gap:15px;align-items:center;font-size:13px}.bf-app #bf-mini-chat>header strong{flex:1}.bf-app #bf-mini-chat button{background:none;border:0;color:white;font-size:23px}.bf-app #bf-mini-chat iframe{width:100%;height:calc(100% - 53px);border:0}.bf-app[data-mini="1"] .bf-top,.bf-app[data-mini="1"] .bf-sidebar,.bf-app[data-mini="1"] .bf-page-heading{display:none}.bf-app[data-mini="1"] .bf-layout{padding:0}.bf-app[data-mini="1"] .bf-chat{height:100vh;border:0;border-radius:0;min-height:0}@media(max-width:760px){.bf-chat-launcher{bottom:82px;right:14px;padding:9px 14px;font-size:11px}.bf-app #bf-mini-chat{right:10px;left:10px;width:auto;bottom:125px;max-height:65dvh}}
.bf-app .bf-join-short{display:none}.bf-app .bf-wide{width:100%}.bf-app .bf-reveal{background:none;border:0;color:var(--muted);padding:8px;line-height:1}.bf-app .bf-reveal:hover{background:#ffffff10;color:white}.bf-app .bf-top nav .bf-button{white-space:nowrap}@media(max-width:760px){.bf-app .bf-join-full{display:none}.bf-app .bf-join-short{display:inline}.bf-auth-art h1 br:nth-child(2){display:initial}.bf-top nav{gap:10px;flex-shrink:0}.bf-top nav .bf-button{padding:9px 10px!important;font-size:10px}.bf-top{gap:10px}.bf-brand{font-size:17px}.bf-auth-art h1{font-size:31px}.bf-app .bf-reveal{top:16px}}

/* Profile picture controls, version 1.0.1. */
.bf-app .bf-avatar-edit{display:inline-flex;position:relative;margin-top:-44px;padding:0;border:0;border-radius:24px;background:var(--panel);color:var(--text);cursor:pointer;vertical-align:top}
.bf-avatar-edit .bf-avatar{width:85px;height:85px;font-size:35px;border:5px solid var(--panel)}
.bf-avatar-edit-mark{position:absolute;right:-3px;bottom:0;background:var(--blue);color:#081320;border:3px solid var(--panel);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:18px;font-weight:700}
.bf-avatar-edit:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.bf-avatar-preview{text-align:center;margin:8px 0 20px}.bf-avatar-preview .bf-avatar{width:120px;height:120px;font-size:50px;border-radius:26px}
.bf-profile-picture-setting{min-width:0}.bf-profile-picture-setting .bf-avatar{width:72px;height:72px;font-size:30px}.bf-profile-picture-setting button{margin:12px 0}.bf-profile-picture-setting small{display:block}
#bf-avatar-file{max-width:100%;width:100%;font-size:13px!important}#bf-avatar-status{font-size:13px;min-height:40px}#bf-avatar-form .bf-actions{flex-wrap:wrap}

#bf-profile-form .bf-two{grid-template-columns:repeat(2,minmax(0,1fr))}#bf-profile-form .bf-two>div{min-width:0}#bf-profile-form input[type=file]{width:100%;max-width:100%;font-size:12px!important}#bf-profile-form .bf-button{white-space:normal}
.bf-app #bf-avatar-form .bf-link-button{background:transparent;border:0;color:var(--muted);padding:9px 6px}.bf-app #bf-avatar-form .bf-link-button:hover{color:var(--text);background:#ffffff0a}
@media(max-width:760px){#bf-profile-form .bf-two{grid-template-columns:minmax(0,1fr);gap:22px}}

/* Comment emoji picker, 1.0.2. */
.bf-compose-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.bf-comment-form>.bf-actions{flex-wrap:wrap;gap:10px}
.bf-app .bf-emoji-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:6px 10px;font-size:12px;cursor:pointer}
.bf-app .bf-emoji-toggle[aria-expanded=true]{border-color:var(--blue);background:#349cff18}
.bf-emoji-picker{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:10px 0;padding:8px;background:#101b29;border:1px solid var(--line);border-radius:12px;max-width:100%}.bf-emoji-picker[hidden]{display:none!important}
.bf-app .bf-emoji-picker button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:4px;background:transparent;border:0;border-radius:7px;font-size:23px;line-height:1.2;cursor:pointer;color:var(--text);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.bf-app .bf-emoji-picker button:hover{background:#ffffff15}.bf-app .bf-emoji-picker button:focus-visible,.bf-app .bf-emoji-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
@media(max-width:760px){.bf-emoji-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.bf-app .bf-emoji-picker button{min-height:44px}}

/* Public member chat and private conversations, 1.0.3. */
.bf-chat-tabs{display:flex;gap:8px;margin-bottom:16px}.bf-app .bf-chat-tabs button{flex:1;padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:14px;font-weight:700;cursor:pointer}.bf-app .bf-chat-tabs button[aria-pressed=true]{background:#243a51;color:var(--text);border-color:var(--blue)}.bf-chat-tabs b{font-size:11px;background:var(--red);color:white;padding:2px 6px;border-radius:10px}.bf-chat-tabs b:empty{display:none}
.bf-chat.bf-public-chat{grid-template-columns:minmax(0,1fr)}.bf-public-chat .bf-chat-list{display:none}.bf-public-chat .bf-chat-pane{display:flex}.bf-chat-compose{flex:0 0 auto;max-height:65%;overflow-y:auto}.bf-chat-compose .bf-actions{flex-wrap:wrap;gap:10px}.bf-chat-compose .bf-emoji-picker{grid-template-columns:repeat(5,minmax(0,1fr));max-height:160px;overflow-y:auto}.bf-chat-header>div{min-width:0}.bf-chat-header>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.bf-chat-header .bf-subtle{display:block}
@media(max-width:760px){.bf-chat-tabs{gap:6px}.bf-app .bf-chat-tabs button{font-size:12px;padding:11px 7px}.bf-community[data-page=messages] .bf-chat{height:calc(100dvh - 310px);min-height:460px}.bf-chat-header{padding:10px;gap:8px}.bf-chat-header h3{font-size:14px}.bf-chat-compose .bf-compose-tools{gap:8px}.bf-chat-compose .bf-emoji-picker{max-height:145px}}
/* Keep native hidden state authoritative over theme button styles. */
.bf-app [hidden]{display:none!important}

/* Keep the profile image below the cover so it cannot obscure banner text. */
.bf-profile-info>.bf-avatar,.bf-profile-info>.bf-avatar-edit{margin-top:16px}