.community-hub {
  margin: 62px 0 34px;
  padding: 28px 0 6px;
  border-top: 1px solid #b99bea26;
}
.community-hub-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.community-hub-kicker { color:#9ed9e2; font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; }
.community-hub h2 { margin:9px 0 7px; color:#f1f2f6; font:500 clamp(25px,3vw,35px)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.035em; }
.community-hub p { margin:0; color:#aaa5ba; font-size:13px; line-height:1.65; }
.community-hub-tools { display:flex; gap:8px; align-items:center; min-width:min(440px,100%); }
.community-hub-tools label { flex:1; }
.community-hub-tools input, .community-hub-tools select { width:100%; min-height:42px; padding:10px 12px; color:#f1f2f6; background:#080a10; border:1px solid #b99bea55; border-radius:8px; outline:none; font-size:12px; }
.community-hub-tools input:focus, .community-hub-tools select:focus { border-color:#73dae5; box-shadow:0 0 0 3px #73dae51c; }
.community-hub-status { min-height:17px; color:#888391; font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.community-hub-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.community-room-tile { min-width:0; display:grid; grid-template-columns:46px 1fr auto; grid-template-rows:auto auto; gap:6px 11px; padding:13px; color:#f1f2f6; text-align:left; background:linear-gradient(135deg,#111018d9,#080a10ed); border:1px solid #b99bea42; border-radius:9px; box-shadow:0 18px 48px #0009,inset 0 1px #ffffff05; transition:border-color .2s,transform .2s,box-shadow .2s; }
.community-room-tile:hover, .community-room-tile:focus-visible { border-color:#73dae599; box-shadow:0 0 22px #73dae51c; transform:translateY(-2px); outline:none; }
.community-room-art { grid-row:1 / span 2; width:46px; height:46px; display:grid; place-items:center; overflow:hidden; color:#73dae5; background:#080a10; border:1px solid #b99bea42; border-radius:8px; font:600 14px Arial,sans-serif; }
.community-room-art img { width:100%; height:100%; object-fit:cover; }
.community-room-copy { min-width:0; display:grid; gap:4px; align-content:center; }
.community-room-copy strong { overflow:hidden; color:#f1f2f6; font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.community-room-copy small, .community-room-meta { overflow:hidden; color:#aaa5ba; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.community-room-pulse { align-self:center; color:#83d9df; font:12px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-room-meta { grid-column:2 / span 2; color:#888391; text-transform:uppercase; letter-spacing:.09em; }
.community-hub-empty { grid-column:1 / -1; padding:32px; color:#888391; text-align:center; border:1px dashed #b99bea42; border-radius:9px; }
.community-load-more { display:block; margin:18px auto 4px; padding:10px 15px; color:#9ed9e2; background:#100d19b3; border:1px solid #b99bea55; border-radius:7px; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-load-more:hover { border-color:#73dae5; background:#b99bea1c; }
.community-load-more[hidden] { display:none; }

.community-room-dialog { width:min(1180px,calc(100% - 28px)); max-width:none; padding:0; overflow:hidden; color:#f1f2f6; background:#080a10; border:1px solid #b99bea55; border-radius:9px; box-shadow:0 24px 100px #000c; }
.community-room-dialog::backdrop { background:#000c; backdrop-filter:blur(5px); }
.community-room-layout { min-height:min(720px,calc(100svh - 80px)); display:grid; grid-template-columns:220px minmax(0,1fr) 220px; }
.community-room-sidebar, .community-room-info { padding:20px; background:#0b0b12; }
.community-room-sidebar { border-right:1px solid #b99bea26; }
.community-room-info { border-left:1px solid #b99bea26; }
.community-room-sidebar-head, .community-room-main-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.community-room-sidebar-head button { width:32px; height:32px; color:#aaa5ba; border:1px solid #b99bea42; border-radius:7px; font-size:20px; line-height:1; }
.community-room-sidebar-head button:hover { color:#73dae5; border-color:#73dae5; }
[data-room-coin] { display:grid; gap:5px; margin:24px 0 28px; }
.community-room-avatar { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; margin-bottom:4px; color:#73dae5; background:#111018; border:1px solid #b99bea55; border-radius:9px; font-weight:600; }
.community-room-avatar img { width:100%; height:100%; object-fit:cover; }
[data-room-coin] strong { overflow:hidden; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
[data-room-coin] small { color:#888391; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-room-nav { display:grid; gap:5px; }
.community-room-nav button { padding:10px 11px; color:#aaa5ba; text-align:left; border:1px solid transparent; border-radius:7px; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-room-nav button:hover, .community-room-nav button.active { color:#f1f2f6; background:#b99bea1c; border-color:#b99bea55; }
.community-room-main { min-width:0; display:flex; flex-direction:column; }
.community-room-main-head { min-height:89px; align-items:center; padding:20px 24px; border-bottom:1px solid #b99bea26; }
.community-room-main-head h2 { margin:7px 0 0; font-size:22px; }
.community-room-main-head [data-room-status] { color:#888391; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; text-align:right; }
.community-room-feed { flex:1; min-height:260px; padding:18px 24px; overflow:auto; }
.community-room-entry { padding:14px 0; border-bottom:1px solid #b99bea26; }
.community-room-entry header, .community-room-entry footer { display:flex; align-items:center; gap:12px; padding:0; background:none; border:0; position:static; backdrop-filter:none; }
.community-room-entry header strong { color:#9ed9e2; font-size:12px; }
.community-room-entry header time { color:#888391; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-room-entry p { margin:8px 0; color:#ddd5e9; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.community-room-entry footer button { padding:4px 0; color:#aaa5ba; font-size:10px; }
.community-room-entry footer button:hover { color:#73dae5; }
.community-thread { margin:12px 0 0 18px; padding:12px 14px; background:#111018d9; border-left:2px solid #b99bea55; border-radius:0 7px 7px 0; }
.community-thread-entry { padding:8px 0; border-bottom:1px solid #b99bea26; }
.community-thread-entry:last-child { border-bottom:0; }
.community-thread-entry strong { color:#9ed9e2; font-size:11px; }
.community-thread-entry p { margin:4px 0 0; color:#aaa5ba; font-size:12px; line-height:1.6; white-space:pre-wrap; }
.community-room-empty { padding:60px 20px; color:#888391; text-align:center; }
.community-room-link { display:block; margin:10px 0; padding:12px; color:#9ed9e2; background:#111018d9; border:1px solid #b99bea42; border-radius:7px; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-room-link:hover { border-color:#73dae5; }
.community-market-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #b99bea26; }
.community-market-row small { color:#888391; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.community-market-row strong { color:#f1f2f6; font-size:13px; }
[data-room-market] code { display:block; margin-top:18px; color:#888391; font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
.community-room-form { display:flex; gap:9px; padding:14px 24px 20px; border-top:1px solid #b99bea26; }
.community-room-form input, .community-room-form textarea { flex:1; min-width:0; min-height:42px; max-height:130px; resize:vertical; padding:11px 12px; color:#f1f2f6; background:#111018; border:1px solid #b99bea42; border-radius:7px; font:12px/1.5 Arial,sans-serif; }
.community-room-form input { flex:0 0 128px; resize:none; }
.community-room-form button { align-self:flex-end; min-height:42px; padding:10px 14px; color:#080a10; background:#73dae5; border-radius:7px; font-size:11px; font-weight:600; }
.community-room-form button:disabled { opacity:.45; }
.community-room-signin { padding:15px 20px; color:#888391; font-size:11px; line-height:1.6; }

@media (max-width:900px) { .community-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .community-room-layout { grid-template-columns:190px minmax(0,1fr); } .community-room-info { display:none; } }
@media (max-width:650px) { .community-hub { margin-top:42px; } .community-hub-head { display:block; } .community-hub-tools { min-width:0; margin-top:18px; } .community-hub-grid { grid-template-columns:1fr; } .community-room-dialog { width:100%; height:100%; max-height:none; border:0; border-radius:0; } .community-room-layout { display:flex; flex-direction:column; min-height:100svh; } .community-room-sidebar { flex:none; padding:16px; border-right:0; border-bottom:1px solid #b99bea26; } .community-room-sidebar-head { align-items:center; } [data-room-coin] { display:flex; align-items:center; gap:9px; margin:14px 0; } .community-room-avatar { width:38px; height:38px; margin:0; } [data-room-coin] strong { font-size:15px; } .community-room-nav { grid-template-columns:repeat(3,1fr); } .community-room-nav button { text-align:center; } .community-room-main { flex:1; min-height:0; } .community-room-main-head { min-height:71px; padding:14px 16px; } .community-room-feed { padding:14px 16px; } .community-room-form { padding:12px 16px 16px; } }
@media (prefers-reduced-motion:reduce) { .community-room-tile { transition:none; } }
[data-room-about]{color:#888391;font:9px/1.5 ui-monospace,monospace;margin-bottom:18px}.community-room-main>[data-room-compose]{padding:15px 24px;border-top:1px solid #b99bea26;background:#0e0c15}.community-room-form{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center}.community-room-form input{margin:0;width:100%}.community-room-form textarea{height:65px;min-height:65px;margin:0;width:100%}.community-compose-actions{display:flex;flex-direction:column;gap:7px}.community-author{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#b99bea22;color:#b99bea}.community-room-entry p{padding-left:40px}.community-room-welcome{margin:30px auto;max-width:440px;padding:30px;border:1px solid #b99bea26;border-radius:12px;background:radial-gradient(ellipse at top,#b99bea15,transparent),#0e0d15}.community-room-welcome h3{font-size:26px;letter-spacing:-.04em;margin-bottom:14px}.community-room-welcome p{font-size:13px;line-height:1.8;color:#aaa5ba}.community-room-welcome .community-room-empty{padding:20px 0 0;text-align:left;font-size:11px;color:#73dae5}.community-room-signin{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0}.community-room-signin a{color:#73dae5;border:1px solid #73dae533;border-radius:6px;padding:10px}.community-room-info .quick-trade{margin:18px 0 0}.community-market-row strong{text-align:right;white-space:nowrap}.community-thread .community-room-entry{border-color:#b99bea26}
@media(max-width:650px){.community-room-form{grid-template-columns:1fr auto;gap:8px}.community-room-form input{grid-column:1/-1}.community-room-main>[data-room-compose]{padding:12px}.community-room-welcome{padding:20px;margin:10px auto}.community-room-entry p{padding-left:0}.community-room-entry header{gap:8px;flex-wrap:wrap}.community-room-entry header time{margin-left:auto}.community-room-info{display:none}}

.community-mobile-trade{display:none}@media(max-width:650px){.community-mobile-trade{display:block;padding:0 16px}.community-mobile-trade .quick-trade{border:1px solid #b99bea26;border-radius:7px;margin-top:12px}}