.sofia-scene{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 24px;background:#fff;color:#15202b;font:400 14px/1.5 DM,Arial,sans-serif;text-align:center}
.sofia-scene [hidden]{display:none!important}
.sofia-intro{margin:0 0 14px}
.sofia-intro h3{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0}
.sofia-intro p{margin:4px 0 0;color:#66717c;font-size:12px}
.sofia-engage{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.sofia-scene button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #c7d0d9;border-radius:8px;padding:10px 14px;background:#fff;color:#263746;font:500 14px/1.3 DM,Arial,sans-serif;cursor:pointer}
.sofia-scene button:disabled{cursor:default;opacity:.6}
.sofia-engage button:first-child{min-width:130px;color:#fff;background:#df2335;border-color:#df2335}
.sofia-scene #sofia-sound{width:46px;padding:10px}
.sofia-engage svg,.sofia-play-reply svg{width:20px;height:20px;flex-shrink:0}
.sofia-engage [aria-pressed=true]{background:#f1f3f5}
.sofia-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:440px;margin:12px auto 0}
.sofia-examples button{min-width:0;padding:8px 4px;font-size:12px;line-height:1.25}
.sofia-examples [aria-pressed=true]{border-color:#df2335;color:#b71c2c;background:#fff4f5}
.sofia-example-caption{font-size:11px;line-height:16px;color:#66717c;margin:6px 0 0}
.sofia-status{font-size:13px;line-height:20px;min-height:20px;margin:10px 0 4px;color:#344458}
.sofia-status:empty{min-height:0;margin:0}
.sofia-warning{font-size:13px;color:#a72b26;margin:10px 0 4px}
.sofia-scene details{max-width:440px;margin:0 auto;text-align:left}
.sofia-scene summary{display:list-item;min-height:44px;padding:12px 4px;font-size:12px;line-height:20px;cursor:pointer;color:#52616d}
.sofia-transcript p{margin:8px 0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:7px;font-size:13px;overflow-wrap:anywhere}
.sofia-transcript b{font-size:11px;color:#56616c;padding-top:2px}
.sofia-transcript small{font-size:11px;color:#56616c}
.sofia-play-reply{margin:8px 0}
.sofia-text form{display:flex;gap:8px;align-items:stretch;margin:0 0 12px}
.sofia-text textarea{resize:vertical;width:100%;min-width:0;min-height:50px;max-height:150px;padding:9px 10px;border:1px solid #c7d0d9;border-radius:7px;background:#fff;color:#15202b;font:400 16px/1.4 DM,Arial,sans-serif}
.sofia-quota,.sofia-engage-note{font-size:12px;line-height:1.5;margin:0 0 10px;color:#66717c}
.sofia-scene button:focus-visible,.sofia-scene textarea:focus-visible,.sofia-scene summary:focus-visible{outline:3px solid #294ed9;outline-offset:3px}
.sofia-scene #sofia-check{margin:8px 0;min-height:65px}
@media(max-width:550px){.sofia-scene{padding:18px 16px}.sofia-intro h3{font-size:26px}.sofia-text form{flex-direction:column}.sofia-text button{align-self:flex-end}}