.scripted-example{color:#303343;overflow-anchor:none;text-align:left;width:100%;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal}.scripted-example button{font:inherit;cursor:pointer;border:0;border-radius:18px;min-height:44px}.example-trigger{color:#6651a6;background:#ede7f7;padding:8px 18px}.example-trigger span{vertical-align:middle;font-size:22px}.example-surface{background:#f8f6fd;border:1px solid #dcd5ed;border-radius:26px;padding:clamp(16px,3vw,25px);animation:.3s ease-out example-open}.example-top{color:#626477;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.example-top button{color:#626477;background:0 0;min-width:44px;font-size:26px}.example-situation{color:#626477;margin:12px 0 20px;font-size:15px;line-height:1.45}.example-story{flex-direction:column;justify-content:flex-start;gap:14px;min-height:235px;display:flex}.example-friend,.example-story>.example-reply,.example-story>.example-coaching{border-radius:20px;padding:16px 18px;animation:.28s ease-out example-beat}.example-story span{color:#626477;margin-bottom:7px;font-size:12px;display:block}.example-story p{font-size:clamp(17px,1.8vw,21px);font-style:normal;line-height:1.45;margin:0!important;font-family:inherit!important}.example-friend{background:#fff;margin-right:24px}.example-reply{background:#e3def6;margin-left:24px}.example-coaching{background:#eeebf6;border:1px solid #d5cce8}.example-story .example-retry-cue,.example-story .example-payoff{color:#626477;padding:10px 8px;font-size:15px}.example-controls{flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:16px;display:flex}.example-controls button{color:#6651a6;background:0 0;padding:8px}.scripted-example .example-continue{color:#fff;background:#755dc4;width:100%;margin-top:10px;padding:12px 18px;line-height:1.35;display:block}@keyframes example-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes example-beat{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.example-surface,.example-friend,.example-story>div{animation:none}}@media (width<=400px){.example-friend{margin-right:10px}.example-reply{margin-left:10px}.example-story{min-height:265px}}.example-prompt{grid-template-rows:1fr;transition:grid-template-rows .28s,opacity .28s;display:grid}.example-prompt>div{min-height:0;overflow:hidden}.example-story[data-beat="5"] .example-prompt{opacity:0;grid-template-rows:0fr}@media (prefers-reduced-motion:reduce){.example-prompt{transition:none}}
