:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{color:#1f2937;background:radial-gradient(circle at top,#f8d9ff 0%,#f5f3ff 35%,#eef2ff 100%);margin:0}.container{justify-content:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffd;border:1px solid #e9d5ff;border-radius:20px;gap:1.25rem;width:min(900px,100%);padding:1.5rem;display:grid;box-shadow:0 24px 48px #4c1d951f}.title{margin:0;font-size:clamp(1.6rem,3vw,2.3rem)}.subtitle{color:#6b21a8;margin:.35rem 0 0}.section{background:#faf5ff;border:1px solid #e9d5ff;border-radius:14px;padding:1rem}.field{gap:.4rem;margin-bottom:.8rem;display:grid}.field input,.field textarea{border:1px solid #d8b4fe;border-radius:10px;padding:.65rem .75rem;font-size:.98rem}.field textarea{resize:vertical;min-height:70px}.amountGrid{flex-wrap:wrap;gap:.6rem;display:flex}.amountButton{cursor:pointer;background:#fff;border:1px solid #d8b4fe;border-radius:999px;padding:.5rem .95rem;font-weight:600}.amountButton.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.actions{gap:.6rem;display:flex}.primary{cursor:pointer;color:#fff;background:#7c3aed;border:0;border-radius:10px;padding:.7rem 1rem;font-weight:700}.primary:disabled{opacity:.6;cursor:not-allowed}.secondary{cursor:pointer;color:#4c1d95;background:#ede9fe;border:1px solid #c4b5fd;border-radius:10px;padding:.7rem 1rem;font-weight:700}.status{color:#4b5563;margin:0}.error{color:#dc2626;margin:0}.code{background:#f3e8ff;border-radius:6px;padding:.15rem .35rem;font-family:Consolas,Monaco,Courier New,monospace}.chatMessages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1rem;padding:1rem 0;display:flex;overflow-y:auto}.chatEmpty{color:#9ca3af;text-align:center;margin:0;padding:2rem 0;font-style:italic}.chatRow{align-items:flex-start;gap:.6rem;display:flex}.chatRow--user{flex-direction:row-reverse}.chatAvatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex}.chatAvatar--assistant{background:#f3e8ff;border:1px solid #d8b4fe}.chatAvatar--user{color:#fff;background:#7c3aed;border:1px solid #6d28d9;font-size:.85rem;font-weight:700}.chatBubble{border-radius:14px;max-width:78%;padding:.65rem .9rem;line-height:1.55}.chatBubble--user{color:#fff;background:#7c3aed;border-bottom-right-radius:4px}.chatBubble--assistant{color:#1f2937;background:#f3e8ff;border-bottom-left-radius:4px}.chatMeta{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.chatRole{text-transform:uppercase;letter-spacing:.05em;opacity:.65;font-size:.72rem;font-weight:700}.chatTime{opacity:.5;font-size:.7rem}.chatContent p{white-space:pre-wrap;margin:0 0 .4rem}.chatContent p:last-child{margin-bottom:0}.chatContent ul{margin:.3rem 0 .4rem 1.2rem;padding:0}.chatContent li{margin-bottom:.2rem}.productCards{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.top3Section{flex-direction:column;gap:.55rem;margin-top:.85rem;display:flex}.top3Label{text-transform:uppercase;letter-spacing:.06em;color:#7c3aed;margin-bottom:.1rem;font-size:.72rem;font-weight:700}.top3Card{background:#fff;border:1.5px solid #c4b5fd;border-radius:10px;padding:.65rem .85rem;position:relative;overflow:hidden}.top3CardImg{object-fit:contain;background:#f9f5ff;width:calc(100% + 1.7rem);height:130px;margin:-.65rem -.85rem .65rem;display:block}.top3CardHead{align-items:center;gap:.45rem;margin-bottom:.3rem;display:flex}.top3Rank{color:#7c3aed;background:#ede9fe;border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.78rem;font-weight:800}.top3Meta{flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem;display:flex}.top3Category{color:#0369a1;text-transform:capitalize;background:#e0f2fe;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.top3Reason{color:#4b5563;margin:.35rem 0 0;font-size:.82rem;font-style:italic;line-height:1.4}.productCard{background:#fff;border:1px solid #e9d5ff;border-radius:10px;padding:.7rem .85rem}.productCardHead{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.productName{font-size:.95rem;font-weight:700}.productPrice{color:#fff;white-space:nowrap;background:#7c3aed;border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:700}.productMeta{flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;display:flex}.productRoast{color:#92400e;background:#fef3c7;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.productOrigin{color:#166534;background:#dcfce7;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.flavorChips{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.flavorChip{color:#5b21b6;background:#ede9fe;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:500}.productDesc{color:#6b7280;margin:0;font-size:.82rem;line-height:1.45}.payPrompt{border-top:1px solid #e9d5ff;margin-top:.65rem;padding-top:.65rem}.payPrompt p{margin:0 0 .5rem;font-weight:600}.payActions{gap:.5rem;display:flex}.checkoutBtn{width:100%;margin-top:.65rem;display:block}.chatTypingDots{align-items:center;gap:5px;padding:4px 0;display:flex}.chatTypingDots span{background:#7c3aed;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.chatTypingDots span:nth-child(2){animation-delay:.2s}.chatTypingDots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chatForm{gap:.6rem;display:flex}.chatInput{border:1px solid #d8b4fe;border-radius:10px;outline:none;flex:1;padding:.65rem .75rem;font-size:.98rem}.chatInput:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}body{overflow:hidden}.chatShell{flex-direction:column;max-width:780px;height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.chatAppHeader{border-bottom:1px solid #e9d5ff;flex-shrink:0;align-items:center;gap:.5rem;padding:.85rem 0;display:flex}.chatAppLogo{font-size:1.3rem}.chatAppTitle{color:#4c1d95;font-size:1.05rem;font-weight:700}.chatHero{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:3rem 0 1rem;display:flex}.chatShell--empty .chatHero{flex:none}.chatHeroEmoji{margin-bottom:.75rem;font-size:3.5rem}.chatHeroTitle{color:#1f2937;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem)}.chatHeroSub{color:#6b7280;margin:0 0 1.75rem;font-size:1rem}.chatSuggestions{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:560px;display:flex}.chatSuggestionChip{color:#4c1d95;cursor:pointer;background:#fff;border:1.5px solid #c4b5fd;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}.chatSuggestionChip:hover{background:#ede9fe;border-color:#7c3aed}.chatInputWrap{flex-shrink:0;padding:.75rem 0 1.25rem}.top3Card--chosen{background:#f5f3ff;border-color:#7c3aed}.chooseBtn{color:#7c3aed;cursor:pointer;background:#fff;border:1.5px solid #7c3aed;border-radius:999px;margin-top:.6rem;padding:.35rem .9rem;font-size:.83rem;font-weight:700;transition:background .15s,color .15s;display:inline-block}.chooseBtn:hover,.chooseBtn--selected{color:#fff;background:#7c3aed}.chooseBtn--selected:hover{background:#6d28d9;border-color:#6d28d9}.confirmPicksBtn{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:10px;width:100%;margin-top:.75rem;padding:.65rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s;display:block}.confirmPicksBtn:hover{background:#6d28d9}.confirmPicksBtn:disabled{opacity:.4;cursor:not-allowed}.chosenBadge{color:#fff;background:#7c3aed;border-radius:999px;margin-top:.6rem;padding:.3rem .85rem;font-size:.82rem;font-weight:700;display:inline-block}