html body .speaker-label{font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:0;text-transform:none;color:#225a50;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;line-height:1.35;display:flex}html body .speaker-label[data-speaker=you]{color:#70521a}html body .speaker-label-icon{background:#e1eee5;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}html body .speaker-label[data-speaker=you] .speaker-label-icon{background:#fff0bf}html body .speaker-label strong{font-size:12px;font-weight:750}html body .speaker-label-detail{color:#555b52;font-size:11px}html body .history-line{border-left:4px solid #39776b}html body .history-line.history-you{border-left-color:#ba8d27}html body .study-listening-speed{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;font-size:12px;display:flex}html body .study-listening-speed select{background:var(--paper,#fff7ea);max-width:100%;min-height:40px;color:inherit;border:1px solid;border-radius:6px;padding:6px 8px}
html body .speaker-label{gap:6px;font-size:13px;line-height:1.4}html body .speaker-label strong{font-size:13px;font-weight:600}html body .speaker-label-detail{font-size:12px}html body .demo-shell .opening-card.opening-card:has(>.dialogue-copy){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 20px;display:flex}html body .demo-shell .dialogue-copy{flex:220px;min-width:0}html body .demo-shell .dialogue-copy>.speaker-label{margin:0 0 8px}html body .demo-shell .opening-card.opening-card .dialogue-copy>:is(h1,h3)[lang=en],html body .demo-shell .speech.speech .scene-utterance{font-family:var(--comic-body,var(--font-geist-sans)),Arial,sans-serif;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,2.1vw,30px);font-weight:450;line-height:1.35}html body .demo-shell .dialogue-copy>p:not(.speaker-label){color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.4}html body .demo-shell .opening-card.opening-card>.audio-trigger,html body .demo-shell .dialogue-actions>.audio-trigger{flex:none;justify-content:flex-start;margin:0}html body .demo-shell .dialogue-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}:is(html body .demo-shell .opening-card.opening-card:has(>.dialogue-copy) .audio-button,html body .demo-shell .speech.scene-dialogue-controls .audio-button){min-height:44px;font-size:14px;font-weight:500;line-height:1.3}html body .demo-shell .speech.scene-dialogue-controls>.speaker-label{margin-bottom:8px}@container demo-app (max-width:760px){html body .demo-shell .opening-card.opening-card:has(>.dialogue-copy){align-items:flex-start;gap:12px}html body .demo-shell .dialogue-copy{flex-basis:100%}html body .demo-shell .opening-card.opening-card .dialogue-copy>:is(h1,h3)[lang=en],html body .demo-shell .speech.speech .scene-utterance{font-size:clamp(22px,5.6cqi,26px)}}