.scene{--widget:#296568;--widget-paper:#f5f8f7;--widget-line:#dce5e2;--widget-muted:#5e7270;width:100%;max-width:34rem;margin-inline:auto;position:relative}.scene-photo{border-radius:22px;height:37rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.scene-photo:after{content:"";background:linear-gradient(#0000002e,#0000 30% 55%,#00000047);position:absolute;inset:0}.scene-tag{z-index:1;color:var(--ink);background:#ffffffeb;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.scene-live{pointer-events:none;position:absolute;inset:0}.scene{margin-bottom:2.5rem}.widget{color:#243b44;background:#fff;border-radius:20px;width:min(21.5rem,100% - 2rem);font-size:.875rem;line-height:1.5;position:absolute;top:3.75rem;right:-1.25rem;overflow:hidden;box-shadow:0 0 0 1px #243b4414,0 28px 50px -18px #0000008c,0 8px 16px -10px #0000004d}.widget-header{background:var(--widget);color:#fff;align-items:center;gap:.65rem;padding:.8rem .9rem;display:flex}.widget-logo{width:2.1rem;height:2.1rem;color:var(--widget);font-family:var(--font-brand-display), Georgia, serif;background:#fff;border-radius:8px;place-items:center;font-size:.8rem;display:grid}.widget-name{font-size:.95rem;font-weight:650;line-height:1.25}.widget-sub{opacity:.88;font-size:.75rem}.widget-transcript{flex-direction:column;gap:.75rem;min-height:12.5rem;padding:1rem;display:flex}.w-user,.w-assistant{border-radius:12px;max-width:90%;padding:.65rem .85rem;font-size:.9375rem;line-height:1.55}.w-user{background:var(--widget);color:#fff;align-self:flex-end}.w-reply{display:grid}.w-reply>*{grid-area:1/1}.w-assistant{background:var(--widget-paper);place-self:start}.w-waiting{color:var(--widget-muted);opacity:0;align-self:start;padding:.65rem 0;font-size:.8125rem}.widget-composer{border:1px solid var(--widget-line);color:var(--widget-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;margin:0 .85rem .85rem;padding:.3rem .3rem .3rem .75rem;display:flex}.widget-send{background:var(--widget);color:#fff;border-radius:10px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600}.callout{background:var(--room);width:16rem;color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 20px 40px -18px #0009;border-radius:14px;padding:.85rem 1rem .9rem;position:absolute;bottom:-1.75rem;left:-2rem}.callout-title{color:var(--lagoon);align-items:center;gap:.45rem;font-size:.8125rem;font-weight:700;display:flex}.callout-text{color:color-mix(in srgb, var(--ink) 84%, var(--room));margin-top:.3rem;font-size:.8125rem;line-height:1.5}.callout[data-tone=clarify]{background:color-mix(in srgb, var(--coral) 14%, var(--room))}.callout[data-tone=clarify] .callout-title{color:color-mix(in srgb, var(--coral) 50%, var(--ink))}@media (max-width:40rem){.scene-photo{height:13rem}.scene-live{margin-top:-6.5rem;padding-inline:.75rem;position:relative;inset:auto}.widget{width:100%;position:relative;top:auto;right:auto}.scene{margin-bottom:0}.callout{width:auto;margin-top:.9rem;position:relative;bottom:auto;left:auto}}.chip{border:1.5px solid color-mix(in srgb, var(--lime) 70%, transparent);cursor:pointer;border-radius:999px;align-items:center;min-height:2.75rem;padding:.4rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex}.chip:hover{border-color:var(--lime)}.chip:has(:checked){background:var(--sun);border-color:var(--sun);color:var(--ink)}.chip:has(:focus-visible){outline:3px solid var(--lime);outline-offset:3px}.chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.arch{border-radius:999px 999px 6px 6px;overflow:hidden}.road-link{transition:background-color .18s}.road-link:hover{background:color-mix(in srgb, var(--ochre) 18%, var(--lime))}.road-link svg{transition:transform .18s}.road-link:hover svg{transform:translate(3px,-3px)}@media (prefers-reduced-motion:no-preference){.scene[data-play] .w-user{animation:msg-in .52s cubic-bezier(.16, 1, .3, 1) var(--delay,0s) both}.scene[data-play] .w-waiting{animation:waiting 1.5s ease-out calc(var(--delay,0s) + .35s) both}.scene[data-play] .w-assistant{animation:msg-in .62s cubic-bezier(.16, 1, .3, 1) calc(var(--delay,0s) + 1.65s) both}.scene[data-play] .callout{animation:callout-in .8s cubic-bezier(.16, 1, .3, 1) calc(var(--delay,0s) + 2.05s) both}}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes waiting{0%{opacity:0}15%,45%{opacity:1}30%{opacity:.55}85%{opacity:1}to{opacity:0}}@keyframes callout-in{0%{opacity:0;filter:blur(4px);transform:translate(-10px)}}