.mdemo{--m-me: var(--accent-bright);--m-them: #4ade80;display:grid;grid-template-columns:.6fr 1.4fr;gap:28px;align-items:center;width:100%;text-align:left;user-select:none}.mdemo-room{display:flex;flex-direction:column;gap:18px;padding:4px 6px}.mdemo-speaker{display:flex;align-items:center;gap:11px}.mdemo-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--bg);transition:background .3s var(--ease),box-shadow .3s var(--ease)}.mdemo-avatar-me{background:var(--m-me);box-shadow:0 0 16px -2px var(--accent-glow)}.mdemo-avatar-them{background:var(--m-them);box-shadow:0 0 16px -2px #4ade8080}.mdemo-avatar-idle{background:var(--bg-3);color:var(--text-faint);box-shadow:none}.mdemo-room-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--text-dim)}.mdemo-status{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:3px 10px;border-radius:999px;border:1px solid transparent;transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.mdemo-status.is-speaking{color:#ff8a8a;border-color:#ff6b6b66;background:#ff6b6b14}.mdemo-status.is-transcribing{color:var(--accent-bright);border-color:var(--border-accent);background:var(--accent-dim)}.mdemo-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:72px;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff05,#fff0);transition:border-color .3s var(--ease)}.mdemo-wave.is-on.mdemo-wave-me{border-color:var(--border-accent)}.mdemo-wave.is-on.mdemo-wave-them{border-color:#4ade8059}.mdemo-wave i{flex:1 1 0;max-width:7px;height:100%;border-radius:3px;background:var(--text-faint);transform:scaleY(.1);transform-origin:center;transition:background .3s var(--ease)}.mdemo-wave.is-on.mdemo-wave-me i{background:var(--m-me)}.mdemo-wave.is-on.mdemo-wave-them i{background:var(--m-them)}.mdemo-wave.is-on i{animation:mdemo-wave .82s ease-in-out infinite}@keyframes mdemo-wave{0%,to{transform:scaleY(.1)}50%{transform:scaleY(var(--peak, 1))}}.mdemo-bubble{position:relative;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-2);padding:15px 17px;font-size:15px;line-height:1.5;color:var(--text-dim);transition:opacity .4s var(--ease),transform .4s var(--ease),border-color .3s var(--ease)}.mdemo-bubble:after{content:"";position:absolute;left:22px;top:-7px;width:12px;height:12px;background:var(--bg-2);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);transform:rotate(45deg)}.mdemo-bubble-me{border-color:var(--border-accent)}.mdemo-bubble-me:after{border-color:var(--border-accent)}.mdemo-bubble-idle{color:var(--text-faint);font-style:italic}.mdemo-bubble.is-in{opacity:1;transform:translateY(0)}.mdemo-bubble.is-out{opacity:.5;transform:translateY(2px)}.mdemo-app{border-radius:14px;background:var(--bg-card);border:1px solid var(--border-strong);overflow:hidden;box-shadow:0 1px #ffffff0f inset,0 40px 90px -40px #000000e6,0 0 80px -36px var(--accent-glow)}.mdemo-titlebar{display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;border-bottom:1px solid var(--border);background:#ffffff05}.mdemo-dots{display:flex;gap:7px}.mdemo-dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.mdemo-title{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.mdemo-recbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:#ffffff03}.mdemo-rec{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:#ff6b6b}.mdemo-rec-dot{width:8px;height:8px;border-radius:50%;background:#ff5f57;animation:mdemo-pulse 1.4s ease-in-out infinite}@keyframes mdemo-pulse{0%,to{opacity:1;box-shadow:0 0 #ff5f5780}60%{box-shadow:0 0 0 5px #ff5f5700}}.mdemo-time{font-family:var(--font-mono);font-size:13px;color:var(--text-dim)}.mdemo-meters{display:flex;gap:16px;margin-left:auto}.mdemo-meter{display:inline-flex;align-items:center;gap:7px}.mdemo-meter-label{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.mdemo-meter-bar{width:56px;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.mdemo-meter-bar i{display:block;height:100%;width:12%;background:#ff6b6b;border-radius:3px;transition:width .2s linear}.mdemo-meter-bar.is-on i{animation:mdemo-meter .5s ease-in-out infinite}@keyframes mdemo-meter{0%,to{width:18%}50%{width:86%}}.mdemo-appbody{display:grid;grid-template-columns:1fr .82fr;min-height:268px}.mdemo-transcript{padding:16px 16px 20px;display:flex;flex-direction:column;gap:13px;border-right:1px solid var(--border)}.mdemo-summary{padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px;background:#ffffff03}.mdemo-sum-head{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.mdemo-sum-block{display:flex;flex-direction:column;gap:6px}.mdemo-sum-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.mdemo-sum-text{color:var(--text-dim);font-size:12.5px;line-height:1.5}.mdemo-sum-text{animation:mdemo-rise .5s var(--ease) both}.mdemo-sum-empty{color:var(--text-faint);font-size:12.5px}.mdemo-sum-item{font-size:12px;line-height:1.45;color:var(--text-dim);padding-left:13px;position:relative;animation:mdemo-rise .5s var(--ease) both}.mdemo-sum-item:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#4ade80}.mdemo-sum-action:before{background:var(--accent-bright);border-radius:1px}.mdemo-sum-item.is-note{color:var(--text)}.mdemo-fromnote{display:block;margin-top:3px;font-family:var(--font-mono);font-size:10px;color:var(--status-attention)}.mdemo-line-note .mdemo-note-badge{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--status-attention);border:1px solid rgba(255,180,84,.4);background:#ffb45414;border-radius:999px;padding:2px 7px;white-space:nowrap}.mdemo-line-note .mdemo-line-text{color:var(--text-dim);font-style:italic}.mdemo-line{display:grid;grid-template-columns:38px 56px 1fr;gap:10px;align-items:baseline;font-size:13.5px;line-height:1.5}.mdemo-line.is-new{animation:mdemo-rise .5s var(--ease) both}@keyframes mdemo-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mdemo-line-time{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.mdemo-line-speaker{font-family:var(--font-mono);font-size:11.5px;font-weight:600}.mdemo-line-me .mdemo-line-speaker{color:var(--m-me)}.mdemo-line-them .mdemo-line-speaker{color:var(--m-them)}.mdemo-line-text{color:var(--text-dim)}.mdemo-line-pending{animation:mdemo-rise .35s var(--ease) both}.mdemo-pending-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);font-style:italic}.mdemo-typing{display:inline-flex;gap:4px;align-items:center}.mdemo-typing i{width:5px;height:5px;border-radius:50%;background:var(--text-faint);animation:mdemo-type 1s ease-in-out infinite}.mdemo-typing i:nth-child(2){animation-delay:.15s}.mdemo-typing i:nth-child(3){animation-delay:.3s}@keyframes mdemo-type{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.mdemo-wave i,.mdemo-meter-bar.is-on i,.mdemo-rec-dot,.mdemo-typing i{animation:none!important}}.xhero-lead[data-astro-cid-6lcaipa5] em[data-astro-cid-6lcaipa5]{color:var(--text-dim);font-style:italic}
