.chat-story{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:1rem;max-width:72ch;display:grid}#content[data-chat-story-active=true],#content[data-chat-story-active=true] .chat-story{user-select:none}#content[data-chat-story-active=true] :is(.chat-story__title,.chat-story__dek,.chat-transcript__meta),#content[data-chat-story-active=true] .chat-message[data-chat-state=shown] :is(.chat-message__speaker,.chat-bubble p,.chat-message__time){user-select:text}#content[data-chat-story-active=true] .chat-message[data-chat-state=hidden]{user-select:none;pointer-events:none}.chat-story__title{grid-area:1/1/auto/-1;margin:0 0 .35em;font-family:Playfair Display,serif;font-size:clamp(1.7em,3vw,2.35em);line-height:1.1}.chat-story__dek{min-width:0;color:var(--muted);grid-area:2/1;margin:0 0 1.5em;font-size:.92em}.chat-transcript{--chat-accent:var(--accent-os);--chat-sent-bg:var(--chat-accent);--chat-sent-text:#fff;--chat-received-bg:var(--n-elevated);--chat-received-text:var(--n-text);--chat-radius:1.15em;grid-area:3/1/auto/-1;width:100%}.chat-transcript__meta{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:baseline;gap:1em;margin:0 0 1.35em;padding:0 0 .7em;font-size:.78em;display:flex}.chat-transcript__participants{color:var(--n-text-dim);font-weight:700}.chat-transcript__count{flex:none}.chat-transcript__messages{flex-direction:column;gap:.85em;display:flex}.chat-message{width:100%;scroll-margin-block:1.5em;display:flex}.chat-message--received{justify-content:flex-start}.chat-message--sent{justify-content:flex-end}.chat-message__inner{flex-direction:column;width:min(78%,42em);min-width:0;display:flex}.chat-message--received .chat-message__inner{align-items:flex-start}.chat-message--sent .chat-message__inner{align-items:flex-end}.chat-message__speaker{color:var(--chat-accent);letter-spacing:.01em;margin:0 0 .28em .72em;font-size:.76em;font-weight:700}.chat-message--sent .chat-message__speaker{margin-right:.72em}.chat-bubble{border:1px solid var(--border);border-radius:var(--chat-radius);background:var(--chat-received-bg);width:fit-content;max-width:100%;color:var(--chat-received-text);overflow-wrap:anywhere;transform-origin:18% 100%;padding:.78em 1em;position:relative;box-shadow:0 .25em .9em #0000001f}.chat-message--received .chat-bubble{border-left:.22em solid var(--chat-accent);border-bottom-left-radius:.35em}.chat-message--sent .chat-bubble{background:var(--chat-sent-bg);color:var(--chat-sent-text);transform-origin:82% 100%;border-color:#0000;border-bottom-right-radius:.35em}.chat-bubble p{white-space:pre-wrap;margin:0;line-height:1.52}.chat-message__time{color:var(--muted);opacity:0;margin:.28em .72em 0;font-size:.66em;transition:opacity .16s}.chat-message:hover .chat-message__time,.chat-message:focus-within .chat-message__time{opacity:.9}.chat-message--continuation{margin-top:-.45em}.chat-message--continuation.chat-message--received .chat-bubble{border-top-left-radius:.62em}.chat-message--continuation.chat-message--sent .chat-bubble{border-top-right-radius:.62em}.chat-typing{align-items:center;gap:.34em;min-width:2.45em;min-height:1.15em;padding:.08em .05em;display:none}.chat-typing span{opacity:.32;border:1px solid;border-radius:50%;flex:none;width:.62em;height:.62em;animation:1.05s ease-in-out infinite chat-typing-wave;position:relative;transform:translateY(0)}.chat-typing span:after{content:"";border-radius:inherit;opacity:.66;background:radial-gradient(circle at 34% 28%,#fffffff2 0 18%,#0000 22%),currentColor;position:absolute;inset:.08em}.chat-typing span:nth-child(2){animation-delay:.14s}.chat-typing span:nth-child(3){animation-delay:.28s}@keyframes chat-typing-wave{0%,60%,to{opacity:.28;transform:translateY(0)scale(.94)}30%{opacity:.95;transform:translateY(-.11em)scale(1.05)}}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=hidden]{opacity:0;transform:translateY(.9em)scale(.985)}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing]{opacity:1;transform:none}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing] .chat-bubble p,.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing] .chat-message__time{display:none}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing] .chat-typing{display:flex}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=shown]{opacity:1;transition:opacity .39s cubic-bezier(.2,.82,.2,1),transform .43s cubic-bezier(.16,1.15,.3,1);transform:none}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=shown] .chat-bubble{animation:.43s cubic-bezier(.16,1.18,.3,1) chat-bubble-pop}@keyframes chat-bubble-pop{0%{transform:scale(.94)}58%{transform:scale(1.018)}to{transform:scale(1)}}.chat-wrap-toggle{z-index:2;background:var(--accent-os);color:#fff;border:1px solid var(--accent-os);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;grid-area:2/2;place-self:start end;align-items:center;gap:.42em;padding:6px 14px;font-size:12px;line-height:1.2;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.chat-wrap-toggle:hover,.chat-wrap-toggle:focus-visible{transform:translateY(-1px)}.chat-wrap-toggle.is-open{background:var(--n-elevated);color:var(--accent-os);border-color:var(--accent-os)}@media (width<=680px){.chat-story{max-width:100%}.chat-message__inner{width:min(88%,36em)}.chat-transcript__meta{flex-direction:column;align-items:flex-start;gap:.2em}}@media (width<=430px){.chat-story{column-gap:.65rem}.chat-wrap-toggle{padding-inline:10px}.chat-message__inner{width:92%}}@media (prefers-reduced-motion:reduce){.chat-transcript[data-playback=ready] .chat-message,.chat-transcript[data-playback=ready] .chat-message[data-chat-state=hidden],.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing],.chat-transcript[data-playback=ready] .chat-message[data-chat-state=shown]{opacity:1;transition:none;transform:none}.chat-transcript[data-playback=ready] .chat-message .chat-bubble,.chat-typing span{animation:none}}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=typing][data-chat-visible=false] .chat-typing span{animation-play-state:paused}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=shown][data-chat-restored=true]{transition:none}.chat-transcript[data-playback=ready] .chat-message[data-chat-state=shown][data-chat-restored=true] .chat-bubble{animation:none}