@layer components{@keyframes agent-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes agent-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes agent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.r-agent .bubble{background:var(--color-surface);border:1px solid var(--color-border);max-width:min(560px,88vw);box-shadow:var(--shadow-card);animation:agent-in .3s var(--ease-out) backwards;border-radius:22px;flex-direction:column;gap:8px;padding:12px 16px;font-size:.9375rem;line-height:1.5;display:flex}.r-agent .bubble.me{background:var(--color-text);color:#eef2fa;border-color:var(--color-text);border-bottom-right-radius:8px}.r-agent .bubble.thinking{color:var(--color-text-2)}.r-agent .shimmer{background:linear-gradient(90deg, var(--color-text-2) 0%, var(--color-text-3) 40%, var(--color-text-2) 60%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite agent-shimmer}.r-agent .step{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-thin);animation:agent-in .3s var(--ease-out) backwards;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;display:inline-flex}.r-agent .sdot{background:var(--color-live);border-radius:999px;flex:none;width:8px;height:8px}.r-agent .sdot.ok{background:var(--color-live)}.r-agent .sdot.miss{background:var(--color-saffron)}.r-agent .sdot.live{animation:1s ease-in-out infinite agent-pulse}.r-agent .pcards{scroll-snap-type:x mandatory;gap:10px;max-width:min(560px,88vw);margin:-2px;padding:2px 2px 6px;display:flex;overflow-x:auto}.r-agent .pcard{scroll-snap-align:start;background:var(--color-surface);border:1px solid var(--color-border);width:168px;box-shadow:var(--shadow-card);animation:agent-in .3s var(--ease-out) backwards;border-radius:20px;flex-direction:column;flex:none;display:flex;overflow:hidden}.r-agent .pphoto{aspect-ratio:1;background:var(--color-ground);justify-content:center;align-items:center;display:flex}.r-agent .pphoto img{object-fit:cover;width:100%;height:100%;display:block}.r-agent .ptitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.r-agent .pcard .amt{color:var(--color-lime-ink)}.r-agent .paylink{color:var(--color-lime-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.r-agent .ask{resize:none;min-height:44px;max-height:160px;font:inherit;color:var(--color-text);background:0 0;border:0;outline:0;flex:1;padding:11px 10px;font-size:1rem;line-height:1.4}.r-agent .ask::placeholder{color:var(--color-text-3)}.r-agent .q{background:#fff6e3;border:1px solid #ffd58a;border-radius:18px}@media (prefers-reduced-motion:reduce){.r-agent .bubble,.r-agent .step,.r-agent .pcard{animation:.2s linear backwards agent-in;transform:none}.r-agent .sdot.live,.r-agent .shimmer{animation:none}.r-agent .shimmer{color:var(--color-text-2)}}}