.chat-panel{--chat-ground:var(--ph-neutral-100);background:var(--chat-ground);box-shadow:0 0 0 1px var(--ph-neutral-200);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.chat-head{background:var(--ph-neutral-0);border-bottom:1px solid var(--ph-neutral-200);align-items:center;gap:12px;padding:14px 18px;display:flex}.chat-avatar{background:var(--ph-neutral-0);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ph-neutral-200);border-radius:999px;flex:none;place-items:center;display:grid}.chat-name{color:var(--ph-navy-800);font-size:.9375rem;font-weight:600;line-height:1.2}.chat-status{color:var(--ph-neutral-600);font-size:.8125rem;line-height:1.3}.chat-body{flex-direction:column;gap:8px;margin:0;padding:18px 14px 20px;list-style:none;display:flex}.chat-day{color:var(--ph-neutral-600);align-items:center;gap:12px;margin:10px 0 4px;font-size:.8125rem;font-weight:500;display:flex}.chat-day:before,.chat-day:after{content:"";background:var(--ph-neutral-300);flex:1;height:1px}.chat-msg{display:flex;position:relative}.chat-client{justify-content:flex-end}.chat-bubble{max-width:min(84%,420px);padding:10px 14px 8px;font-size:.9688rem;line-height:1.45}.chat-client .chat-bubble{border-radius:var(--radius-bubble-out);background:var(--ph-navy-800);color:var(--ph-neutral-0)}.chat-practi .chat-bubble{border-radius:var(--radius-bubble);background:var(--ph-neutral-0);color:var(--ph-neutral-900);box-shadow:0 1px 0 var(--ph-neutral-200)}.chat-text{margin:0}.chat-meta{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:.75rem;line-height:1.2;display:flex}.chat-client .chat-meta{color:var(--ph-navy-200)}.chat-practi .chat-meta{color:var(--ph-neutral-600)}.chat-card{background:var(--ph-neutral-50);box-shadow:inset 0 0 0 1px var(--ph-neutral-200);border-radius:14px;margin:8px -4px 4px;padding:10px 12px}.chat-card-title{color:var(--ph-navy-800);margin:0 0 4px;font-size:.875rem;font-weight:600}.chat-rows{grid-template-columns:auto 1fr;column-gap:16px;margin:0;font-size:.875rem;line-height:1.5;display:grid}.chat-rows dt{color:var(--ph-neutral-600)}.chat-rows dd{color:var(--ph-neutral-900);margin:0;font-weight:500}.chat-file{color:var(--ph-navy-800);align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.chat-dot{background:var(--ph-orange-500);vertical-align:.05em;border-radius:999px;width:9px;height:9px;margin-left:6px;display:inline-block;position:relative}.chat-foot{border-top:1px solid var(--ph-neutral-200);background:var(--ph-neutral-0);color:var(--ph-neutral-700);margin:0;padding:12px 18px 14px;font-size:.875rem;line-height:1.4}.chat-foot strong{color:var(--ph-navy-800);font-weight:600}.chat-practi:before{content:"";border-radius:var(--radius-bubble);background:radial-gradient(circle at 17px 50%, var(--ph-neutral-400) 3px, transparent 3.5px), radial-gradient(circle at 28px 50%, var(--ph-neutral-400) 3px, transparent 3.5px), radial-gradient(circle at 39px 50%, var(--ph-neutral-400) 3px, transparent 3.5px), var(--ph-neutral-0);width:56px;height:34px;box-shadow:0 1px 0 var(--ph-neutral-200);opacity:0;pointer-events:none;position:absolute;top:0;left:0}[data-play=armed] .chat-bubble,[data-play=armed] .chat-day,[data-play=armed] .chat-foot{opacity:0}[data-play=run] .chat-bubble,[data-play=run] .chat-day,[data-play=run] .chat-foot{animation:msg-in .42s var(--ease-out) both;animation-delay:var(--d)}[data-play=run] .chat-practi:before{animation:typing var(--t) linear both;animation-delay:calc(var(--d) - var(--t))}[data-play=run] .chat-dot:after{content:"";border-radius:inherit;background:var(--ph-orange-500);animation:done-ring .9s var(--ease-out) both;animation-delay:calc(var(--d) + .3s);position:absolute;inset:0}[data-play] .chat-still .chat-bubble,[data-play] .chat-day.chat-still{opacity:1;animation:none}[data-play] .chat-still.chat-practi:before{display:none}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes typing{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes done-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){[data-play] .chat-bubble,[data-play] .chat-day,[data-play] .chat-foot{opacity:1!important;animation:none!important}[data-play] .chat-practi:before,[data-play] .chat-dot:after{display:none}}.chat-compact .chat-head{padding:10px 16px}.chat-compact .chat-avatar{width:34px;height:34px}.chat-compact .chat-body{gap:6px;padding:12px 12px 14px}.chat-compact .chat-day{margin:4px 0 0;font-size:.75rem}.chat-compact .chat-bubble{padding:8px 12px 6px;font-size:.9375rem;line-height:1.4}.chat-compact .chat-card{margin:6px -4px 2px;padding:8px 10px}.chat-compact .chat-rows{line-height:1.4}.chat-compact .chat-foot{padding:10px 16px 12px}.chat-float{box-shadow:0 0 0 1px var(--ph-neutral-200), 0 16px 24px -12px #12285e3d}