.page-community-feed{
    --cf-red:#ed1c24;
    --cf-red-deep:#8f070c;
    --cf-card:#0b0b0c;
    --cf-line:rgba(255,255,255,.11);
    --cf-muted:rgba(255,255,255,.64);
    background:#050505;
}
.page-community-feed main{overflow:visible}
.cf-page{
    min-height:100vh;
    padding:28px 18px 72px;
    color:#fff;
    background:
        radial-gradient(circle at 50% -10%,rgba(178,0,0,.16),transparent 28rem),
        linear-gradient(180deg,#070707 0,#020202 60%,#070707 100%);
}
.cf-page *{box-sizing:border-box}
.cf-page a{color:inherit;text-decoration:none}
.cf-shell{
    width:min(100%,1280px);
    margin:0 auto;
    display:grid;
    grid-template-columns:210px minmax(0,650px) 280px;
    gap:28px;
    align-items:start;
    justify-content:center;
}
.cf-left,.cf-right{position:sticky;top:112px}
.cf-brand{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:26px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.cf-brand>span{
    display:grid;
    place-items:center;
    width:42px;height:42px;
    border-radius:14px;
    background:linear-gradient(145deg,var(--cf-red),#6f0000);
    box-shadow:0 10px 28px rgba(237,28,36,.22);
    font-weight:900;
}
.cf-brand strong{font-size:15px}
.cf-side-nav{display:grid;gap:8px}
.cf-side-nav a{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:13px;
    color:rgba(255,255,255,.72);
    font-size:14px;
    font-weight:800;
}
.cf-side-nav a span{width:18px;text-align:center;font-size:18px}
.cf-side-nav a:hover,.cf-side-nav a:focus-visible,.cf-side-nav a.is-active{
    color:#fff;
    border-color:var(--cf-line);
    background:rgba(255,255,255,.05);
}
.cf-share-shortcut{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin-top:20px;
    border-radius:13px;
    background:linear-gradient(135deg,var(--cf-red),var(--cf-red-deep));
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.cf-side-note{color:rgba(255,255,255,.42);font-size:12px;line-height:1.65}
.cf-main{min-width:0}
.cf-mobile-head{display:none}
.cf-intro{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    padding:8px 2px 22px;
}
.cf-kicker{
    display:block;
    color:#ff6b70;
    font-size:11px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.cf-intro h1{
    margin:7px 0 8px;
    font-size:clamp(31px,5vw,48px);
    line-height:.98;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
.cf-intro p{max-width:530px;margin:0;color:var(--cf-muted);line-height:1.55}
.cf-icon-link{
    display:grid;place-items:center;
    flex:0 0 auto;
    width:45px;height:45px;
    border:1px solid var(--cf-line);
    border-radius:14px;
    background:#0a0a0a;
    font-size:24px;
}
.cf-stories{
    display:flex;
    gap:16px;
    overflow-x:auto;
    padding:15px 16px 12px;
    margin-bottom:14px;
    border:1px solid var(--cf-line);
    border-radius:18px;
    background:rgba(11,11,12,.88);
    scrollbar-width:thin;
}
.cf-story{
    flex:0 0 68px;
    display:grid;
    justify-items:center;
    gap:7px;
    min-width:0;
}
.cf-story-ring{
    display:grid;place-items:center;
    width:58px;height:58px;
    padding:3px;
    overflow:hidden;
    border-radius:50%;
    background:linear-gradient(145deg,#ff3340,#720008 62%,#fff);
}
.cf-story-ring img,.cf-story-ring b{
    width:100%;height:100%;
    display:grid;place-items:center;
    border:3px solid #090909;
    border-radius:50%;
    object-fit:cover;
    background:#171719;
    font-size:13px;
}
.cf-story>span:last-child{
    width:100%;
    overflow:hidden;
    color:rgba(255,255,255,.72);
    font-size:10px;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.cf-feed-tabs{
    position:sticky;
    top:91px;
    z-index:12;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin:0 0 14px;
    padding:5px;
    border:1px solid var(--cf-line);
    border-radius:16px;
    background:rgba(5,5,5,.92);
    backdrop-filter:blur(18px);
}
.cf-feed-tabs a{
    display:flex;align-items:center;justify-content:center;
    min-height:40px;
    border-radius:11px;
    color:rgba(255,255,255,.55);
    font-size:12px;
    font-weight:900;
}
.cf-feed-tabs a:hover,.cf-feed-tabs a:focus-visible,.cf-feed-tabs a.is-active{
    color:#fff;
    background:rgba(255,255,255,.08);
}
.cf-flash{
    margin:0 0 14px;
    padding:13px 15px;
    border:1px solid var(--cf-line);
    border-radius:14px;
    color:rgba(255,255,255,.84);
    background:#101011;
    font-size:13px;
}
.cf-flash.is-success{border-color:rgba(44,201,120,.42);background:rgba(20,112,65,.14)}
.cf-flash.is-error{border-color:rgba(237,28,36,.45);background:rgba(145,0,7,.18)}
.cf-composer{
    margin-bottom:15px;
    scroll-margin-top:150px;
    overflow:hidden;
    border:1px solid var(--cf-line);
    border-radius:18px;
    background:var(--cf-card);
}
.cf-composer summary,.cf-login-composer{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:72px;
    padding:13px 16px;
    cursor:pointer;
    list-style:none;
}
.cf-composer summary::-webkit-details-marker{display:none}
.cf-composer summary>span:nth-child(2),.cf-login-composer>div{min-width:0;display:grid;gap:3px;flex:1}
.cf-composer summary strong,.cf-login-composer strong{font-size:14px}
.cf-composer summary small,.cf-login-composer small{color:var(--cf-muted);font-size:11px}
.cf-composer summary>b{font-size:25px;font-weight:300}
.cf-login-composer>a{
    padding:9px 13px;
    border-radius:10px;
    background:var(--cf-red);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.cf-unavailable-composer{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:86px;
    padding:14px 16px;
    border-color:rgba(237,28,36,.28);
    background:linear-gradient(90deg,rgba(237,28,36,.08),transparent 54%);
}
.cf-unavailable-composer>div{display:grid;gap:4px;min-width:0;flex:1}
.cf-unavailable-composer strong{font-size:14px}
.cf-unavailable-composer small{color:var(--cf-muted);font-size:11px;line-height:1.45}
.cf-unavailable-composer code{
    overflow-wrap:anywhere;
    color:#ff9296;
    font:600 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.cf-unavailable-composer button{
    flex:0 0 auto;
    min-height:38px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    color:rgba(255,255,255,.42);
    background:#141415;
    font-size:10px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.cf-upload-form{display:grid;gap:13px;padding:0 16px 16px;border-top:1px solid var(--cf-line)}
.cf-file-drop{
    display:grid;place-items:center;
    min-height:108px;
    margin-top:16px;
    padding:18px;
    border:1px dashed rgba(255,255,255,.25);
    border-radius:14px;
    background:rgba(255,255,255,.025);
    text-align:center;
    cursor:pointer;
}
.cf-file-drop input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.cf-file-drop span{font-size:13px;font-weight:850}
.cf-file-drop small{margin-top:6px;color:var(--cf-muted);font-size:11px}
.cf-upload-form>label:not(.cf-file-drop){font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.cf-upload-form textarea{
    width:100%;
    resize:vertical;
    padding:13px;
    border:1px solid var(--cf-line);
    border-radius:13px;
    outline:0;
    color:#fff;
    background:#070707;
    font:inherit;
}
.cf-upload-form textarea:focus{border-color:rgba(237,28,36,.7);box-shadow:0 0 0 3px rgba(237,28,36,.12)}
.cf-upload-preview{overflow:hidden;border-radius:14px;background:#000}
.cf-upload-preview img,.cf-upload-preview video{display:block;width:100%;max-height:440px;object-fit:contain}
.cf-terms-acceptance{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border:1px solid rgba(237,28,36,.28);
    border-radius:12px;
    background:rgba(237,28,36,.07);
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.55;
}
.cf-terms-acceptance input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--cf-red)}
.cf-terms-acceptance a,.cf-terms-confirmed a{color:#ff7d82;text-decoration:underline;text-underline-offset:3px}
.cf-terms-acceptance.is-confirmed{border-color:rgba(89,201,126,.34);background:rgba(89,201,126,.08)}
.cf-terms-confirmed{
    padding:10px 12px;
    border:1px solid rgba(89,201,126,.24);
    border-radius:11px;
    color:rgba(255,255,255,.65);
    background:rgba(89,201,126,.06);
    font-size:10px;
    line-height:1.5;
}
.cf-upload-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cf-upload-foot span{max-width:390px;color:rgba(255,255,255,.46);font-size:10px;line-height:1.5}
.cf-upload-foot button{
    flex:0 0 auto;
    min-height:40px;
    padding:0 16px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:var(--cf-red);
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
}
.cf-upload-foot button:disabled{cursor:wait;opacity:.64}
.cf-upload-message{
    min-height:17px;
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:11px;
    line-height:1.5;
}
.cf-upload-message:empty{display:none}
.cf-upload-message.is-error{color:#ff8f94}
.cf-stream{display:grid;gap:18px}
.cf-post{
    overflow:hidden;
    border:1px solid var(--cf-line);
    border-radius:20px;
    background:var(--cf-card);
    box-shadow:0 20px 48px rgba(0,0,0,.18);
}
.cf-post:target{border-color:rgba(237,28,36,.56);box-shadow:0 0 0 3px rgba(237,28,36,.12)}
.cf-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}
.cf-author{display:flex;align-items:center;gap:11px;min-width:0}
.cf-author>span:last-child{display:grid;gap:3px;min-width:0}
.cf-author strong{font-size:13px}
.cf-author small{
    overflow:hidden;
    color:var(--cf-muted);
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.cf-avatar{
    display:grid;place-items:center;
    flex:0 0 auto;
    width:42px;height:42px;
    overflow:hidden;
    border:1px solid rgba(237,28,36,.34);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#29292b,#0a0a0a);
    font-size:12px;
    font-weight:900;
}
.cf-avatar img{width:100%;height:100%;object-fit:cover}
.cf-avatar-small{width:38px;height:38px}
.cf-post-head-actions{display:flex;align-items:center;gap:7px}
.cf-follow-btn,.cf-more-btn{
    border:0;
    color:#fff;
    background:transparent;
    font:inherit;
    cursor:pointer;
}
.cf-follow-btn{
    padding:7px 10px;
    border:1px solid rgba(237,28,36,.45);
    border-radius:9px;
    color:#ff757a;
    font-size:10px;
    font-weight:900;
}
.cf-follow-btn.is-following{border-color:var(--cf-line);color:var(--cf-muted)}
.cf-more-btn{padding:7px;color:rgba(255,255,255,.58);letter-spacing:.08em}
.cf-media{display:grid;place-items:center;min-height:320px;background:#000}
.cf-media img,.cf-media video{
    display:block;
    width:100%;
    max-height:820px;
    object-fit:contain;
    background:#000;
}
.cf-media iframe{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    border:0;
}
.cf-post-body{padding:13px 15px 12px}
.cf-actions{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.cf-action{
    display:grid;place-items:center;
    width:36px;height:36px;
    padding:0;
    border:0;
    color:#fff;
    background:transparent;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
.cf-action.is-active{color:#ff3038}
.cf-action:nth-child(2){font-size:25px}
.cf-action:nth-child(3){margin-left:auto;font-size:22px}
.cf-metrics{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px}
.cf-metrics strong{font-size:12px}
.cf-metrics span{color:var(--cf-muted)}
.cf-caption{margin:10px 0 0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.55}
.cf-caption strong,.cf-comments strong{color:#fff}
.cf-comments{display:grid;gap:6px;margin-top:8px}
.cf-comments p{margin:0;color:rgba(255,255,255,.68);font-size:11px;line-height:1.45}
.cf-comment-form{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.cf-comment-form input{
    min-width:0;
    flex:1;
    border:0;
    outline:0;
    color:#fff;
    background:transparent;
    font:inherit;
    font-size:12px;
}
.cf-comment-form button{
    border:0;
    color:#ff666b;
    background:transparent;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}
.cf-comment-login{display:block;margin-top:10px;color:#ff7478!important;font-size:11px;font-weight:800}
.cf-live-status{position:fixed;right:22px;bottom:88px;z-index:50}
.cf-live-status:not(:empty){
    max-width:320px;
    padding:12px 14px;
    border:1px solid var(--cf-line);
    border-radius:12px;
    background:#151516;
    box-shadow:0 16px 40px rgba(0,0,0,.45);
    font-size:12px;
}
.cf-empty{
    display:grid;
    justify-items:center;
    gap:10px;
    padding:55px 25px;
    border:1px solid var(--cf-line);
    border-radius:20px;
    background:var(--cf-card);
    text-align:center;
}
.cf-empty strong{font-size:20px}
.cf-empty p{max-width:470px;margin:0;color:var(--cf-muted);line-height:1.6}
.cf-empty a{padding:10px 14px;border-radius:10px;background:var(--cf-red);font-size:11px;font-weight:900;text-transform:uppercase}
.cf-profile-card,.cf-side-card{
    margin-bottom:15px;
    padding:16px;
    border:1px solid var(--cf-line);
    border-radius:17px;
    background:rgba(11,11,12,.88);
}
.cf-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.cf-profile-card>div{display:grid;gap:3px;min-width:0}
.cf-profile-card strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}
.cf-profile-card small{color:var(--cf-muted);font-size:10px}
.cf-profile-card>a{color:#ff6e73;font-size:10px;font-weight:900;text-transform:uppercase}
.cf-profile-card dl{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin:8px 0 0;
    padding-top:12px;
    border-top:1px solid var(--cf-line);
}
.cf-profile-card dl div{text-align:center}
.cf-profile-card dt{font-size:14px;font-weight:900}
.cf-profile-card dd{margin:3px 0 0;color:var(--cf-muted);font-size:9px;text-transform:uppercase}
.cf-side-card h2{margin:7px 0 12px;font-size:18px;text-transform:uppercase}
.cf-side-card>a{
    display:grid;
    gap:4px;
    padding:11px 0;
    border-top:1px solid rgba(255,255,255,.07);
}
.cf-side-card>a strong{font-size:12px}
.cf-side-card>a small{color:var(--cf-muted);font-size:10px;line-height:1.45}
.cf-rules-card p{color:var(--cf-muted);font-size:11px;line-height:1.55}
.cf-rules-card>a{color:#ff6e73;font-size:10px;font-weight:900;text-transform:uppercase}
.cf-sr-only{
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
    outline:3px solid rgba(255,80,86,.65);
    outline-offset:3px;
}
@media(max-width:1080px){
    .cf-shell{grid-template-columns:190px minmax(0,650px)}
    .cf-right{display:none}
}
@media(max-width:820px){
    .cf-page{padding:0 0 58px}
    .cf-shell{display:block;width:min(100%,680px)}
    .cf-left{display:none}
    .cf-main{width:100%}
    .cf-mobile-head{
        position:sticky;top:0;z-index:30;
        display:flex;justify-content:space-between;align-items:center;
        min-height:54px;padding:0 15px;
        border-bottom:1px solid var(--cf-line);
        background:rgba(5,5,5,.94);
        backdrop-filter:blur(16px);
        font-size:12px;font-weight:900;text-transform:uppercase;
    }
    .cf-mobile-head a:last-child{color:#ff666b}
    .cf-intro{padding:24px 15px 18px}
    .cf-intro h1{font-size:34px}
    .cf-stories,.cf-feed-tabs,.cf-composer,.cf-flash,.cf-empty{margin-left:10px;margin-right:10px}
    .cf-feed-tabs{top:54px}
}
@media(max-width:560px){
    .cf-intro p{font-size:13px}
    .cf-icon-link{display:none}
    .cf-stories{border-radius:15px}
    .cf-feed-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
    .cf-feed-tabs a{font-size:10px}
    .cf-stream{gap:9px}
    .cf-post{border-left:0;border-right:0;border-radius:0}
    .cf-media{min-height:260px}
    .cf-upload-foot{align-items:flex-start;flex-direction:column}
    .cf-upload-foot button{width:100%}
    .cf-unavailable-composer{align-items:flex-start;flex-wrap:wrap}
    .cf-unavailable-composer button{width:100%}
}
@media(prefers-reduced-motion:reduce){
    .cf-page *{scroll-behavior:auto!important}
}