/* A readable conversation first; interface chrome stays visually secondary. */
.demo-embedded .discord-profile>img{width:32px;height:32px;object-fit:cover;border-radius:50%;flex-shrink:0}
.demo-embedded .message-label>img.discord-avatar-photo{object-fit:cover;background:#36393f}
.demo-embedded .conversation{height:500px;padding:26px 22px 32px}
.demo-embedded .message{font-size:16px;line-height:1.7;margin-bottom:27px}
.demo-embedded .message .message-label{font-size:14px;line-height:1.5;margin-bottom:7px;gap:8px}
.demo-embedded .message-label time{font-size:11px}
.demo-embedded .app-badge{font-size:9px;padding:2px 5px}
.demo-embedded .day-divider{font-size:11px;letter-spacing:0}
.demo-embedded .discord-channels>header,.demo-embedded .discord-member strong{font-size:12px}
.demo-embedded .channel-group,.demo-embedded .discord-member span{font-size:10px}
.demo-embedded .channel-muted span,.demo-embedded .channel-active span{font-size:13px}
.demo-embedded .discord-channel-title strong{font-size:15px}
.demo-embedded .window-status{font-size:10px;max-width:180px}
.demo-embedded .tool-run{padding:13px 14px}
.demo-embedded .tool-run strong{font-size:14px;line-height:1.45}
.demo-embedded .tool-run small{font-size:12px;line-height:1.5}
.demo-embedded .tool-state{font-size:10px}
.demo-embedded .result-caption{font-size:11px;letter-spacing:.5px}
.demo-embedded .result-caption small{font-size:10px}
.demo-embedded .prospect strong{font-size:15px}
.demo-embedded .prospect div>span{font-size:12px}
.demo-embedded .initials,.demo-embedded .priority{font-size:11px}
.demo-embedded .call-sheet h2{font-size:24px;line-height:1.2}
.demo-embedded .call-sheet h3{font-size:16px;line-height:1.5}
.demo-embedded .sheet-eyebrow,.demo-embedded .call-sheet div>span{font-size:11px;line-height:1.6;letter-spacing:.5px}
.demo-embedded .call-sheet .ready-pill{font-size:10px}
.demo-embedded .call-sheet p{font-size:15px;line-height:1.75}
.demo-embedded .opening blockquote,.demo-embedded .email-draft blockquote{font-size:16px;line-height:1.75}
.demo-embedded .call-sheet>footer{font-size:12px;line-height:1.7;padding:16px 18px}
.demo-embedded .audit-actions strong,.demo-embedded .email-sequence strong{font-size:14px}
.demo-embedded .audit-actions p,.demo-embedded .email-sequence p,.demo-embedded .brief-item .brief-inference{font-size:14px}
.demo-embedded .email-sequence b{font-size:11px;min-width:44px}
.demo-embedded .brief-item .brief-source{font-size:12px}
.demo-embedded .email-draft>span,.demo-embedded .social-label,.demo-embedded .brief-tag{font-size:11px!important}
.demo-embedded .week-days strong{font-size:14px}
.demo-embedded .week-days small{font-size:12px}
.demo-embedded .meal-ideas li{font-size:14px}
.demo-embedded .carousel-slide strong{font-size:18px;line-height:1.3}
.demo-embedded .carousel-slide p{font-size:13px;line-height:1.6}
.demo-embedded .carousel-slide>span{font-size:10px!important}
.demo-embedded .finish-message p{font-size:16px}
.demo-embedded .finish-message>span.finish-note{font-size:12px;line-height:1.6}
.demo-embedded .composer{font-size:13px}
.demo-embedded .discord-typing{font-size:11px;min-height:32px;height:auto;padding-block:6px}
.demo-embedded .demo-controls button{font-size:12px;line-height:1.5;min-height:38px}
.demo-embedded .chapters button>span{font-size:10px}
.demo-embedded .demo-note{font-size:11px;line-height:1.7;color:#677183}
.demo-embedded .demo-window[data-state=complete] .window-status i{animation:none}
.demo-embedded .demo-window[data-state=complete]~.demo-controls #pause{opacity:1;color:#4e675c;background:#e9f2ec;border-color:#d3e4d9}
.demo-embedded .catch-up{font-size:12px;max-width:calc(100% - 24px);white-space:normal}
@media(max-width:800px){
  .demo-embedded .demo-controls{flex-wrap:wrap;justify-content:center;gap:10px}
  .demo-embedded .chapters{width:100%;justify-content:space-between;gap:3px}
  .demo-embedded .chapters button{min-width:0;flex:1;justify-content:center;padding:8px 6px;gap:5px}
}
@media(max-width:650px){
  .demo-embedded .conversation{height:480px;padding:22px 14px 28px}
  .demo-embedded .message{font-size:14px;line-height:1.75;padding-left:40px}
  .demo-embedded .message .message-label{font-size:12px;gap:5px}
  .demo-embedded .message-label time{display:none}
  .demo-embedded .app-badge{font-size:8px;padding:1px 4px}
  .demo-embedded .window-status{font-size:9px;max-width:125px}
  .demo-embedded .discord-channel-title strong{font-size:13px}
  .demo-embedded .day-divider{font-size:10px;gap:6px}
  .demo-embedded .tool-run{padding:11px;flex-wrap:wrap;gap:8px}
  .demo-embedded .tool-run strong{font-size:13px}
  .demo-embedded .tool-run small{font-size:11px}
  .demo-embedded .tool-state{font-size:10px}
  .demo-embedded .call-sheet h2{font-size:22px}
  .demo-embedded .call-sheet h3{font-size:15px}
  .demo-embedded .call-sheet p{font-size:14px}
  .demo-embedded .opening blockquote,.demo-embedded .email-draft blockquote{font-size:15px}
  .demo-embedded .call-sheet>footer{font-size:11px}
  .demo-embedded .sheet-eyebrow,.demo-embedded .call-sheet div>span{font-size:10px}
  .demo-embedded .prospect strong{font-size:14px}
  .demo-embedded .prospect div>span{font-size:12px}
  .demo-embedded .week-days>div{grid-template-columns:60px 1fr}
  .demo-embedded .carousel-slide p{font-size:13px}
  .demo-embedded .composer{font-size:12px}
  .demo-embedded .discord-typing{font-size:10px}
  .demo-embedded .demo-controls button{font-size:11px}
  .demo-embedded .demo-note{font-size:10px!important}
  .demo-embedded .finish-message p{font-size:15px}
}
@media(max-width:480px){
  .demo-embedded .call-sheet,.demo-embedded .prospect-list{margin-left:0}
  .demo-embedded .call-sheet>header{flex-wrap:wrap;gap:10px}
  .demo-embedded .call-sheet .ready-pill{margin-left:0}
}