*{box-sizing:border-box}:root{--p-primary-color: #3b82f6;--p-primary-contrast-color: #ffffff;--p-primary-hover-color: #2563eb;--p-surface-0: #ffffff;--p-surface-100: #f4f6f9;--p-surface-200: #e2e8f0;--p-surface-300: #cbd5e1;--p-surface-400: #94a3b8;--p-surface-border: #e2e8f0;--p-text-color: #1e293b;--p-text-muted-color: #64748b;--p-red-500: #ef4444;--p-green-500: #22c55e;--p-yellow-500: #f59e0b}html,body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.spn-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.spn-avatar--brand{background:var(--p-primary-color);color:var(--p-primary-contrast-color);width:36px;height:36px;font-size:.8125rem}.spn-avatar--bot{background:var(--p-primary-color);color:var(--p-primary-contrast-color);align-self:flex-start;margin-top:.15rem}.spn-avatar--user{background:#475569;color:#fff;width:28px;height:28px;font-size:.6875rem}.spn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--p-surface-300);border-top-color:var(--p-primary-color);animation:spn-spin .8s linear infinite;flex-shrink:0}@keyframes spn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}