:root{--bm-bot:#fff;--bm-member:var(--surface-2);--bm-border:var(--border);--bm-dim:var(--text-3);--bm-quote:color-mix(in oklch, var(--primary), transparent 92%);--bm-chip:var(--surface-2);--bm-chat-bg:#eceaf4}[data-theme=dark]{--bm-bot:#1c1b2a;--bm-member:#232234;--bm-chat-bg:#100f1b}.bm-stage{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,54px);min-height:100vh;padding:40px 24px;display:flex}.bm-intro{flex-direction:column;gap:18px;width:min(380px,100%);display:flex}.bm-intro-head{align-items:flex-start;gap:14px;display:flex}.bm-intro-head h1{margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.5}.bm-intro-head p{color:var(--text-2);text-wrap:pretty;margin:6px 0 0;font-size:13.5px;line-height:2}.bm-controls{align-items:center;gap:10px;display:flex}.bm-legend-label{color:var(--text-3);font-size:12px;font-weight:700}.bm-legend{flex-direction:column;gap:8px;display:flex}.bm-chip{font:inherit;text-align:start;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:10px 13px;font-size:13px;font-weight:600;transition:border-color .14s,transform .14s,background .14s;display:flex}.bm-chip:hover{border-color:var(--border-strong);transform:translateX(calc(var(--bm-dir,-1) * 3px))}[dir=rtl] .bm-chip{--bm-dir:1}.bm-chip.on{border-color:var(--gold);background:color-mix(in oklch, var(--gold), transparent 90%)}.bm-chip-n{background:var(--primary-soft);width:24px;height:24px;color:var(--primary-on);border-radius:7px;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:800;display:grid}.bm-phone{flex-shrink:0}.bm-chat{background:radial-gradient(circle at 18% 12%, color-mix(in oklch, var(--primary), transparent 90%), transparent 38%), radial-gradient(circle at 84% 80%, color-mix(in oklch, var(--gold), transparent 92%), transparent 40%), var(--bm-chat-bg);height:100%;color:var(--text);flex-direction:column;display:flex;overflow-y:auto}.bm-chat::-webkit-scrollbar{width:0}.bm-chat-head{z-index:5;background:color-mix(in oklch, var(--bm-chat-bg), transparent 8%);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bm-border);align-items:center;gap:11px;padding:46px 16px 12px;display:flex;position:sticky;top:0}.bm-group-av{background:linear-gradient(140deg, var(--cat-ideas), var(--cat-news));color:#fff;border-radius:99px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.bm-online-dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in oklch, var(--success), transparent 78%);border-radius:99px}.bm-day-sep{justify-content:center;padding:12px 0 4px;display:flex}.bm-day-sep span{color:var(--bm-dim);background:color-mix(in oklch, var(--bm-chat-bg), var(--text) 6%);border-radius:99px;padding:3px 12px;font-size:11px;font-weight:600}.bm-stream{flex-direction:column;gap:12px;padding:10px 0 6px;display:flex}.bm-enter{animation:.42s cubic-bezier(.2,.8,.3,1.12) both bm-msg-in}@keyframes bm-msg-in{0%{transform:translateY(14px)scale(.97)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bm-enter{animation:none}}.bm-typingbub{background:var(--bm-bot);border:1px solid var(--bm-border);border-radius:4px 14px 14px;align-items:center;gap:5px;padding:10px 14px;display:inline-flex;box-shadow:0 6px 18px -10px #0006}.bm-typingbub i{background:var(--bm-dim);opacity:.6;border-radius:99px;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.bm-typingbub i{animation:1s ease-in-out infinite bm-tp}.bm-typingbub i:nth-child(2){animation-delay:.18s}.bm-typingbub i:nth-child(3){animation-delay:.36s}}@keyframes bm-tp{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.bm-composer{background:color-mix(in oklch, var(--bm-chat-bg), transparent 6%);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--bm-border);align-items:center;gap:9px;padding:10px 14px 14px;display:flex;position:sticky;bottom:0}.bm-composer-in{color:var(--bm-dim);background:var(--bm-bot);border:1px solid var(--bm-border);border-radius:99px;flex:1;padding:9px 16px;font-size:13px}.bm-send{background:var(--primary);color:#fff;border-radius:99px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}[dir=ltr] .bm-send svg{transform:scaleX(1)}[dir=rtl] .bm-send svg{transform:scaleX(-1)}@media (max-width:820px){.bm-stage{flex-direction:column;padding-top:28px}.bm-intro{width:min(420px,100%)}}@media (max-width:430px){.bm-stage{padding-left:14px;padding-right:14px}.bm-phone{--s:calc((100vw - 28px) / 372);width:calc(372px * var(--s));height:calc(760px * var(--s))}.bm-phone>*{transform:scale(var(--s));transform-origin:0 0}}