:root{--paper: #121215;--paper-raised: #1c1c22;--paper-deep: #0a0a0c;--ink: #f3f3f5;--ink-soft: #adadb7;--ink-faint: #74747e;--rule: #2a2a31;--rule-strong: #3c3c46;--accent: #c8fe46;--accent-deep: #d6ff6e;--lime: #c8fe46;--lime-deep: #d6ff6e;--brand-black: #0d0d0d;--green: #5cd08a;--red: #ff6a5a;--gold: #a78bfa;--shadow-card: 0 1px 2px rgba(0,0,0,.45), 0 14px 32px -18px rgba(0,0,0,.7);--shadow-lift: 0 1px 2px rgba(0,0,0,.45), 0 22px 46px -22px rgba(0,0,0,.75);--accent-wash: rgba(200,254,70,.1);--lime-wash: rgba(200,254,70,.16);--ease: cubic-bezier(.22, 1, .36, 1);--r-xs: 7px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--edge-top: inset 0 1px 0 rgba(255,255,255,.05);--ring: 0 0 0 3px var(--lime-wash);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Inter", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 55% at 50% 5%,rgba(200,254,70,.05),transparent 56%),var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E")}::selection{background:var(--lime);color:var(--brand-black)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:none;box-shadow:var(--ring)}.ask-input:focus-visible{box-shadow:none}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:999px;border:3px solid var(--paper)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}#root{display:flex;flex-direction:column;overflow:hidden}.masthead{position:relative;z-index:2;background:var(--brand-black);border-bottom:1px solid var(--lime);box-shadow:0 10px 30px -22px #c8fe4680;color:var(--ink);overflow:hidden;flex:0 0 auto}.masthead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(55% 170% at 100% 50%,rgba(200,254,70,.07),transparent 72%)}.masthead-inner{position:relative;z-index:1;padding:13px 24px;display:flex;align-items:center;gap:16px}.jango-logo{height:30px;width:auto;display:block;flex-shrink:0}.masthead-product{display:flex;align-items:center;gap:13px;color:var(--ink);margin-right:auto}.masthead-product:before{content:"";width:1px;height:20px;background:#f8f8f833}.masthead-title{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.015em;line-height:1}.masthead-newchat{background:transparent;border:1px solid var(--rule-strong);color:var(--ink-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:6px 12px;border-radius:999px;flex-shrink:0;transition:border-color .15s,color .15s}.masthead-newchat:hover{border-color:var(--lime);color:var(--lime)}.masthead-live{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;flex-shrink:0}.masthead-live.is-call{color:var(--lime)}.masthead-live .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.masthead-live.is-call .dot{background:var(--lime);animation:pulse 1.1s ease-in-out infinite;box-shadow:0 0 10px #c8fe46d9}.chat-main{position:relative;z-index:1;flex:1;overflow-y:auto;min-height:0}.chat-stream{max-width:760px;margin:0 auto;padding:26px 18px 8px;display:flex;flex-direction:column;gap:18px}.turn{animation:rise .4s var(--ease) both}@media (prefers-reduced-motion: reduce){.turn{animation:none}}.msg{display:flex;flex-direction:column;gap:6px}.msg.user{align-items:flex-end}.msg-role{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.msg-role:before{content:"";width:10px;height:1.5px;background:var(--accent)}.msg.user .msg-role{flex-direction:row-reverse}.msg.user .msg-role:before{background:var(--rule-strong)}.msg-body{max-width:86%;padding:12px 16px;font-size:14.5px;line-height:1.56;border-radius:var(--r-md)}.msg.agent .msg-body{background:var(--paper-raised);border:1px solid var(--rule);color:var(--ink);border-bottom-left-radius:5px;box-shadow:var(--edge-top)}.msg.user .msg-body{background:var(--rule-strong);color:var(--ink);border-bottom-right-radius:5px;box-shadow:var(--edge-top)}.typing{display:inline-flex;gap:5px;align-items:center;padding:3px 0}.typing span{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.cards{max-width:86%;margin-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-items:stretch}.product{position:relative;height:100%;background:var(--paper-raised);border:1px solid var(--rule);overflow:hidden;border-radius:var(--r-md);display:flex;flex-direction:column;box-shadow:var(--edge-top),var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);animation:cardIn .32s var(--ease) both}.product:hover{transform:translateY(-3px);border-color:var(--rule-strong);box-shadow:var(--edge-top),var(--shadow-lift)}.product:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--lime);z-index:2;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}.product:hover:after{transform:scaleX(1)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-img,.product-swatch{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-bottom:1px solid var(--rule)}.product-img{background:#fff}.product-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s var(--ease)}.product:hover .product-img img{transform:scale(1.035)}.product-cat{position:absolute;left:9px;bottom:9px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#0d0d0d9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:3px 8px}.product-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.product-name{font-family:var(--font-display);font-weight:700;font-size:13.5px;line-height:1.22;letter-spacing:-.012em;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.44em}.product-brand{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.product-price{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:1}.product-color{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft)}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--rule-strong);flex:0 0 auto;box-shadow:inset 0 0 0 2px #00000040}.product-sale{position:absolute;right:9px;top:9px;z-index:2;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--brand-black);background:var(--lime);padding:3px 7px;border-radius:var(--r-xs)}.product-was{font-family:var(--font-mono);font-size:10.5px;font-weight:500;margin-left:6px;color:var(--ink-faint);text-decoration-thickness:1px;letter-spacing:0}.product-swatches{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cw-swatch{position:relative;width:24px;height:24px;padding:0;overflow:hidden;border:1px solid var(--rule-strong);border-radius:var(--r-xs);background:var(--paper);transition:border-color .15s var(--ease),transform .12s var(--ease);font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.cw-swatch img{width:100%;height:100%;object-fit:cover;display:block}.cw-swatch:hover{border-color:var(--lime);transform:translateY(-1px)}.cw-swatch.on{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.cw-swatch.out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent 46%,var(--red) 46%,var(--red) 54%,transparent 54%);opacity:.8}.cw-swatch.more{background:var(--lime);color:var(--brand-black);border-color:var(--lime)}.product-sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.size-chip{font-family:var(--font-mono);font-size:10.5px;font-weight:500;min-width:27px;text-align:center;padding:3px 6px;border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:var(--r-xs)}.size-chip{transition:border-color .14s var(--ease),color .14s var(--ease),background .14s var(--ease)}.size-chip:not(:disabled):hover{border-color:var(--lime);color:var(--ink)}.size-chip.on{border-color:var(--lime);background:var(--lime);color:var(--brand-black);font-weight:700}.size-chip.out,.size-chip:disabled{color:var(--ink-faint);border-color:var(--rule);text-decoration:line-through;opacity:.55;cursor:default}.basket-ctl.disabled{opacity:.5}.basket-ctl.disabled:hover{border-color:var(--rule-strong)}.basket-ctl.needs-size{border-style:dashed}.basket-ctl.needs-size .basket-ctl-label{color:var(--ink-soft);cursor:default}.basket-ctl.needs-size:hover .basket-ctl-label{opacity:1}.product-soldout{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-top:7px}.basket-ctl{position:relative;margin-top:auto;width:100%;overflow:hidden;border:1px solid var(--rule-strong);background:transparent;border-radius:var(--r-sm);transition:border-color .15s,background .15s}.basket-ctl.in{border-color:var(--lime);background:var(--lime)}.basket-ctl:hover{border-color:var(--lime)}.basket-ctl-label{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 8px;border:none;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;transition:opacity .15s}.basket-ctl.in .basket-ctl-label{color:var(--brand-black)}.basket-ctl:hover .basket-ctl-label{opacity:0}.basket-ctl-step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}.basket-ctl:hover .basket-ctl-step{opacity:1;visibility:visible;pointer-events:auto}.step-btn{border:none;background:transparent;color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .12s,transform .08s}.basket-ctl.in .step-btn{color:var(--brand-black)}.step-btn:hover:not(:disabled){color:var(--lime);transform:scale(1.12)}.basket-ctl.in .step-btn:hover:not(:disabled){color:var(--brand-black)}.step-btn:active:not(:disabled){transform:scale(.85)}.step-btn:disabled{opacity:.3;cursor:default}.step-qty{font-family:var(--font-display);font-weight:800;font-size:15px;min-width:20px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.basket-ctl.in .step-qty{color:var(--brand-black)}.basket{position:relative;display:flex;align-items:center;flex-shrink:0}.basket-btn{position:relative;background:transparent;border:none;color:var(--lime);padding:4px;display:flex;align-items:center}.basket-btn:hover{color:var(--lime-deep)}.basket-count{position:absolute;top:-3px;right:-5px;background:var(--lime);color:var(--brand-black);font-family:var(--font-mono);font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}.basket-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000040}.basket-panel{position:fixed;top:60px;right:16px;z-index:80;width:340px;max-width:calc(100vw - 32px);max-height:72vh;overflow-y:auto;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--r-lg);box-shadow:var(--edge-top),var(--shadow-lift);padding:16px;animation:rise .18s var(--ease) both}.basket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.basket-head strong{font-family:var(--font-display);font-size:15px}.basket-clear{background:none;border:none;color:var(--ink-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.basket-clear:hover{color:var(--red)}.basket-empty{color:var(--ink-soft);font-size:13px;line-height:1.55;text-align:center;padding:14px 6px}.basket-list{list-style:none;margin:0 -8px 0 0;padding:0 8px 0 0;display:flex;flex-direction:column;gap:11px;max-height:256px;overflow-y:auto;overscroll-behavior:contain}.basket-item{display:flex;gap:10px;align-items:flex-start;padding-bottom:11px;border-bottom:1px solid var(--rule)}.basket-thumb{width:46px;height:60px;object-fit:contain;background:#fff;border:1px solid var(--rule);border-radius:var(--r-xs);flex:0 0 auto}.basket-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.basket-name{font-size:13px;font-weight:600;line-height:1.25}.basket-sub{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint)}.basket-qty{display:flex;align-items:center;gap:8px;margin-top:4px}.basket-qty button{width:21px;height:21px;border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:5px}.basket-qty button:hover{border-color:var(--lime);color:var(--lime)}.basket-qty span{font-family:var(--font-mono);font-size:12px;min-width:16px;text-align:center}.basket-line{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.basket-price{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent-deep)}.basket-remove{background:none;border:none;color:var(--ink-faint);font-size:19px;line-height:1;padding:0 2px}.basket-remove:hover{color:var(--red)}.basket-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--rule-strong);font-size:14px}.basket-foot strong{font-family:var(--font-mono);color:var(--accent-deep);font-size:16px}.basket-note{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);text-align:center;margin:9px 0 0;letter-spacing:.03em}.composer-bar{position:relative;z-index:1;flex:0 0 auto;border-top:1px solid var(--rule);background:var(--paper-raised);padding:14px 18px 18px}.suggestions{max-width:760px;margin:0 auto 12px;display:flex;flex-wrap:wrap;gap:8px}.suggestion{background:transparent;border:1px solid var(--rule-strong);color:var(--ink-soft);font-size:13px;padding:7px 13px;border-radius:999px;transition:border-color .15s,color .15s}.suggestion:hover{border-color:var(--accent);color:var(--accent-deep)}.callbar{max-width:760px;margin:0 auto 12px;display:flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid var(--rule-strong);background:var(--paper);border-radius:999px}.orb{width:11px;height:11px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto}.orb.connecting{background:var(--gold)}.orb.listening{background:var(--accent)}.orb.speaking{background:var(--ink)}.orb.connecting,.orb.listening,.orb.speaking{animation:pulse 1.2s ease-in-out infinite}.call-status{font-size:13px;color:var(--ink)}.call-transcript{margin-left:auto;font-size:12px;color:var(--ink-soft);font-style:italic;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-field{max-width:760px;margin:0 auto;display:flex;align-items:stretch;gap:0;border:1px solid var(--rule-strong);background:var(--paper);box-shadow:var(--edge-top),var(--shadow-card);border-radius:var(--r-lg);transition:border-color .2s ease,box-shadow .2s ease}.composer-field:focus-within{border-color:#c8fe4699;box-shadow:var(--edge-top),var(--shadow-card),0 0 14px -1px #c8fe4680}.voice-cta{border:none;background:var(--lime);color:var(--brand-black);padding:0 16px;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .18s ease;border-radius:calc(var(--r-lg) - 1px) 0 0 calc(var(--r-lg) - 1px)}.voice-cta:hover:not(:disabled){background:var(--lime-deep)}.voice-cta.active{background:var(--red);color:#fff}.voice-cta:disabled{opacity:.45;cursor:default}.ask-input{flex:1;min-width:0;border:none;background:none;outline:none;padding:14px 16px;font-size:15px;color:var(--ink);font-family:var(--font-display)}.ask-input::placeholder{color:var(--ink-faint);font-style:italic}.ask-btn{border:none;background:transparent;color:var(--accent);padding:0 18px;font-size:20px;font-weight:700;border-radius:0 calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px) 0;transition:color .18s ease,transform .18s var(--ease)}.ask-btn:hover:not(:disabled){color:var(--accent-deep)}.ask-btn:hover:not(:disabled) span{transform:translate(2px);display:inline-block}.ask-btn:disabled{color:var(--ink-faint);cursor:default}.ask-btn.is-stop{color:var(--red);font-size:15px}.ask-btn.is-stop:hover{color:#ff8577}.composer-credit{max-width:760px;margin:11px auto 0;text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-faint)}.ps-credit{color:var(--ink-soft);letter-spacing:.08em}.prose{color:var(--ink);font-size:14.5px;line-height:1.6}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:0 0 .7em}.prose strong{font-weight:700;color:var(--accent-deep)}.prose em{font-style:italic}.prose ul,.prose ol{margin:.2em 0 .7em;padding-left:1.2em}.prose li{margin:.2em 0}.prose li::marker{color:var(--accent)}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);font-weight:700;margin:.8em 0 .4em;line-height:1.2}.prose h1{font-size:18px}.prose h2{font-size:16px}.prose h3{font-size:15px}.prose a{color:var(--accent)}.prose code{font-family:var(--font-code);font-size:.85em;background:var(--paper-deep);padding:1px 5px;border-radius:3px}.err-float{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule-strong);border-left:3px solid var(--red);padding:12px 18px;font-size:13px;box-shadow:var(--edge-top),var(--shadow-lift);border-radius:var(--r-md);animation:rise .2s var(--ease) both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 620px){.cards{max-width:94%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.msg-body{max-width:94%}}