.chat-live-crowd-card{background:#fbfcfa;border:.5px solid #d5dcd7;border-radius:11px;max-width:100%;margin:.65em 0;overflow:hidden}.chat-live-crowd-card-inner{flex-direction:column;display:flex}.chat-live-crowd-head{background:linear-gradient(125deg,#e5f4ec,#fbfcfa 70%);justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 11px 8px;display:flex}.chat-live-crowd-head h4{color:#303a35;margin:0;font-size:13px;font-weight:600;line-height:1.3}.chat-live-crowd-main{align-items:center;gap:13px;padding:9px 11px 10px;display:flex}.chat-live-crowd-score{border-right:.5px solid #e1e3df;grid-template-columns:auto auto;align-items:end;column-gap:2px;width:83px;padding-right:11px;display:grid}.chat-live-crowd-score strong{color:#315e4c;letter-spacing:-.065em;font-size:34px;line-height:.9}.chat-live-crowd-score small{color:#7f8e87;padding-bottom:2px;font-size:10px}.chat-live-crowd-score span{color:#7a8781;grid-column:span 2;margin-top:6px;font-size:9px;line-height:1.25}.chat-live-crowd-detail{flex:1;min-width:0}.chat-live-crowd-rhythm-title{color:#3f4c46;margin:0 0 7px;font-size:10px;line-height:1.25}.chat-live-crowd-rhythm{height:50px;padding-top:2px;position:relative}.chat-live-crowd-rhythm svg{width:100%;height:37px;display:block;overflow:visible}.chat-live-crowd-rhythm .rhythm-guide{fill:none;stroke:#dce9e1;stroke-width:1.5px}.chat-live-crowd-rhythm .rhythm-flow{fill:none;stroke:#76b998;stroke-width:1.5px;stroke-dasharray:2 4}.chat-live-crowd-rhythm circle{fill:#b5d9c7;stroke:#fbfcfa;stroke-width:2px}.chat-live-crowd-rhythm .rhythm-now{fill:#cf9432;stroke:#f1d499;stroke-width:2.5px}.chat-live-crowd-rhythm-times{color:#88958f;justify-content:space-between;margin-top:4px;font-size:8px;display:flex}.chat-live-crowd-rhythm-times .rhythm-current{color:#9a6b1b;font-weight:600}.chat-live-crowd-tip{background:#edf6f0;border-radius:7px;align-items:center;gap:7px;margin:0 10px 9px;padding:7px 8px;display:flex}.chat-live-crowd-tip-icon{color:#306d53;background:#d3eddf;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:15px;font-weight:600;display:grid}.chat-live-crowd-tip p{color:#3e5b4d;margin:0;font-size:10px;line-height:1.35}.pro-live-crowd-showcase .chat-live-crowd-card{box-shadow:none;margin:0}.ob-crowd-promo .chat-live-crowd-card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-width:1px}.ob-crowd-promo .chat-live-crowd-card,.ob-crowd-promo .chat-live-crowd-card *{transform:none}.ob-crowd-promo .chat-live-crowd-score{border-right-width:1px}.ob-crowd-promo .chat-live-crowd-score strong{letter-spacing:-.04em;line-height:1}.ob-crowd-promo .chat-live-crowd-score span{font-size:10px}.ob-crowd-promo .chat-live-crowd-rhythm-title,.ob-crowd-promo .chat-live-crowd-tip p{font-size:11px}.ob-crowd-promo .chat-live-crowd-rhythm-times{font-size:9px}.ob-crowd-promo .chat-live-crowd-rhythm svg{transform:none}.landing-demo-topbar-t-hint{color:#7a8781;font-size:10px;font-weight:400}
.ob-crowd-promo{--bg-page:#f7f6f3;--bg-primary:#fff;--text-primary:#2c2c2a;--text-secondary:#5f5e5a;--text-tertiary:#6a6a62;--border:#0000001f;--user-bubble-bg:#e6f1fb;--user-bubble-text:#0c447c;--live:#1d9e75;margin-bottom:3rem}.ob-crowd-promo-foot{color:var(--text-secondary);margin:.75rem 0 0;font-size:11px;line-height:1.45}.ob-crowd-promo-link{color:#185fa5;margin-top:.65rem;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.ob-crowd-promo-link:hover{text-decoration:underline}.ob-crowd-promo .landing-demo-chat{background:var(--bg-primary);border:.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #2c2c2a0f}.ob-crowd-promo .landing-demo-topbar{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.ob-crowd-promo .landing-demo-topbar-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:22px;height:22px}.ob-crowd-promo .landing-demo-topbar-t{color:var(--text-primary);font-size:13px;font-weight:500}.ob-crowd-promo .landing-demo-msgs{flex-direction:column;gap:10px;padding:16px;display:flex}.ob-crowd-promo .landing-dm-row{align-items:flex-start;gap:8px;display:flex}.ob-crowd-promo .landing-dm-row--u{flex-direction:row-reverse}.ob-crowd-promo .landing-dm-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:500;display:flex}.ob-crowd-promo .landing-dm-av--b{border:.5px solid var(--border);color:var(--text-secondary);background:#f1efe8}.ob-crowd-promo .landing-dm-av-brand{background:var(--bg-primary);border-radius:6px;padding:2px}.ob-crowd-promo .landing-dm-av-brand img{object-fit:contain;width:100%;height:100%;display:block}.ob-crowd-promo .landing-dm-av--u{background:var(--user-bubble-bg);color:var(--user-bubble-text)}.ob-crowd-promo .landing-dm-av--u.landing-dm-av-brand{background:var(--bg-primary);color:inherit}.ob-crowd-promo .landing-dm-bub{color:var(--text-primary);max-width:85%;padding:8px 12px;font-size:13px;line-height:1.5}@media (min-width:900px){.ob-crowd-promo .landing-dm-bub{max-width:78%}}.ob-crowd-promo .landing-dm-bub--b{background:var(--bg-page);border:.5px solid var(--border);border-radius:4px 12px 12px}.ob-crowd-promo .landing-dm-bub--u{background:var(--user-bubble-bg);color:var(--user-bubble-text);border-radius:12px 4px 12px 12px}.ob-crowd-promo .landing-tool-line{color:var(--text-tertiary);align-items:center;gap:6px;padding:2px 0 2px 32px;font-size:11px;display:flex}.ob-crowd-promo .landing-tool-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:5px;height:5px}.ob-crowd-promo .landing-tool-dot--loading{border:1.5px solid #0000001f;border-top-color:var(--live);background:0 0;width:10px;height:10px;animation:.75s linear infinite ob-crowd-promo-tool-spin}@keyframes ob-crowd-promo-tool-spin{to{transform:rotate(360deg)}}.ob-crowd-promo .landing-dm-bub.pro-feature-chat-embed-bubble{box-sizing:border-box;background:var(--bg-page);flex-direction:column;gap:10px;width:auto;max-width:min(440px,100% - 2rem);padding:8px 10px 10px;display:flex}.ob-crowd-promo .pro-feature-chat-prose{min-width:0;margin:0}.ob-crowd-promo .pro-feature-chat-prose>p{color:var(--text-primary);margin:0 0 .55em;font-size:13px;line-height:1.55}.ob-crowd-promo .pro-feature-chat-prose>p:last-child{margin-bottom:0}.ob-crowd-promo .pro-live-crowd-showcase{width:100%;min-width:0}.ob-crowd-promo-chat-foot{border-top:.5px solid var(--border);background:linear-gradient(180deg,#faf9f7 0%,var(--bg-primary)100%);flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.ob-crowd-promo-chat-foot-hint{color:var(--text-tertiary);text-align:center;margin:0;font-size:11px;line-height:1.4}.ob-crowd-promo-continue-btn{color:#fff;box-sizing:border-box;background:#2c2c2a;border:.5px solid #0000002e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .12s,transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 10px #2c2c2a24}.ob-crowd-promo-continue-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px #2c2c2a33}.ob-crowd-promo-continue-btn:active{transform:scale(.99)}.ob-crowd-promo-continue-btn-logo{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:18px;height:18px}.ob-crowd-promo-continue-btn-arrow{opacity:.9;font-size:14px;line-height:1;transition:transform .12s}.ob-crowd-promo-continue-btn:hover .ob-crowd-promo-continue-btn-arrow{transform:translate(2px)}.ob-crowd-promo-skeleton{flex-direction:column;gap:10px;padding:16px;display:flex}.ob-crowd-promo-skeleton-line{background:linear-gradient(90deg,#f1efe8 0%,#eceae3 50%,#f1efe8 100%) 0 0/200% 100%;border-radius:12px;height:36px;animation:1.85s ease-in-out infinite ob-crowd-promo-shimmer}.ob-crowd-promo-skeleton-line--u{border-radius:12px 4px 12px 12px;align-self:flex-end;width:72%}.ob-crowd-promo-skeleton-line--tool{border-radius:4px;width:42%;height:14px;margin-left:32px}.ob-crowd-promo-skeleton-line--card{border-radius:11px;height:132px}@keyframes ob-crowd-promo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ob-crowd-promo-fade-in{animation:.85s ease-out both ob-crowd-promo-fade-in}.ob-crowd-promo-fade-in--delay{animation-delay:.4s}@keyframes ob-crowd-promo-fade-in{0%{opacity:0}to{opacity:1}}.ob-crowd-promo-hidden{display:none}
