:host{--ink:#1b2528;--muted:#58666b;--paper:#f5f4ee;--amber:#e9b44a;--line:#d1d7d6;--lift:0px;font:14px/1.5 "Public Sans Variable","Public Sans",Arial,sans-serif;color:var(--ink);position:fixed;right:24px;bottom:calc(24px + var(--lift));z-index:9000;text-align:left;color-scheme:light;direction:ltr}
*{box-sizing:border-box} [hidden]{display:none!important} button,textarea,a{font:inherit}button{cursor:pointer}button,a,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #926719;outline-offset:3px}.icon{width:20px;height:20px;fill:currentColor;display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-shell{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.launcher{display:flex;gap:12px;align-items:center;min-height:54px;padding:8px 16px 8px 8px;background:var(--ink);color:#fff;border:1px solid #46565c;border-radius:9px;box-shadow:0 8px 26px #14202026;letter-spacing:-.02em;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.launcher:hover{background:#28383c;transform:translateY(-2px)}.launcher-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:5px;background:var(--amber);color:var(--ink)}.launcher>.icon{width:16px;height:16px;margin-left:12px;color:#c9d2d4}
.panel{width:430px;height:min(690px,calc(100dvh - 125px - var(--lift)));min-height:340px;display:flex;flex-direction:column;background:var(--paper);border:1px solid #bdc7c3;border-radius:14px;overflow:hidden;box-shadow:0 24px 75px #14202030,0 3px 12px #14202013;animation:panel-in .24s cubic-bezier(.2,.7,.2,1)}.header{display:flex;align-items:center;gap:11px;padding:17px 18px;background:var(--ink);color:#fff;flex-shrink:0}.brand-mark{width:39px;height:39px;position:relative;display:grid;place-items:center;font-size:29px;line-height:1;font-weight:800;color:var(--amber);border:1px solid #58666b;border-radius:5px}.brand-mark span{position:absolute;right:6px;bottom:6px;width:5px;height:5px;background:var(--amber)}.header-copy{flex:1;min-width:0}.header h2{font-size:15px;line-height:1.3;letter-spacing:-.03em;margin:0;font-weight:650;overflow-wrap:anywhere}.header p{font-size:11px;color:#c9d2d4;margin:3px 0 0}.icon-button{width:34px;height:36px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#c9d2d4;padding:0}.icon-button:hover{background:#ffffff15;color:#fff}.icon-button .icon{width:18px;height:18px}
.conversation{flex:1;min-height:0;overflow-y:auto;padding:23px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdc7c3 transparent;scroll-padding-bottom:18px}.eyebrow{margin:0 0 19px;letter-spacing:.11em;font-size:9px;font-weight:700;color:var(--muted)}.welcome h3{font-size:59px;line-height:.98;letter-spacing:-.065em;font-weight:760;margin:0 0 20px}.welcome h3 span{color:#8c6219}.intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 22px}.starters{display:grid;gap:8px}.starters button{background:#fff;border:1px solid var(--line);border-radius:6px;text-align:left;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;min-height:43px;transition:border-color .2s,background .2s}.starters button:hover{background:#f0e7d3;border-color:#b99b5d}.starters .icon{width:17px;height:17px}.welcome-note{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:10px;line-height:1.6;color:var(--muted)}.welcome-note .icon{width:26px;height:26px;color:#926719}.current{font-size:11px;border-left:2px solid var(--amber);padding:0 0 0 10px;margin:0 0 18px;color:var(--muted)}.current button{display:block;padding:0;background:none;border:0;text-align:left;font-size:12px;line-height:1.4;font-weight:600;color:var(--ink);margin-top:4px}.current button:hover{text-decoration:underline}
.message{margin:0 0 24px;animation:message-in .18s ease-out}.message:last-child{margin-bottom:5px}.message.user{margin-left:38px;display:flex;flex-direction:column;align-items:flex-end}.message.user .message-text{background:var(--ink);color:#fff;border-radius:10px 10px 2px 10px;padding:11px 14px;max-width:100%;font-size:13px}.message.assistant .message-label{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--muted);margin:0 0 8px}.message-text{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message.assistant .message-text{padding-right:4px}.sources{display:flex;flex-wrap:wrap;gap:6px 12px;margin:10px 0 0}.sources a{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sources .icon{width:12px;height:12px}.products{display:grid;gap:10px;margin-top:15px}.product{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.product-top{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center}.product-image{width:66px;height:70px;object-fit:contain;mix-blend-mode:multiply;background:#f5f4ee;border-radius:4px}.product-name{color:var(--ink);text-decoration:none;font-size:12px;font-weight:650;line-height:1.4;display:block}.product-name:hover{text-decoration:underline}.product-price{font-size:14px;font-weight:650;margin:6px 0 0;line-height:1.35}.stock{font-size:10px;color:var(--muted);margin:3px 0 0}.product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.product-actions a,.product-actions button{min-height:35px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:4px;padding:7px 11px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--ink)}.product-actions button,.product-actions .payment-ready{border-color:var(--amber);background:var(--amber);flex:1}.product-actions button:hover,.product-actions .payment-ready:hover{background:#f1c36a}.product-actions button:disabled{opacity:.65}.product-actions .icon{width:13px;height:13px}.payment-note{font-size:10px;line-height:1.5;color:var(--muted);margin:9px 0 0}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.suggestions button{padding:7px 10px;min-height:34px;font-size:11px;line-height:1.4;border:1px solid #bdc7c3;border-radius:5px;color:var(--muted);background:transparent;text-align:left}.suggestions button:hover{background:#e7ebe9}.thinking{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center;padding:5px 0}.thinking .icon{color:#926719;animation:thinking-turn 2s linear infinite}
.feedback{margin:0 18px 9px;padding:9px 11px;border:1px solid #d7bea5;border-radius:5px;background:#f0e7d3;font-size:11px;line-height:1.5;flex-shrink:0}.feedback a{color:var(--ink);font-weight:600;margin-left:4px;text-underline-offset:2px}.composer-wrap{padding:13px 18px 10px;flex-shrink:0;border-top:1px solid var(--line);background:var(--paper)}.composer{display:flex;gap:8px;align-items:flex-end;background:#fff;border:1px solid #a8b4b1;padding:7px;border-radius:7px}.composer:focus-within{border-color:#926719;box-shadow:0 0 0 1px #926719}.composer textarea{resize:none;min-height:36px;max-height:100px;padding:8px 5px;border:0;background:none;outline:none;box-shadow:none;width:100%;font-size:13px;line-height:20px;color:var(--ink)}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#748184}.composer button{display:grid;place-items:center;min-width:36px;width:36px;height:36px;background:var(--ink);color:#fff;border:0;border-radius:4px}.composer button:disabled{background:#e7ebe9;color:#748184}.privacy{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 0}.privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.panel-footer{padding:10px 18px;background:#e7ebe9;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0}.panel-footer span{font-size:7px;letter-spacing:.09em;font-weight:650;color:var(--muted)}.panel-footer a{display:flex;gap:4px;align-items:center;font-size:9px;color:var(--ink);text-decoration:none}.panel-footer a:hover{text-decoration:underline}.panel-footer .icon{width:12px;height:12px}
@keyframes panel-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes thinking-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){:host{right:14px;bottom:calc(14px + env(safe-area-inset-bottom) + var(--lift))}.launcher{min-height:48px;padding-right:12px;font-size:12px;gap:9px}.launcher-icon{width:31px;height:31px}.launcher>.icon{margin-left:3px}.guide-shell:has(.panel:not([hidden])) .launcher{display:none}.panel{position:fixed;right:0;bottom:0;width:100vw;height:calc(100dvh - max(18px,var(--top-inset,0px)));min-height:0;max-height:none;border-radius:15px 15px 0 0;border:0;box-shadow:0 -10px 60px #14202035;padding-bottom:env(safe-area-inset-bottom)}.header{padding:14px 16px}.icon-button{width:40px;height:40px}.conversation{padding:24px 22px}.welcome h3{font-size:64px}.welcome-note{margin-top:27px}.starters button{min-height:48px}.composer-wrap{padding:13px 15px 11px}.composer textarea{font-size:16px}.composer button{width:40px;min-width:40px;height:40px}.product-actions a,.product-actions button{min-height:42px;font-size:12px}.suggestions button{min-height:40px}.panel-footer{padding:10px 15px}.panel-footer span{font-size:7px}.panel-footer a{font-size:10px}.feedback{margin-left:15px;margin-right:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}