.ai-chat-page{background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--brand-500) 9%,transparent),transparent 28%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--navy-900) 7.1%,transparent),transparent 32%),linear-gradient(var(--gray-50),var(--gray-100));min-height:76vh;padding:42px 0 64px}.ai-chat-form button:disabled svg{animation:.8s linear infinite castapos-spin}.ai-chat-form input:disabled{cursor:wait;opacity:.72}.ai-chat-form button:disabled{cursor:wait;opacity:.82}.ai-chat-typing{background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);border-radius:18px;align-items:center;gap:5px;width:fit-content;padding:14px 16px;display:flex}.ai-chat-typing i{background:var(--gray-400);border-radius:50%;width:7px;height:7px;animation:1.1s infinite castapos-typing-bounce;display:inline-block}.ai-chat-typing i:nth-child(2){animation-delay:.15s}.ai-chat-typing i:nth-child(3){animation-delay:.3s}@keyframes castapos-typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ai-chat-error{color:var(--error-700);background:var(--error-50);border:1px solid color-mix(in srgb,var(--error-600) 18%,transparent);border-radius:14px;grid-column:1/-1;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.4}.ai-chat-page-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:28px;display:grid}.ai-chat-copy h1{color:var(--navy-900);max-width:620px;font-family:var(--font-serif),Georgia,serif;letter-spacing:-.035em;margin:0;font-size:clamp(42px,5vw,68px);line-height:.98}.ai-chat-copy p{color:var(--gray-500);max-width:560px;font-size:17px;line-height:1.7}.ai-chat-prompt-list{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.ai-chat-prompt-list button{color:var(--gray-700);cursor:pointer;background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);border-radius:999px;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:800;transition:border-color .15s,color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex}.ai-chat-prompt-list button:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-500);background:var(--brand-tint);box-shadow:0 8px 18px color-mix(in srgb,var(--brand-500) 18%,transparent);transform:translateY(-1px)}.ai-chat-prompt-list button:disabled{opacity:.5;cursor:not-allowed}.ai-chat-prompt-list svg,.ai-chat-side-note svg{color:var(--brand-500)}.ai-chat-side-note{color:var(--gray-600);background:color-mix(in srgb,var(--white) 85.9%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);border-radius:18px;align-items:flex-start;gap:10px;max-width:560px;margin-bottom:18px;padding:14px 16px;font-weight:750;line-height:1.45;display:flex}.ai-chat-copy .btn{gap:8px}.ai-chat-surface{background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);box-shadow:0 30px 90px color-mix(in srgb,var(--gray-900) 14.1%,transparent);border-radius:30px;position:relative;overflow:hidden}.ai-chat-surface:before{content:"";background:linear-gradient(90deg,var(--gold-dark),var(--brand-200),var(--brand-500));height:3px;display:block}.ai-chat-header{color:var(--white);background:linear-gradient(135deg,var(--navy-900),var(--navy-800));align-items:center;gap:13px;padding:20px;display:flex}.ai-chat-header>span{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));box-shadow:0 8px 18px color-mix(in srgb,var(--brand-500) 33.3%,transparent);border-radius:17px;place-items:center;width:48px;height:48px;display:grid}.ai-chat-header b{color:var(--white);font-size:20px;display:block}.ai-chat-header small{color:var(--gray-300)}.ai-chat-header-status{color:var(--success-400);align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:750;display:flex}.ai-chat-header-status:before{content:"";background:var(--success-400);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite castapos-pulse-dot}@keyframes castapos-pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--success-400) 40%,transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.ai-chat-messages{background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--brand-500) 7.8%,transparent),transparent 28%),var(--gray-50);gap:12px;min-height:360px;max-height:470px;padding:20px;display:grid;overflow:auto}.ai-chat-message{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;max-width:88%;display:grid}.ai-chat-message.user{grid-template-columns:minmax(0,1fr) 34px;justify-self:end}.ai-chat-message>span{color:var(--white);background:linear-gradient(135deg,var(--navy-900),var(--navy-700));box-shadow:0 4px 10px color-mix(in srgb,var(--navy-900) 23.9%,transparent);border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.ai-chat-message.user>span{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));box-shadow:0 4px 12px color-mix(in srgb,var(--brand-500) 33.3%,transparent);order:2}.ai-chat-message p{color:var(--gray-700);overflow-wrap:anywhere;white-space:pre-wrap;background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--gray-900) 3.9%,transparent);border-radius:18px;margin:0;padding:13px 15px;line-height:1.55;overflow:visible}.ai-chat-message.user p{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));box-shadow:0 8px 20px color-mix(in srgb,var(--brand-500) 25.1%,transparent);color:var(--white)}.ai-chat-link{color:var(--brand-500);text-underline-offset:2px;font-weight:800;text-decoration:underline}.ai-chat-message.user .ai-chat-link{color:var(--white)}.ai-chat-product-cards{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ai-chat-product-card{background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);border-radius:14px;align-items:center;gap:10px;width:200px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex}.ai-chat-product-card:hover{border-color:var(--brand-500);box-shadow:0 8px 20px color-mix(in srgb,var(--gray-900) 7.8%,transparent)}.ai-chat-product-card img{object-fit:contain;background:var(--gray-50);border-radius:10px;flex-shrink:0;width:44px;height:44px}.ai-chat-product-card div{gap:2px;min-width:0;display:grid}.ai-chat-product-card b{color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.ai-chat-product-card span{color:var(--brand-500);font-size:12px;font-weight:800}.ai-chat-quick-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ai-chat-quick-option{color:var(--gray-700);cursor:pointer;background:var(--white);border:1px solid var(--gray-300);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;transition:border-color .15s,color .15s,background .15s}.ai-chat-quick-option:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-500);background:var(--brand-tint)}.ai-chat-quick-option:disabled{opacity:.5;cursor:not-allowed}.ai-chat-locked{background:var(--gray-50);place-content:center;gap:18px;min-height:410px;padding:40px 28px;display:grid}.ai-chat-locked-row{align-items:center;gap:14px;display:flex}.ai-chat-locked-icon{color:var(--white);background:linear-gradient(135deg,var(--ai-1),var(--ai-2));box-shadow:0 8px 20px color-mix(in srgb,var(--ai-1) 33.3%,transparent);border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.ai-chat-locked-row p{color:var(--gray-700);background:var(--white);border:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--gray-900) 3.9%,transparent);border-radius:18px;margin:0;padding:14px 18px;font-weight:750;line-height:1.5}.ai-chat-locked-cta{color:var(--white);background:linear-gradient(135deg,var(--ai-1),var(--ai-2));box-shadow:0 8px 20px color-mix(in srgb,var(--ai-1) 33.3%,transparent);border-radius:14px;align-items:center;gap:8px;width:fit-content;padding:12px 22px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.ai-chat-locked-cta:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--ai-1) 43.9%,transparent);transform:translateY(-2px)}.ai-chat-form{background:var(--white);border-top:1px solid color-mix(in srgb,var(--gray-900) 7.8%,transparent);grid-template-columns:1fr 50px;gap:10px;padding:16px;display:grid;position:relative}.ai-chat-form input{border:1px solid color-mix(in srgb,var(--gray-900) 12.2%,transparent);border-radius:999px;outline:0;min-width:0;height:50px;padding:0 20px}.ai-chat-form input:focus{border-color:color-mix(in srgb,var(--brand-500) 42%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 10.2%,transparent)}.ai-chat-form button{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:var(--white);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-500) 27.1%,transparent);border:0;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid}.ai-chat-form button:hover:not(:disabled){box-shadow:0 10px 22px color-mix(in srgb,var(--brand-500) 33.3%,transparent);transform:translateY(-2px)}:root[data-theme=dark] .ai-chat-form,:root[data-theme=dark] .ai-chat-locked,:root[data-theme=dark] .ai-chat-locked-row p,:root[data-theme=dark] .ai-chat-message p,:root[data-theme=dark] .ai-chat-messages,:root[data-theme=dark] .ai-chat-prompt-list button,:root[data-theme=dark] .ai-chat-side-note,:root[data-theme=dark] .ai-chat-surface{background:#101a2bf0;border-color:#ffffff1a}:root[data-theme=dark] .ai-chat-locked-row p{color:#cbd3df}:root[data-theme=dark] .ai-chat-page{background:radial-gradient(circle at 12% 4%,#f35f3624,#0000 30%),linear-gradient(#07111f,#101827)}:root[data-theme=dark] .ai-chat-copy h1{color:#fff}:root[data-theme=dark] .ai-chat-copy p,:root[data-theme=dark] .ai-chat-message p,:root[data-theme=dark] .ai-chat-prompt-list button,:root[data-theme=dark] .ai-chat-side-note{color:#cbd3df}:root[data-theme=dark] .ai-chat-form input{color:#fff;background:#ffffff0d;border-color:#ffffff1f}@media (max-width:900px){.ai-chat-page-layout{grid-template-columns:1fr}}@media (max-width:760px){.ai-chat-page{padding:24px 0 48px}.ai-chat-surface{border-radius:26px}.ai-chat-copy h1{font-size:38px}.ai-chat-messages{min-height:330px;max-height:52vh;padding:14px}.ai-chat-message{max-width:96%}.ai-chat-form{grid-template-columns:1fr 48px;padding:12px}}
