.chat-stage{justify-items:center;gap:16px;margin:0;display:grid}.chat-stage__caption{font-size:var(--fs-xs);color:var(--text-subtle)}.chat-stage__scene{--tx:0;--ty:0;perspective:1400px;width:100%;max-width:460px;position:relative}.chat-stage__glow{pointer-events:none;background:radial-gradient(closest-side,#ff6a3d42,#e74c3d1a 55%,#0000);position:absolute;inset:-12% -22%}.chat-stage__replay{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chat{border:1px solid var(--line-strong);background:var(--bg-elev);height:600px;transform:rotateY(calc(-10deg + var(--tx) * 6deg)) rotateX(calc(4deg - var(--ty) * 5deg));transition:transform .9s var(--ease-out);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}@media (max-width:760px){.chat{height:540px;transform:none}}.chat__head{border-bottom:1px solid var(--line);text-align:center;justify-items:center;gap:6px;padding:14px 18px 12px;display:grid}.chat__who{gap:1px;display:grid}.chat__name{font-weight:650;line-height:1.2}.chat__status{font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.3}.chat__avatar{flex:none;width:34px;height:34px}.chat__thread{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:8px;padding:18px;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 48px);mask-image:linear-gradient(#0000,#000 48px)}.chat__thread>:first-child{margin-top:auto}.chat__msg{max-width:84%;animation:chat-in .5s var(--ease-out) both;align-self:flex-start;gap:6px;display:grid}.chat__msg--client{align-self:flex-end;justify-items:end}.chat__bubble{background:var(--bg-elev-2);border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:.9375rem;line-height:1.45}.chat__msg--client .chat__bubble{color:#fff;background:#c43a2c;border-radius:16px 16px 4px}.chat__meta{font-size:var(--fs-2xs);color:var(--text-subtle);padding:0 4px}.chat__divider{font-family:var(--font-serif);letter-spacing:0;text-transform:none;color:var(--text-muted);animation:chat-in .5s var(--ease-out) both;align-items:center;gap:12px;margin:10px 0;font-size:1rem;font-style:italic;font-weight:400;line-height:1.25;display:flex}.chat__divider:before,.chat__divider:after{content:"";background:var(--line);flex:1;height:1px}.chat__typing{background:var(--bg-elev-2);border-radius:16px 16px 16px 4px;gap:4px;width:max-content;padding:13px 14px;display:flex}.chat__typing-dot{background:var(--text-subtle);width:7px;height:7px;animation:chat-dot 1s var(--ease-in-out) infinite;border-radius:50%}.chat__typing-dot:nth-child(2){animation-delay:.15s}.chat__typing-dot:nth-child(3){animation-delay:.3s}.chat__composer{border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-size:var(--fs-small);color:var(--text-subtle);align-items:center;margin:0 14px 14px;padding:8px 8px 8px 16px;display:flex}.chat__send{background:var(--line-strong);border-radius:50%;width:28px;height:28px;margin-left:auto}@keyframes chat-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes chat-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}.chat-attach{border:1px solid var(--line);background:var(--bg);border-radius:14px;gap:6px;width:250px;max-width:100%;padding:8px;display:grid}.chat-attach__caption{font-family:var(--font-serif);letter-spacing:0;text-transform:none;color:var(--text-muted);padding:0 2px;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-style:italic;font-weight:400;line-height:1.25}.chat-attach__page{border-radius:var(--radius-xs);background:var(--bg-elev-2);gap:6px;padding:10px;display:grid;position:relative;overflow:hidden}.chat-attach__page:after{content:"";filter:blur(3px);background:radial-gradient(26% 30% at 50% 40%,#fff1c9e6,#ffa052bf 35%,#e74c3d66 62%,#0000 78%),radial-gradient(22% 26% at 18% 42%,#3f9ee680,#0000 72%),radial-gradient(22% 26% at 82% 42%,#3f9ee673,#0000 72%),radial-gradient(30% 16% at 50% 10%,#3f9ee666,#0000 72%);position:absolute;inset:0}.chat-attach__title{background:var(--line-strong);border-radius:3px;width:50%;height:8px;margin:0 auto}.chat-attach__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.chat-attach__card{border:1px solid var(--line-strong);border-radius:5px;height:34px}.chat-attach__row{background:var(--line);border-radius:3px;height:5px}.chat-attach__bars{border-radius:var(--radius-xs);background:var(--bg-elev-2);align-items:flex-end;gap:18px;height:96px;padding:10px 16px 6px;display:flex}.chat-attach__bar{width:56px;height:100%;font-size:var(--fs-2xs);color:var(--text-subtle);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;display:flex}.chat-attach__fill{background:var(--line-strong);border-radius:6px 6px 0 0;width:100%}.chat-attach__fill--after{background:linear-gradient(180deg, var(--heat-orange), var(--heat-red))}