.community-pulse { border-color: #5bd5c366; background: linear-gradient(135deg,#102b32,#101a2e); }
.community-pulse .section-title { gap: 12px; flex-wrap: wrap; }
.community-period { display: flex; gap: 6px; }
.community-period button { min-height: 40px; padding: 8px 12px; border: 1px solid #446270; border-radius: 12px; background: #10232d; color: #c4dce4; cursor: pointer; }
.community-period button[aria-pressed="true"] { background: #69dfc5; color: #082326; border-color: #69dfc5; font-weight: 700; }
.community-period button:focus-visible { outline: 3px solid #ffdd75; outline-offset: 3px; }
.community-chart { display: flex; gap: 4px; height: 90px; margin: 24px 0 12px; border-bottom: 1px solid #517681; }
.community-day { display: flex; align-items: end; flex: 1; min-width: 0; height: 100%; }
.community-day i { display: block; width: 100%; border-radius: 4px 4px 0 0; background: linear-gradient(#7ee5c7,#3095a5); }
.community-pulse details { margin: 16px 0; padding: 12px; border-radius: 12px; background: #07151d66; }
.community-pulse summary { cursor: pointer; font-weight: 600; }
.community-pulse small { overflow-wrap: anywhere; }
.community-pulse .stat { min-width: 0; overflow-wrap: anywhere; }
.community-pulse .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.community-pulse .stat { padding: 14px 8px; font-size: 13px; overflow-wrap: normal; }
@media (max-width: 380px) { .community-pulse .stats { font-size: 11px; } .community-period button { padding: 8px; } }