:root{--c50-bg:#07090a;--c50-card:#0d1012;--c50-line:#24292d;--c50-br:#d09a58;--c50-text:#f4f5f5;--c50-mut:#98a0a5}
#communityView{min-height:100vh;background:var(--c50-bg);color:var(--c50-text)}
.c50{min-height:100vh;background:var(--c50-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.c50-side{position:fixed;inset:0 auto 0 0;width:220px;padding:18px 12px;background:#090b0c;border-right:1px solid var(--c50-line);display:flex;flex-direction:column;z-index:10}
.c50-logo{width:116px;height:70px;object-fit:contain;margin:0 auto 12px}.c50-user{padding:10px 12px;border:1px solid var(--c50-line);border-radius:12px;margin-bottom:12px}.c50-user b,.c50-user small{display:block}.c50-user b{font-size:14px}.c50-user small{font-size:10px;color:var(--c50-br);margin-top:3px}
.c50-side nav{display:grid;gap:4px}.c50-side nav button,.c50-support,.c50-logout{border:0;background:transparent;color:#aab0b4;padding:11px 12px;border-radius:9px;text-align:left;font-weight:700;display:flex;gap:10px;align-items:center}.c50-side nav button.on,.c50-side nav button:hover{background:#171a1c;color:#fff;box-shadow:inset 3px 0 var(--c50-br)}.c50-side nav i{font-style:normal;width:22px;text-align:center;color:var(--c50-br)}
.c50-support{margin-top:14px;border:1px solid #30261c;color:#e6b270}.c50-logout{margin-top:auto;border:1px solid #3a2020;color:#d79b9b}
.c50-main{margin-left:220px;min-height:100vh;padding-bottom:30px}.c50-main>header{height:62px;padding:0 24px;border-bottom:1px solid var(--c50-line);display:flex;align-items:center;justify-content:space-between;background:#090b0c;position:sticky;top:0;z-index:5}.c50-main>header b,.c50-main>header small{display:block}.c50-main>header b{font-size:13px;color:var(--c50-br)}.c50-main>header small{font-size:9px;color:#888}.c50-main>header button{border:1px solid var(--c50-line);background:#111;color:#fff;border-radius:50%;width:36px;height:36px}
.c50-title{max-width:1120px;margin:auto;padding:30px 24px 18px}.c50-title span{font-size:10px;letter-spacing:.14em;color:var(--c50-br);font-weight:900}.c50-title h1{font-size:36px;margin:6px 0;color:#fff}.c50-title p{margin:0;color:var(--c50-mut);font-size:14px}
.c50-homegrid,.c50-grid,.c50-list,.c50-strip,.c50-plans,.c50-profile,.c50-docs,.c50-action{max-width:1120px;margin:0 auto 16px;padding:0 24px}
.c50-homegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.c50-homegrid button{min-height:104px;border:1px solid var(--c50-line);border-radius:14px;background:var(--c50-card);color:#fff;padding:16px;display:flex;align-items:center;gap:14px;text-align:left}.c50-homegrid button>b{font-size:28px;color:var(--c50-br)}.c50-homegrid strong,.c50-homegrid small{display:block}.c50-homegrid strong{font-size:16px}.c50-homegrid small{color:var(--c50-mut);font-size:11px;margin-top:4px}
.c50-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.c50-strip div{border:1px solid var(--c50-line);border-radius:12px;background:var(--c50-card);padding:14px}.c50-strip b,.c50-strip small{display:block}.c50-strip b{color:var(--c50-br);font-size:18px}.c50-strip small{color:var(--c50-mut);font-size:10px;margin-top:3px}
.c50-primary,.c50-action button,.c50-modalbuttons button:last-child,.c50-profile button,.c50-row button{border:1px solid #e1a65d;border-radius:10px;background:linear-gradient(#e9ad64,#b97935);color:#111;font-weight:900;padding:12px 16px}
.c50-primary{display:block;max-width:1072px;width:calc(100% - 48px);margin:0 auto 16px}
.c50-action{display:grid;gap:8px}.c50-action textarea,.c50-profile textarea,.c50-profile input,.c50-modal input,.c50-modal textarea,.c50-modal select{width:100%;box-sizing:border-box;border:1px solid #343b40;background:#080b0d;color:#fff;border-radius:9px;padding:12px}.c50-action small{color:var(--c50-mut)}
.c50-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.c50-list{display:grid;gap:10px}.c50-card{border:1px solid var(--c50-line);border-radius:13px;background:var(--c50-card);padding:14px}.c50-card img{width:100%;max-height:230px;object-fit:cover;border-radius:9px;margin-top:8px}.c50-card h3{margin:6px 0}.c50-card p{color:#b2b8bc}.c50-card small{color:#8b9499}.c50-card>strong{color:var(--c50-br);font-size:18px}.c50-card em{float:right;color:#f1b863;font-style:normal;font-size:10px}
.c50-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.c50-row span{color:var(--c50-br);font-size:11px}.c50-chatrow{width:100%;border:1px solid var(--c50-line);border-radius:12px;background:var(--c50-card);color:#fff;text-align:left;padding:14px}.c50-chatrow b,.c50-chatrow small{display:block}.c50-chatrow small{color:#8e979d;margin-top:4px}
.c50-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.c50-plan{border:1px solid var(--c50-line);border-radius:12px;background:var(--c50-card);padding:14px}.c50-plan b,.c50-plan small{display:block}.c50-plan b{color:var(--c50-br)}.c50-plan small{color:#999;margin-top:5px}
.c50-profile{display:grid;grid-template-columns:2fr 1fr;gap:12px}.c50-profile label,.c50-modal label{display:grid;gap:5px;color:#aab1b6;font-size:11px;margin:9px 0}.c50-docs h2{font-size:18px}
.c50-empty{padding:24px;text-align:center;border:1px dashed #30373b;border-radius:12px;color:#899196;background:#0a0d0f}
.c50-bottom{display:none}.c50-sheet{display:none}
.c50-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.c50-modal>div{width:min(680px,100%);max-height:92vh;overflow:auto;background:#0d1012;border:1px solid #343a3e;border-radius:16px;padding:20px;color:#fff}.c50-modal h2{margin-top:0}.c50-modalbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.c50-modalbuttons button:first-child{border:1px solid #333;background:#111;color:#ddd;border-radius:9px;padding:11px 15px}.c50-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.c50-stage button{border:1px solid #343a3e;background:#090b0c;color:#ddd;padding:10px;border-radius:8px}.c50-stage button.on{border-color:var(--c50-br);color:var(--c50-br)}.c50-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0}.c50-options label{border:1px solid #282e32;border-radius:8px;padding:8px}.c50-total{font-size:20px;font-weight:900;color:var(--c50-br);margin:10px 0}.c50-messages{display:grid;gap:7px;max-height:50vh;overflow:auto;margin-bottom:10px}.c50-messages>div{max-width:80%;background:#171b1e;border-radius:10px;padding:9px}.c50-messages>div.mine{margin-left:auto;background:#2b2116}.c50-messages small{display:block;color:#899;margin-top:3px}.c50-fatal{padding:30px;color:#fff}
@media(max-width:900px){
 .c50-side{display:none}.c50-main{margin-left:0;padding-bottom:76px}.c50-main>header{height:56px;padding:0 14px}.c50-title{padding:20px 14px 14px}.c50-title h1{font-size:30px}.c50-homegrid,.c50-grid,.c50-list,.c50-strip,.c50-plans,.c50-profile,.c50-docs,.c50-action{padding-left:14px;padding-right:14px}.c50-homegrid{grid-template-columns:1fr 1fr}.c50-grid{grid-template-columns:1fr 1fr}.c50-strip{grid-template-columns:1fr 1fr}.c50-profile{grid-template-columns:1fr}.c50-primary{width:calc(100% - 28px)}
 .c50-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:66px;background:#080a0b;border-top:1px solid #2b3034;z-index:100}.c50-bottom button{border:0;background:transparent;color:#8f969b;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.c50-bottom b{font-size:18px}.c50-bottom span{font-size:10px}.c50-bottom button.on{color:var(--c50-br)}
 .c50-sheet{display:grid;grid-template-columns:1fr 1fr;gap:7px;position:fixed;left:10px;right:10px;bottom:72px;background:#111518;border:1px solid #343a3e;border-radius:14px;padding:10px;z-index:101}.c50-sheet.hidden{display:none}.c50-sheet button{border:1px solid #292f33;background:#090b0d;color:#fff;padding:13px;border-radius:9px;text-align:left}.c50-sheet b{color:var(--c50-br);margin-right:8px}
}
@media(max-width:560px){.c50-homegrid,.c50-grid{grid-template-columns:1fr}.c50-plans{grid-template-columns:1fr}.c50-title h1{font-size:26px}.c50-options{grid-template-columns:1fr}.c50-stage{grid-template-columns:1fr 1fr}.c50-row{align-items:flex-start;flex-direction:column}}

/* v52 image-rich simple Community */
.c52-hero{max-width:1072px;height:245px;margin:0 auto 16px;border:1px solid var(--c50-line);border-radius:16px;overflow:hidden;position:relative}
.c52-hero img{width:100%;height:100%;object-fit:cover}
.c52-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.94),rgba(4,6,7,.55) 52%,rgba(4,6,7,.12))}
.c52-hero>div{position:absolute;z-index:2;left:24px;bottom:22px;max-width:520px}
.c52-hero span{color:var(--c50-br);font-size:10px;letter-spacing:.14em;font-weight:900}
.c52-hero h2{margin:5px 0 6px;font-size:34px;line-height:1.02}.c52-hero p{margin:0;color:#c0c6ca}
.c52-homegrid .c52-tile{position:relative;overflow:hidden;min-height:155px;padding:0;background-image:var(--tile);background-size:cover;background-position:center;border-color:#34393d}
.c52-tile .c52-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.92),rgba(5,7,8,.45))}
.c52-tile>b,.c52-tile>span{position:relative;z-index:2}.c52-tile>b{margin-left:16px}.c52-tile>span{padding-right:12px}
.c52-banner{max-width:1072px;height:170px;margin:0 auto 16px;border:1px solid var(--c50-line);border-radius:15px;overflow:hidden;position:relative}
.c52-banner img{width:100%;height:100%;object-fit:cover}.c52-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94),rgba(5,7,8,.35))}
.c52-banner>div{position:absolute;z-index:2;left:22px;bottom:18px}.c52-banner b,.c52-banner span{display:block}.c52-banner b{color:var(--c50-br);font-size:17px}.c52-banner span{font-size:11px;color:#d0d4d6;margin-top:4px}
.c52-fallback{filter:saturate(.82) brightness(.72)}
@media(max-width:900px){.c52-hero,.c52-banner{width:calc(100% - 28px)}}
@media(max-width:560px){
 .c52-hero{height:190px}.c52-hero>div{left:16px;bottom:15px}.c52-hero h2{font-size:25px}.c52-hero p{font-size:10px}
 .c52-homegrid .c52-tile{min-height:132px}
 .c52-banner{height:135px}.c52-banner>div{left:14px;bottom:13px}.c52-banner b{font-size:14px}.c52-banner span{font-size:9px}
}