:root{--bg-deep: #07060585;--bg-app: #080706;--bg-card: #111009;--bg-elevated: #181510;--bg-user: rgba(196, 149, 90, .08);--text-primary: #f0e9e0;--text-secondary:#9a8d7e;--text-muted: #4e4438;--accent: #c4955a;--accent-light: #dbb07a;--accent-glow: rgba(196, 149, 90, .18);--accent-border:rgba(196, 149, 90, .28);--border: #22201c;--border-light: #2e2a24;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--radius: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-app);font-family:var(--sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}.app{height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(196,149,90,.04) 0%,transparent 70%),var(--bg-app)}.chat-container{width:100%;max-width:1080px;height:90vh;display:flex;border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);box-shadow:0 0 0 1px #0006,0 32px 80px #0009,0 0 120px #c4955a0a}.brand-sidebar{width:300px;flex-shrink:0;background:#0a0907;border-right:1px solid var(--border);padding:3rem 2.5rem 2.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.brand-sidebar:after{content:"";position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(196,149,90,.07) 0%,transparent 70%);pointer-events:none}.brand-ornament{font-size:.65rem;letter-spacing:.4em;color:var(--accent);margin-bottom:2.5rem;display:flex;align-items:center;gap:.75rem}.brand-ornament span{display:block;width:24px;height:1px;background:var(--accent);opacity:.5}.brand-logo{font-family:var(--serif);font-size:2.6rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--text-primary);line-height:1.05;margin-bottom:.6rem}.brand-sub{font-family:var(--serif);font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:2.5rem}.brand-rule{width:32px;height:1px;background:var(--border-light);margin-bottom:2.5rem}.brand-desc{font-family:var(--serif);font-size:1.05rem;font-weight:300;font-style:italic;line-height:1.85;color:var(--text-secondary)}.brand-footer{margin-top:auto;padding-top:2rem}.brand-footer-label{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.brand-footer-value{font-family:var(--serif);font-size:.85rem;color:var(--text-secondary)}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-header{padding:1.25rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;flex-shrink:0;background:#0e0c09}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);flex-shrink:0}.chat-header-text{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.chat-header-sep{width:1px;height:14px;background:var(--border-light);margin:0 .25rem}.chat-header-state{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:.7}.messages{flex:1;overflow-y:auto;padding:2rem 2rem 1rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.message{display:flex}.message.bot{justify-content:flex-start}.message.user{justify-content:flex-end}.message-inner{max-width:72%;display:flex;flex-direction:column;gap:.5rem}.message.user .message-inner{align-items:flex-end}.message-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding:0 .25rem}.message-bubble{padding:1rem 1.25rem;font-size:.875rem;line-height:1.8;font-weight:300}.message.bot .message-bubble{background:var(--bg-elevated);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:#e8e1d8}.message.user .message-bubble{background:var(--bg-user);border:1px solid var(--accent-border);border-radius:var(--radius) 0 0 var(--radius);color:var(--accent-light);font-family:var(--serif);font-size:1rem;font-style:italic}.typing-wrapper{display:flex}.typing-bubble{padding:.875rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;display:flex;align-items:center;gap:5px}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.products-section{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.product-card{display:flex;background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden;border-radius:var(--radius);transition:border-color .3s ease;cursor:default}.product-card:hover{border-color:var(--accent-border)}.product-img-wrap{width:90px;height:90px;flex-shrink:0;overflow:hidden}.product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img-wrap img{transform:scale(1.06)}.product-info{padding:.85rem 1.1rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0}.product-name{font-family:var(--serif);font-size:1rem;font-style:italic;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-material{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.product-price{font-family:var(--serif);font-size:.95rem;color:var(--accent)}.product-link{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:.3rem}.product-link:hover{color:var(--accent)}.website-cta-wrap{margin-top:1rem}.website-cta{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--sans);font-size:.65rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s ease;border-radius:var(--radius)}.website-cta:hover{background:var(--accent-glow);box-shadow:0 0 20px #c4955a1a}.cta-arrow{transition:transform .3s}.website-cta:hover .cta-arrow{transform:translate(4px)}.input-bar{padding:1.25rem 2rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:1rem;background:#0e0c09;flex-shrink:0}.input-field{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border-light);padding:.5rem 0;color:var(--text-primary);font-family:var(--sans);font-size:.875rem;font-weight:300;outline:none;transition:border-color .3s;min-width:0}.input-field:focus{border-bottom-color:var(--accent)}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{opacity:.4;cursor:not-allowed}.send-btn{background:transparent;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--accent);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s}.send-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-glow)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 960px){.brand-sidebar{width:240px;padding:2.5rem 1.75rem 2rem}.brand-logo{font-size:2.2rem}.brand-desc{font-size:.95rem}}@media (max-width: 680px){.app{padding:0;align-items:stretch}.chat-container{height:100vh;height:100dvh;border-radius:0;border:none;flex-direction:column;max-width:100%}.brand-sidebar{width:100%;height:auto;padding:.875rem 1.25rem;flex-direction:row;align-items:center;gap:1rem;border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;overflow:visible}.brand-sidebar:after{display:none}.brand-logo{font-size:1.35rem;letter-spacing:.2em;margin-bottom:0}.brand-sub{font-size:.5rem;letter-spacing:.25em;margin-bottom:0}.brand-ornament,.brand-rule,.brand-desc,.brand-footer{display:none}.chat-header{padding:.75rem 1.25rem}.messages{padding:1rem 1rem .75rem;gap:.875rem}.message-inner{max-width:88%}.message-bubble{padding:.875rem 1rem;line-height:1.75}.input-bar{padding:.875rem 1.25rem;padding-bottom:max(.875rem,env(safe-area-inset-bottom))}.input-field{font-size:1rem}.send-btn{width:44px;height:44px;touch-action:manipulation}.product-img-wrap{width:76px;height:76px}.product-name{font-size:.9rem}.website-cta-wrap{width:100%}.website-cta{width:100%;justify-content:center;padding:.875rem 1.5rem}}