*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;color-scheme:light}body{background:#f0f2f5;color:#1a1a2e;min-height:100vh}#root{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.app{display:flex;flex-direction:column;height:90vh;max-height:700px;max-width:900px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.app-header{background:linear-gradient(135deg,#1a1a2e,#2d2b55);color:#fff;padding:1rem 1.5rem;flex-shrink:0;display:flex;align-items:center;gap:.85rem}.app-header__icon{width:44px;height:44px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-header__icon svg{width:22px;height:22px;fill:#fff}.app-header h1{font-size:1.4rem;font-weight:700;margin-bottom:.15rem}.app-header p{font-size:.85rem;opacity:.7}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#f7f8fa}.app-footer{background:#fff;border-top:1px solid #e0e0e0;padding:.75rem 1rem;flex-shrink:0}.chat-window{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message-content{display:flex;align-items:flex-start;gap:.5rem}.agent-avatar{width:30px;height:30px;border-radius:50%;background:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.agent-avatar svg{width:16px;height:16px;fill:#fff}.message-row{display:flex;flex-direction:column}.message-row--user{align-items:flex-end}.message-row--agent{align-items:flex-start}.message-bubble{max-width:75%;padding:.65rem 1rem;border-radius:18px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-bubble--user{background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.message-bubble--agent{background:#fff;color:#1a1a2e;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014;white-space:normal}.message-bubble--agent p{margin:.35em 0}.message-bubble--agent p:first-child{margin-top:0}.message-bubble--agent p:last-child{margin-bottom:0}.message-bubble--agent h1,.message-bubble--agent h2,.message-bubble--agent h3,.message-bubble--agent h4{margin:.6em 0 .3em;font-weight:700;line-height:1.3}.message-bubble--agent h1{font-size:1.15em}.message-bubble--agent h2{font-size:1.08em}.message-bubble--agent h3{font-size:1em}.message-bubble--agent ul,.message-bubble--agent ol{margin:.35em 0;padding-left:1.4em}.message-bubble--agent li{margin:.15em 0}.message-bubble--agent code{background:#f0eef8;color:#4f46e5;padding:.15em .35em;border-radius:4px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.message-bubble--agent pre{background:#1e1e2e;color:#e2e8f0;padding:.65em .85em;border-radius:8px;overflow-x:auto;margin:.4em 0;font-size:.85em}.message-bubble--agent pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.message-bubble--agent blockquote{border-left:3px solid #4f46e5;padding-left:.7em;margin:.4em 0;color:#555}.message-bubble--agent a{color:#4f46e5;text-decoration:underline}.message-bubble--agent a:hover{color:#4338ca}.message-bubble--agent hr{border:none;border-top:1px solid #e0e0e0;margin:.5em 0}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:42px;margin-top:.25rem}.suggestions__pill{padding:.4rem .85rem;border:1px solid #d1d5db;border-radius:99px;background:#fff;color:#374151;font-size:.82rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.suggestions__pill:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.typing-dots{display:flex;align-items:center;gap:5px;height:1.2rem}.typing-dots span{display:inline-block;width:8px;height:8px;background:#aaa;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem;width:100%;max-width:860px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-card__image{width:100%;height:140px;object-fit:cover;background:#f5f5f5}.product-card__image--fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#9ca3af;font-size:.75rem}.product-card__body{padding:.65rem .75rem .75rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.product-card__category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#4f46e5;background:#eef2ff;padding:2px 7px;border-radius:99px;align-self:flex-start}.product-card__name{font-size:.92rem;font-weight:700;color:#1a1a2e}.product-card__description{font-size:.8rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-card__price{font-size:1rem;font-weight:700;color:#16a34a;margin-top:.25rem}.chat-form{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;padding:.65rem 1rem;border:1px solid #d1d5db;border-radius:24px;font-size:.92rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.chat-input:disabled{background:#f9fafb;color:#9ca3af}.chat-submit{width:42px;height:42px;border-radius:50%;background:#4f46e5;color:#fff;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.chat-submit svg{width:18px;height:18px;fill:#fff}.chat-submit:hover:not(:disabled){background:#4338ca}.chat-submit:disabled{background:#a5b4fc;cursor:not-allowed}@media(max-width:640px){#root{padding:0}.app{height:100vh;max-height:none;border-radius:0;box-shadow:none}}