:root{--ink:#1a1714;--ink-soft:#3d3832;--parchment:#f4efe6;--parchment-deep:#e8e0d2;--sand:#d9cfc0;--brass:#a67c52;--brass-soft:#c4a07a;--mist:#faf7f2;--line:#1a171414;--shadow:0 24px 60px #1a17142e;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--text-xs:clamp(.65rem, .6rem + .2vw, .72rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.875rem, .82rem + .3vw, .95rem);--text-md:clamp(.95rem, .88rem + .4vw, 1.1rem);--text-lg:clamp(1.25rem, 1.05rem + .9vw, 1.75rem);--text-xl:clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);color:var(--ink);background:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;min-height:100dvh}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit;max-width:100%}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{overflow-wrap:anywhere;word-break:break-word}.app-stage{height:100%;min-height:100dvh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:radial-gradient(80% 60% at 20% 10%,#a67c5238,#0000 55%),radial-gradient(70% 50% at 90% 80%,#e8e0d21f,#0000 50%),linear-gradient(160deg,#120f0d 0%,#1a1714 45%,#241f1a 100%);place-items:center;display:grid}.app-stage.embed-mode{background:var(--mist);place-items:stretch stretch;padding:0}.app-stage.embed-mode .phone{width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0}.phone{width:min(100%,430px);height:min(900px, calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom)));background:var(--mist);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0f;border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-shell{z-index:2;background:linear-gradient(180deg, #ffffff47, transparent 18%), radial-gradient(circle at 80% 0%, #a67c521a, transparent 40%), var(--mist);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cover{z-index:2;text-align:center;min-height:0;color:var(--parchment);background:radial-gradient(90% 70% at 50% 35%,#a67c5233,#0000 60%),linear-gradient(165deg,#161310 0%,#1c1814 48%,#2a221c 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(24px,6vw,40px) clamp(18px,5vw,28px);display:flex;position:relative;overflow:hidden}.cover-glow{filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute}.cover-glow-a{background:#c4a07a47;width:220px;height:220px;animation:7s ease-in-out infinite glowDrift;top:12%;left:50%;transform:translate(-50%)}.cover-glow-b{background:#f4efe614;width:180px;height:180px;animation:9s ease-in-out infinite reverse glowDrift;bottom:10%;right:-20px}.cover-grain{opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cover-orbit{pointer-events:none;border:1px dashed #f4efe624;border-radius:50%;width:260px;height:260px;margin:-168px 0 0 -130px;position:absolute;top:50%;left:50%}.cover-logo-btn{z-index:2;place-items:center;width:clamp(100px,28vw,128px);height:clamp(100px,28vw,128px);margin-bottom:clamp(18px,4vw,28px);display:grid;position:relative}.cover-logo-ring{border:1px solid #c4a07a73;border-radius:36px;position:absolute;inset:0}.cover-logo-ring-delay{border-color:#c4a07a38;border-radius:42px;inset:-10px}.cover-logo{background:linear-gradient(145deg,#ffffff1f,#0000 40%),linear-gradient(160deg,#3a322a,#1a1714 70%);border:1px solid #c4a07a59;border-radius:30px;place-items:center;width:clamp(76px,22vw,96px);height:clamp(76px,22vw,96px);display:grid;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff2e}.cover-logo-letter{font-family:var(--font-display);color:var(--parchment);text-shadow:0 8px 24px #00000059;font-size:clamp(2rem,8vw,3rem);font-weight:600;line-height:1}.cover-copy{z-index:2;max-width:min(280px,100%);padding:0 4px;position:relative}.cover-eyebrow{font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-soft);font-weight:600}.cover-copy h1{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin-top:10px;font-weight:600;line-height:1.05}.cover-sub{font-size:var(--text-sm);color:#f4efe6ad;margin-top:10px;line-height:1.45}.cover-cta{z-index:2;min-height:44px;font-size:var(--text-sm);letter-spacing:.02em;color:#1a1714;background:linear-gradient(135deg,#e8d4b8,#c4a07a);border-radius:999px;margin-top:clamp(20px,5vw,28px);padding:13px 22px;font-weight:600;position:relative;box-shadow:0 12px 28px #a67c5259}@keyframes glowDrift{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-46%)translateY(10px)}}.chat-header{z-index:3;padding:calc(14px + var(--safe-top)) clamp(12px, 3vw, 18px) 14px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f4efe6eb,#faf7f2c7);align-items:center;gap:12px;display:flex;position:relative}.brand-mark{width:42px;height:42px;color:var(--parchment);background:linear-gradient(145deg,#2a241e,#1a1714);border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 8px 20px #1a171438}.brand-mark span{font-family:var(--font-display);letter-spacing:.02em;font-size:18px;font-weight:600}.brand-copy{flex:1;min-width:0}.brand-copy h1{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(1.15rem,1rem + .8vw,1.4rem);font-weight:600;line-height:1.1}.brand-copy p{font-size:var(--text-xs);color:var(--ink-soft);align-items:center;gap:6px;margin-top:4px;display:flex}.live-dot{background:#6f8f63;border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite pulse;box-shadow:0 0 #6f8f638c}@keyframes pulse{0%{box-shadow:0 0 #6f8f6373}70%{box-shadow:0 0 0 8px #6f8f6300}to{box-shadow:0 0 #6f8f6300}}.icon-btn{width:44px;height:44px;color:var(--ink-soft);border:1px solid var(--line);background:#ffffff73;border-radius:12px;flex-shrink:0;place-items:center;transition:transform .2s,background .2s;display:grid}.icon-btn:hover{background:#ffffffbf;transform:translateY(-1px)}.chat-scroll{z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:clamp(12px,3vw,18px) clamp(12px,3vw,16px) 12px;display:flex;position:relative;overflow-y:auto}.chat-scroll::-webkit-scrollbar{width:0}.welcome{background:linear-gradient(155deg,#ffffffe0,#f4efe69e),linear-gradient(135deg,#a67c521f,#0000 55%);border:1px solid #1a171412;border-radius:22px;margin:2px 0 6px;padding:20px 16px 16px;box-shadow:0 14px 34px #1a17140d}.welcome-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.welcome .eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:600}.welcome-badge{font-size:var(--text-xs);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;background:#ffffffb3;border-radius:999px;padding:5px 9px;font-weight:600}.welcome h2{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;margin-top:10px;font-weight:600;line-height:1.05}.welcome p{font-size:var(--text-sm);color:var(--ink-soft);max-width:36ch;margin-top:8px;line-height:1.5}.suggestions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.chip{min-height:44px;font-size:var(--text-xs);text-align:left;color:var(--ink);background:#ffffffc7;border:1px solid #1a171414;border-radius:16px;align-items:flex-start;gap:8px;padding:11px;font-weight:500;line-height:1.35;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.chip svg{color:var(--brass);flex-shrink:0;margin-top:1px}.chip:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #1a17140f}.chip:disabled{opacity:.55;cursor:not-allowed}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.bubble{max-width:min(92%,340px);font-size:var(--text-base);overflow-wrap:anywhere;border-radius:18px;padding:12px 14px 11px;line-height:1.5;position:relative}.bubble.rich{max-width:min(96%,360px);padding-bottom:12px}.bubble.assistant{color:var(--ink);background:linear-gradient(#fff,#fcfaf6);border:1px solid #1a171412;border-bottom-left-radius:6px;box-shadow:0 10px 28px #1a17140d}.bubble.user{color:var(--parchment);background:linear-gradient(160deg,#2a241e,#1a1714);border-bottom-right-radius:6px;box-shadow:0 12px 28px #1a171433}.bubble-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:6px;font-size:10px;font-weight:600}.bubble-text{white-space:normal}.plain-text{white-space:pre-wrap}.md-body{text-align:left;flex-direction:column;gap:.55em;display:flex}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body p{margin:0;line-height:1.55}.md-body h1,.md-body h2,.md-body h3{font-family:var(--font-display);letter-spacing:-.01em;margin:.15em 0 0;font-weight:600;line-height:1.2}.md-body h1{font-size:1.25em}.md-body h2{font-size:1.12em}.md-body h3{font-size:1.05em}.md-body ul,.md-body ol{gap:.28em;margin:0;padding-left:1.2em;display:grid}.md-body li{line-height:1.45}.md-body strong{font-weight:700}.md-body a{color:var(--brass);text-underline-offset:2px;text-decoration:underline}.md-body hr{border:none;border-top:1px solid #1a17141a;margin:.35em 0}.md-body code{background:#1a17140f;border-radius:6px;padding:.1em .35em;font-size:.9em}.bubble.user .md-body a{color:var(--brass-soft)}.bubble.user .md-body code{background:#ffffff1a}.caret{vertical-align:-2px;background:var(--brass);width:2px;height:.95em;margin-left:2px;animation:.85s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.reco-block{border-top:1px solid #1a17140f;margin-top:12px;padding-top:12px}.reco-title{letter-spacing:.08em;text-transform:uppercase;color:#3d38328c;margin-bottom:8px;font-size:11px;font-weight:600}.reco-list{flex-direction:column;gap:8px;display:flex}.product-card{background:#faf7f2e6;border:1px solid #1a17140f;border-radius:16px;grid-template-columns:88px 1fr;align-items:start;gap:12px;padding:10px;display:grid}.product-visual{background:#f3eee6;border-radius:12px;flex-shrink:0;place-items:center;width:88px;height:88px;display:grid;position:relative;overflow:hidden}.product-visual img{object-fit:contain;object-position:center;width:100%;height:100%;padding:4px;display:block}.product-visual span{position:absolute;inset:0}.tone-sand .product-visual{background:linear-gradient(145deg,#e8dcc8,#cbb89a)}.tone-oak .product-visual{background:linear-gradient(145deg,#c4a07a,#8d6b45)}.tone-ink .product-visual{background:linear-gradient(145deg,#3a322a,#1a1714)}.product-visual span:after{content:"";background:#ffffff38;border-radius:4px;height:34%;position:absolute;top:38%;left:14%;right:14%;box-shadow:0 8px 12px #00000014}.product-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--brass);font-size:10px;font-weight:600}.product-body strong{font-size:12px;font-weight:700}.product-body h4{font-family:var(--font-display);margin-top:3px;font-size:17px;font-weight:600;line-height:1.1}.product-body p{color:var(--ink-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:3px;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.meta{opacity:.5;margin-top:7px;font-size:10.5px}.composer-wrap{z-index:3;padding:10px clamp(10px, 3vw, 12px) calc(14px + var(--safe-bottom));border-top:1px solid var(--line);background:linear-gradient(#faf7f233,#f4efe6f5);position:relative}.composer{background:#fff;border:1px solid #1a17141a;border-radius:22px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 10px 28px #1a17140f}.composer textarea{resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;min-height:24px;max-height:96px;padding:8px 0;font-size:16px;line-height:1.4}.composer textarea::placeholder{color:#3d383273}.send-btn{width:44px;height:44px;color:var(--parchment);background:linear-gradient(145deg, var(--brass-soft), var(--brass));border-radius:15px;flex-shrink:0;place-items:center;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 8px 18px #a67c5259}.send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.send-btn:not(:disabled):hover{transform:translateY(-1px)scale(1.02)}.composer-note{text-align:center;font-size:var(--text-xs);color:#3d383280;margin-top:8px}@media (width<=540px){.app-stage{background:var(--mist);padding:0}.phone{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0}.cover{padding-top:calc(24px + var(--safe-top));padding-bottom:calc(28px + var(--safe-bottom))}.suggestions{grid-template-columns:1fr 1fr}}@media (width<=360px){.suggestions{grid-template-columns:1fr}.welcome-top{flex-direction:column;align-items:flex-start}.product-card{grid-template-columns:76px 1fr}.product-visual{width:76px;height:76px}.bubble,.bubble.rich{max-width:96%}}@media (width>=900px){.phone{width:min(100%,420px);height:min(860px,100dvh - 48px)}.cover-copy h1{font-size:2.1rem}.welcome h2{font-size:1.85rem}}@media (prefers-reduced-motion:reduce){.cover-glow-a,.cover-glow-b,.live-dot,.caret{animation:none}}