.arrival{--arrival-band-floor:.38;border:1px solid var(--line);background:color-mix(in srgb, var(--surf-1) 72%, var(--bg));width:100%;color:var(--fg);font-family:var(--font-chat-body);transition:opacity var(--arrival-fade,.36s) ease, transform var(--arrival-fade,.36s) ease;border-radius:14px;align-items:flex-start;gap:14px;padding:12px 14px 12px 12px;animation:.28s cubic-bezier(.2,.7,.2,1) both arrival-in;display:flex;position:relative}.arrival--holding{border-color:color-mix(in srgb, var(--accent) 34%, var(--line))}.arrival--sent{border-color:color-mix(in srgb, var(--accent) 22%, var(--line))}.arrival--leaving{opacity:0;pointer-events:none;transform:translateY(-4px)}.arrival__mark{flex-shrink:0;place-items:center;width:40px;height:40px;margin-top:1px;display:grid;position:relative}.arrival__mark:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);opacity:0;border-radius:50%;position:absolute;inset:-8px}.arrival__mark svg{position:relative}.arrival--holding .arrival__mark:before{animation:1.6s ease-in-out infinite arrival-glow}.arrival--holding .arrival__band{animation:1.6s ease-in-out infinite both arrival-band}.arrival--holding .arrival__band:nth-child(2){animation-delay:.25s}.arrival--holding .arrival__band:nth-child(3){animation-delay:.5s}.arrival--waiting .arrival__band{opacity:.55}.arrival--waiting .arrival__mark svg{filter:saturate(.6)}.arrival--sent .arrival__band{opacity:1}.arrival--sent .arrival__mark:before{animation:.9s cubic-bezier(.2,.7,.2,1) both arrival-pulse}.arrival__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.arrival__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:10px;line-height:1.4;display:flex}.arrival__state{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:1px 7px 1px 6px;display:inline-flex}.arrival__dot{background:var(--muted-2);border-radius:50%;width:5px;height:5px}.arrival--holding .arrival__state{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--accent)}.arrival--holding .arrival__dot{background:var(--accent);animation:1.2s ease-in-out infinite arrival-dot}.arrival--sent .arrival__state{border-color:var(--accent);background:var(--accent);color:var(--ink)}.arrival--sent .arrival__dot{background:var(--ink)}.arrival__ask{font-family:var(--font-chat-display);letter-spacing:-.012em;color:var(--fg);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:1px 0 0;font-size:16px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.arrival__ask:before{content:"“";color:var(--muted-2)}.arrival__ask:after{content:"”";color:var(--muted-2)}.arrival__sub{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.arrival--waiting .arrival__sub{color:var(--muted)}.arrival--sent .arrival__sub{color:var(--muted-2)}.arrival__x{width:26px;height:26px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;margin:-3px -4px 0 0;transition:color .15s,background .15s;display:grid}.arrival__x:hover{color:var(--fg);background:var(--surf-2)}.arrival__x:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes arrival-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes arrival-band{0%,70%,to{opacity:var(--arrival-band-floor)}30%{opacity:1}}@keyframes arrival-glow{0%,to{opacity:.35;transform:scale(.85)}60%{opacity:1;transform:scale(1)}}@keyframes arrival-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes arrival-dot{0%,to{opacity:.35}50%{opacity:1}}:root[data-theme=light] .arrival{--arrival-band-floor:.62;background:color-mix(in srgb, var(--surf-1) 55%, var(--bg))}:root[data-theme=light] .arrival__mark svg{filter:drop-shadow(0 2px 6px color-mix(in oklch, var(--accent) 24%, transparent))}:root[data-theme=light] .arrival--waiting .arrival__mark svg{filter:saturate(.7)}@media (max-width:480px){.arrival{border-radius:12px;gap:11px;padding:11px 12px 11px 11px}.arrival__mark{width:34px;height:34px}.arrival__mark svg{width:30px;height:30px}.arrival__ask{font-size:15px}}@media (prefers-reduced-motion:reduce){.arrival{transition:opacity var(--arrival-fade,.36s) ease;animation:none}.arrival--leaving{transform:none}.arrival__mark:before,.arrival--holding .arrival__mark:before,.arrival--sent .arrival__mark:before,.arrival__band,.arrival--holding .arrival__band,.arrival--holding .arrival__dot,:root[data-theme=light] .arrival--holding .arrival__band{animation:none}.arrival--holding .arrival__band{opacity:.8}}