:root{--brand-dark: #141414;--brand-gold: #141414;--ink: #1a1a1a;--soft: #f5f5f5;--line: #ececec;--muted: #8a8a8a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:#0c0c0c;color:var(--ink);-webkit-font-smoothing:antialiased}.serif{font-family:Cormorant Garamond,Georgia,serif}.stage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 600px at 50% -10%,#2a2a2a,#0c0c0c00 60%),#0c0c0c}.card{width:440px;max-width:100%;height:660px;max-height:calc(100vh - 48px);background:#fff;border-radius:24px;box-shadow:0 40px 120px #0000008c,0 4px 20px #0006;display:flex;flex-direction:column;overflow:hidden;position:relative}html,body,#root{height:100%}.stage.embed{padding:0;background:transparent;align-items:stretch;height:100%;min-height:0}.stage.embed .card{width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none}.head-close{margin-left:auto;background:none;border:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.head-close:hover{color:var(--ink)}.card-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.logo-sm{width:42px;height:42px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;flex:0 0 auto}.head-meta{flex:1}.head-meta h1{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;line-height:1;color:var(--ink)}.status{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-top:3px}.dot{width:7px;height:7px;border-radius:50%;background:#1f1f1f;display:inline-block;box-shadow:0 0 0 3px #00000014}.confidential{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-self:flex-start}.welcome{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 28px;gap:4px}.logo-lg{width:104px;height:104px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:50px;font-weight:700;box-shadow:0 0 0 8px #0000000a,0 0 0 18px #00000005;margin-bottom:14px;flex:0 0 auto}.welcome h2{font-size:30px;line-height:1.08;color:var(--ink);font-weight:600}.welcome-sub{color:#6b6b6b;font-size:14px;line-height:1.5;max-width:280px;margin:10px 0 20px}.cta{background:var(--brand-dark);color:#fff;border:none;padding:14px 26px;border-radius:40px;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 10px 30px #00000040;flex:0 0 auto}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000052}.body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.msg-row{display:flex;flex-direction:column;gap:10px}.bubble{max-width:84%;padding:13px 16px;font-size:14.5px;line-height:1.5;border-radius:18px;animation:rise .25s ease;word-wrap:break-word}.bubble.assistant{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000a}.bubble.user{align-self:flex-end;background:var(--brand-dark);color:#fff;border-bottom-right-radius:6px}.bubble strong{font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.bubble.typing{display:inline-flex;gap:5px;align-items:center}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:#c4c4c4;animation:blink 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.product-cards{display:flex;flex-direction:column;gap:10px;align-self:flex-start;max-width:92%;width:100%;animation:rise .3s ease}.pcard{display:flex;gap:12px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000012;text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform .18s,box-shadow .2s;min-width:0}.pcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000021}.pcard-img{position:relative;width:96px;min-width:96px;height:110px;background:var(--soft);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pcard:hover .pcard-img img{transform:scale(1.06)}.pcard-ph{font-size:34px;filter:grayscale(1)}.pcard-sale{position:absolute;top:8px;left:8px;background:#141414;color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:20px}.pcard-body{flex:1;min-width:0;padding:12px 14px 12px 0;display:flex;flex-direction:column;justify-content:center;gap:3px}.pcard-code{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:700;color:var(--ink);line-height:1}.pcard-insp{font-size:12px;color:#777;word-break:break-word;overflow-wrap:anywhere}.pcard-notes{font-size:11.5px;color:#a3a3a3;margin-top:2px;word-break:break-word;overflow-wrap:anywhere}.pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pcard-price{font-size:15px;font-weight:700;color:var(--ink)}.pcard-price s{font-size:12px;font-weight:400;color:#b3b3b3;margin-right:4px}.pcard-cta{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink)}.suggestions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:4px}.chip{background:#fff;border:1px solid var(--line);color:var(--ink);padding:10px 16px;border-radius:30px;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.chip:hover{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}.composer{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:#fff}.composer input{flex:1;border:1px solid var(--line);background:var(--soft);padding:14px 18px;border-radius:30px;font-size:14px;outline:none;color:var(--ink);font-family:inherit}.composer input:focus{border-color:var(--brand-dark)}.composer input::placeholder{color:#a3a3a3}.composer button{width:46px;height:46px;border-radius:50%;border:none;background:var(--brand-dark);cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .15s}.composer button:hover:not(:disabled){transform:scale(1.06)}.composer button:disabled{opacity:.3;cursor:default}.composer button svg{width:20px;height:20px;fill:#fff}.card-foot{text-align:center;font-size:11px;letter-spacing:.5px;color:var(--muted);padding:10px;border-top:1px solid var(--line);background:#fff}.stage.embed .product-cards{max-width:100%}.stage.embed .pcard-img{width:78px;min-width:78px;height:96px}.stage.embed .pcard-code{font-size:17px}.stage.embed .pcard-body{padding:10px 12px 10px 0}.stage.embed .pcard-foot{flex-wrap:wrap;gap:4px}@media (max-width: 520px){.stage{padding:0}.card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.welcome h2{font-size:34px}.logo-lg{width:120px;height:120px;font-size:56px}.bubble,.product-cards{max-width:100%}.pcard{gap:10px}.pcard-img{width:72px;min-width:72px;height:88px}.pcard-code{font-size:16px}.pcard-insp{font-size:11px}.pcard-notes{font-size:10.5px}.pcard-price{font-size:14px}.pcard-foot{flex-wrap:wrap;gap:4px}}