.chat-page{background:#f7faff;--chat-tint:#e0eeff;--chat-ink:#20364e}
.chat-page[data-category="insurance"]{--chat-tint:#d7f3f0}
.chat-page .chat-shell{border:2px solid var(--chat-ink);box-shadow:5px 6px 0 var(--chat-ink);border-radius:28px 31px 27px 30px;background:#fffefa}
.chat-page .chat-header{height:102px;padding:12px 30px;background:var(--chat-tint);border-bottom:2px solid var(--chat-ink);gap:16px}
.chat-mascot{width:78px;height:78px;flex-shrink:0;background-image:url('/images/category-cartoons.png');background-size:300% 200%;background-position:0 0;transform:rotate(-5deg)}
[data-category="insurance"] .chat-mascot{background-position:50% 0;transform:rotate(4deg)}
.chat-page .chat-header strong{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.6px}
.chat-page .assistant-label{font-size:13px;color:#496079}
.chat-page .reset{height:40px;width:40px;border:2px solid var(--chat-ink);box-shadow:2px 2px 0 var(--chat-ink);color:var(--chat-ink);background:#fffefa;font-size:25px;transition:transform .15s,box-shadow .15s}
.chat-page .reset:hover{transform:rotate(-12deg);background:#ffe87b}
.chat-page .reset:active{transform:translate(2px,2px);box-shadow:none}
.chat-page .chat-body{background-color:#fffefa;background-image:radial-gradient(#23375012 .8px,transparent .8px);background-size:22px 22px}
.chat-page .today{width:fit-content;max-width:100%;margin:0 auto 30px;background:#fff0aa;border:1.5px solid var(--chat-ink);border-radius:8px;padding:7px 12px;transform:rotate(-2deg);font-size:11px;letter-spacing:1px;color:#34465d;font-weight:600}
.chat-page .message{margin-bottom:20px;animation:chat-pop .25s ease-out}
.chat-page .small-avatar{background:#ffe87b;border:1.5px solid var(--chat-ink);color:var(--chat-ink);width:29px;height:29px;border-radius:10px 11px 4px 10px;line-height:25px;font-weight:800}
.chat-page .bubble{padding:14px 18px;border:1.5px solid var(--chat-ink);box-shadow:2px 3px 0 #20364e19;background:#fff;border-radius:19px 20px 20px 5px;font-size:16px;line-height:1.65}
.chat-page .user .bubble{background:#155ce7;color:white;border-radius:20px 19px 5px 20px;box-shadow:2px 3px 0 var(--chat-ink)}
.chat-page .choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:12px;padding-left:39px;margin-top:22px}
.chat-page .choice{min-height:65px;padding:14px;border:1.5px solid var(--chat-ink);box-shadow:2px 3px 0 var(--chat-ink);border-radius:14px;background:var(--chat-tint);color:#20364e;animation:chat-pop .25s ease-out both;animation-delay:calc(var(--reply-order,0)*45ms);gap:10px}
.chat-page .choice:hover{background:#ffe87b;transform:translate(-1px,-2px);box-shadow:3px 5px 0 var(--chat-ink)}
.chat-page .choice:active{transform:translate(2px,3px);box-shadow:none}
.chat-page .choice strong{font-size:14px;font-weight:700;line-height:1.5}
.chat-page .choice small{font-size:12px;line-height:1.5;color:#52667c}
.chat-page .choice .icon{background:#ffffff9c;color:#20364e;flex-shrink:0}
.chat-page .choice .arrow{font-size:17px;color:#20364e}
.chat-page .chat-footer{border-top:2px solid var(--chat-ink);background:#fffefa;min-height:58px;font-size:12px;color:#56677e;gap:10px}
.chat-page .footer-icon{color:#20364e;font-size:22px}
.chat-page #progress{font-size:11px;border:1px solid #20364e;border-radius:7px;background:#fff0aa;color:#20364e;padding:3px 7px}
.chat-page .typing-dots{display:flex;gap:6px;align-items:center;min-height:54px;padding:18px 20px;width:82px}
.typing-dots span{width:7px;height:7px;border-radius:50%;background:#4e6686;animation:typing-bounce 1s ease-in-out infinite}
.chat-page .typing-message{margin-bottom:18px}
.chat-page .result-card{margin-left:39px;background:#e0efd2;border:2px solid var(--chat-ink);box-shadow:3px 4px 0 var(--chat-ink);border-radius:20px;animation:chat-pop .3s ease-out}
.chat-page .result-card h2{font-family:Manrope,sans-serif;font-size:22px;font-weight:800}
.chat-page .result-tag{color:#365f3a}
.chat-page .cta{border:1.5px solid var(--chat-ink);box-shadow:2px 3px 0 var(--chat-ink);border-radius:12px}
.chat-page .cta:disabled{box-shadow:none;background:#ffffff85;color:#56677e}
.chat-page .restart-link{color:#20364e;text-decoration:underline;text-underline-offset:3px}
@keyframes typing-bounce{0%,65%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
@keyframes chat-pop{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){.chat-page .chat-shell{border-radius:21px;box-shadow:3px 4px 0 var(--chat-ink)}.chat-page .chat-header{height:90px;padding:12px 16px;gap:10px}.chat-mascot{width:62px;height:62px}.chat-page .chat-header strong{font-size:20px}.chat-page .assistant-label{font-size:12px}.chat-page .choices{padding-left:0;gap:11px}.chat-page .choice{padding:12px;gap:8px;min-height:62px}.chat-page .choice small{display:none}.chat-page .choice .icon{display:none}.chat-page .bubble{padding:12px 14px;font-size:15px}.chat-page .result-card{margin-left:0}.chat-page .chat-body{padding:24px 14px}.chat-page .chat-footer{padding:12px 16px}.chat-page .message{max-width:96%}.chat-page .today{font-size:10px}.chat-page .reset{width:35px;height:35px;flex-shrink:0}}
@media(max-width:350px){.chat-page .choices{grid-template-columns:1fr}.chat-page .assistant-label{max-width:120px}}
@media(prefers-reduced-motion:reduce){.chat-page .message,.chat-page .choice,.typing-dots span,.chat-page .result-card{animation:none!important}.chat-page .choice,.chat-page .reset{transition:none!important}.typing-dots span{opacity:.65}}