:root{--navy:#1f1646;--navy-2:#35287a;--lilac:#d5c2d7;--lilac-soft:#f4eff6;--ink:#1d1a2b;--muted:#6b6680;--line:#e9e5ef;--bg:#fff;--radius:18px}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}button{font:inherit;cursor:pointer}.sprai-app{flex-direction:column;height:100%;display:flex;overflow:hidden}.sprai-header{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;flex-shrink:0;padding:14px 16px}.sprai-header-bar{justify-content:space-between;align-items:center;display:flex}.sprai-identity{align-items:center;gap:10px;display:flex}.sprai-avatar{background:var(--lilac);border-radius:50%;flex-shrink:0}.sprai-name{letter-spacing:.2px;margin:0;font-size:16px;font-weight:700}.sprai-status{opacity:.8;align-items:center;gap:6px;margin:1px 0 0;font-size:12.5px;display:flex}.sprai-online{background:#3ddc84;border-radius:50%;width:7px;height:7px;display:inline-block}.sprai-actions{gap:4px;display:flex}.sprai-actions button{color:#fff;opacity:.8;background:0 0;border:0;border-radius:10px;place-items:center;padding:8px;display:grid}.sprai-actions button:hover{opacity:1;background:#ffffff1f}.sprai-hero{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;margin-top:-1px;padding:8px 18px 60px}.sprai-hello{margin:0;font-size:28px;font-weight:700}.sprai-hero-text{opacity:.85;margin:4px 0 0;font-size:20px;font-weight:500;line-height:1.3}.sprai-body{background:#faf9fc;flex:1;overflow-y:auto}.sprai-home{margin-top:-40px;padding:0 14px 16px}.sprai-card,.sprai-quick{border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:0 4px 18px #1f164614}.sprai-card{padding:16px 18px}.sprai-card-title{margin:0 0 4px;font-weight:700}.sprai-card-text{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.sprai-quick{margin-top:12px;overflow:hidden}.sprai-quick-item{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;align-items:center;gap:12px;padding:13px 16px;font-weight:500;display:flex}.sprai-quick-item:last-child{border-bottom:0}.sprai-quick-item:hover{background:var(--lilac-soft)}.sprai-quick-emoji{text-align:center;width:24px;font-size:18px}.sprai-quick-arrow{color:var(--navy-2);margin-left:auto;font-size:22px;line-height:1}.sprai-thread{flex-direction:column;gap:12px;padding:16px 14px 8px;display:flex}.sprai-row{align-items:flex-end;gap:8px;display:flex}.sprai-row.is-user{justify-content:flex-end}.sprai-col{flex-direction:column;gap:6px;max-width:82%;display:flex}.is-user .sprai-col{align-items:flex-end}.sprai-bubble{border-radius:var(--radius);word-wrap:break-word;overflow-wrap:anywhere;padding:10px 14px;line-height:1.5}.is-bot .sprai-bubble{border:1px solid var(--line);background:#fff;border-bottom-left-radius:6px}.is-user .sprai-bubble{background:var(--navy);color:#fff;white-space:pre-wrap;border-bottom-right-radius:6px}.sprai-photo{object-fit:cover;border-radius:14px;max-width:220px;max-height:220px}.sprai-wait{border-radius:var(--radius);background:var(--lilac-soft);border-bottom-left-radius:6px;align-items:center;gap:8px;max-width:100%;padding:9px 14px;font-size:14px;display:inline-flex}.sprai-wait-icon{animation:1.6s ease-in-out infinite sprai-wiggle;display:inline-block}.sprai-wait-text{background:linear-gradient(90deg, var(--muted) 0%, var(--muted) 35%, var(--navy-2) 50%, var(--muted) 65%, var(--muted) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite sprai-shimmer,.35s sprai-fade-in}@keyframes sprai-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes sprai-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes sprai-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (prefers-reduced-motion:reduce){.sprai-wait-icon,.sprai-wait-text{animation:none}.sprai-wait-text{color:var(--muted);background:0 0}}.sprai-tool{color:var(--muted);align-items:center;gap:8px;padding-left:4px;font-size:13px;display:flex}.sprai-md>:first-child{margin-top:0}.sprai-md>:last-child{margin-bottom:0}.sprai-md p{margin:0 0 8px}.sprai-md ul,.sprai-md ol{margin:4px 0 8px;padding-left:20px}.sprai-md li{margin:2px 0}.sprai-md a{color:var(--navy-2);text-underline-offset:2px;font-weight:600;text-decoration:underline}.sprai-md h1,.sprai-md h2,.sprai-md h3{margin:10px 0 4px;font-size:15px}.sprai-md table{border-collapse:collapse;width:100%;margin:6px 0;font-size:13.5px}.sprai-md th,.sprai-md td{border-bottom:1px solid var(--line);text-align:left;padding:4px 6px}.sprai-md hr{border:0;border-top:1px solid var(--line);margin:10px 0}.sprai-typing{align-items:center;gap:4px;height:10px;display:inline-flex}.sprai-typing i{background:var(--navy-2);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite sprai-bounce}.sprai-typing i:nth-child(2){animation-delay:.15s}.sprai-typing i:nth-child(3){animation-delay:.3s}@keyframes sprai-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:.9;transform:translateY(-4px)}}.sprai-composer{border-top:1px solid var(--line);background:#fff;flex-shrink:0;padding:10px 12px 8px}.sprai-form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;border-bottom-left-radius:6px;gap:8px;max-width:320px;padding:12px 14px;animation:.3s sprai-fade-in;display:grid;box-shadow:0 4px 16px #1f164614}.sprai-form.done{color:var(--muted);box-shadow:none;padding:8px 12px;font-size:13px}.sprai-form-title{font-size:14px;font-weight:600}.sprai-form input[type=text],.sprai-form input[type=email]{border:1px solid var(--line);font:inherit;box-sizing:border-box;border-radius:10px;width:100%;padding:9px 11px;font-size:15px}.sprai-form input:focus{outline:2px solid var(--navy-2);outline-offset:-1px}.sprai-form-row{align-items:center;gap:6px;display:flex}.sprai-form-error{color:#b42318;font-size:12.5px}.sprai-form-check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.35;display:flex}.sprai-form-check input{accent-color:var(--navy);margin-top:2px}.sprai-form-foot{color:var(--muted);font-size:11.5px}.sprai-form-foot a,.sprai-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sprai-composer.is-hidden{display:none}.sprai-offline{color:#7a4a00;background:#fff4e0;border-bottom:1px solid #f3dcae;padding:10px 14px;font-size:13px;line-height:1.4}.sprai-offline a{color:inherit;font-weight:600;text-decoration:underline}.sprai-quick-item:disabled{opacity:.55;cursor:wait}.sprai-quick-hint{text-align:center;color:var(--muted);margin:10px 4px 0;font-size:13px}.sprai-turnstile:empty{display:none}.sprai-turnstile{justify-content:center;margin-bottom:8px;display:flex}.sprai-photo-note{color:var(--muted);margin:0 0 8px;font-size:11.5px;line-height:1.4}.sprai-photo-note a{color:inherit;text-decoration:underline}.sprai-previews{gap:8px;margin-bottom:8px;display:flex}.sprai-preview{background:0 0;border:0;padding:0;position:relative}.sprai-preview img{object-fit:cover;border-radius:10px;width:56px;height:56px;display:block}.sprai-preview span{background:var(--ink);color:#fff;border-radius:50%;width:20px;height:20px;font-size:13px;line-height:20px;position:absolute;top:-6px;right:-6px}.sprai-input-row{border:1.5px solid var(--line);border-radius:22px;align-items:flex-end;gap:6px;padding:5px 5px 5px 14px;transition:border-color .15s;display:flex}.sprai-input-row:focus-within{border-color:var(--navy-2)}.sprai-input-row textarea{resize:none;font:inherit;max-height:120px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:7px 0}.sprai-icon-btn{color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:7px;display:grid}.sprai-icon-btn:hover{color:var(--navy);background:var(--lilac-soft)}.sprai-send{background:var(--navy);color:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .15s,opacity .15s;display:grid}.sprai-send:hover:not(:disabled){background:var(--navy-2)}.sprai-send:disabled{opacity:.35;cursor:default}.sprai-disclaimer{text-align:center;color:var(--muted);margin:6px 0 0;font-size:11px}.sprai-disclaimer a{color:inherit;text-decoration:underline}.sprai-row{animation:.28s ease-out both sprai-rise}@keyframes sprai-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sprai-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;padding-left:4px;font-size:11.5px;animation:.4s ease-out both sprai-fade;display:flex}@keyframes sprai-fade{0%{opacity:0}}.sprai-rate{align-items:center;gap:2px;display:inline-flex}.sprai-rate button{filter:grayscale(.4);background:0 0;border:0;border-radius:8px;padding:2px 4px;font-size:14px;transition:transform .15s,filter .15s,background .15s}.sprai-rate button:hover{filter:none;background:var(--lilac-soft);transform:scale(1.15)}.sprai-rate em{color:var(--navy-2);font-style:normal}.sprai-cards{flex-direction:column;gap:8px;animation:.3s ease-out both sprai-rise;display:flex}.sprai-card-product{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 2px 8px #1f16460d}.sprai-card-product:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1f16461f}.sprai-card-product img{object-fit:contain;background:#faf9fc;border-radius:10px;flex-shrink:0;width:64px;height:64px}.sprai-card-info{min-width:0}.sprai-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.sprai-card-price{align-items:center;gap:8px;margin:4px 0 0;font-size:13.5px;display:flex}.sprai-card-price span{border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}.sprai-card-price .is-in{color:#18794e;background:#e6f7ee}.sprai-card-price .is-out{color:#b42318;background:#fdeceb}.sprai-card-cta{color:var(--navy-2);margin-top:4px;font-size:12.5px;font-weight:600;display:inline-block}.sprai-resume{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin-top:12px;padding:12px 16px;display:grid;box-shadow:0 4px 18px #1f164614}.sprai-resume:hover{background:var(--lilac-soft)}.sprai-resume-label{font-size:14px;font-weight:700}.sprai-resume-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-row:2;font-size:13px;overflow:hidden}.sprai-resume .sprai-quick-arrow{grid-area:1/2/span 2}
