/* A Bruxa Real: illustrated live conversation */
.chat-panel{width:430px;max-height:min(780px,calc(100dvh - 115px));border-radius:24px;border:1px solid #d8b97f55;background:linear-gradient(155deg,#20141f,#141117 60%);box-shadow:0 28px 100px #000b,0 0 55px #82467320;overflow:hidden;isolation:isolate}
.chat-panel.magic-open{animation:magic-open .5s cubic-bezier(.2,.8,.2,1) both}
.chat-panel>header.magic-chat-header{position:relative;display:grid;grid-template-columns:100px 1fr 32px;align-items:center;gap:12px;min-height:156px;padding:18px 20px;background:radial-gradient(ellipse at 16% 70%,#ad6b7940,transparent 62%),linear-gradient(130deg,#352133,#211821);border-bottom:1px solid #d8b97f30;flex-shrink:0}
.magic-chat-heading{position:relative;z-index:2;min-width:0}.magic-chat-heading .eyebrow{font-size:9px;letter-spacing:.22em}.chat-panel .magic-chat-heading h2{font-size:27px;line-height:1.08;margin:7px 0 10px;color:#fff0de}.chat-panel .magic-chat-heading p{font-size:11px;line-height:1.55;color:#cdbcc8;padding-left:12px;position:relative}.magic-chat-heading p:before{content:'';position:absolute;width:5px;height:5px;left:0;top:6px;border-radius:50%;background:#ac8697}.is-online .magic-chat-heading p:before{background:#bddd98;box-shadow:0 0 12px #a8e47c99}.magic-chat-header #chat-close{width:32px;height:32px;border-radius:50%;align-self:start;margin-top:2px;background:#ffffff06;border-color:#d8b97f33;z-index:3}
.witch-portrait{position:relative;width:100px;height:125px;display:grid;place-items:center}.witch-portrait img{position:relative;z-index:1;object-fit:contain;width:122px;max-width:none;height:150px;filter:drop-shadow(0 5px 15px #c7886350);transform-origin:50% 85%;animation:witch-float 5s ease-in-out infinite}.witch-orbit{position:absolute;inset:20px 0 5px;border:1px solid #dfc38a50;border-radius:50%;box-shadow:0 0 20px #b7784a22,inset 0 0 18px #e1aa7311;transform:rotate(-20deg)}.witch-orbit:after{content:'';position:absolute;inset:8px;border:1px dashed #dfc38a25;border-radius:50%;animation:spell-orbit 28s linear infinite}.witch-star{position:absolute;color:#f6d794;font-style:normal;z-index:2;filter:drop-shadow(0 0 6px #ffe0a7);animation:witch-spark 3.5s ease-in-out infinite}.star-one{left:0;top:28px;font-size:18px}.star-two{right:-2px;bottom:18px;font-size:20px;animation-delay:1s}.star-three{right:10px;top:5px;font-size:28px;animation-delay:2s}.is-typing .witch-portrait img{animation:witch-cast .85s ease-in-out infinite alternate}.is-typing .witch-orbit{box-shadow:0 0 32px #dfae6860,inset 0 0 22px #d69b3833}.is-typing .witch-star{animation-duration:1s}
.chat-launcher{padding:15px 24px 15px 72px;position:fixed;min-height:58px;border-radius:40px;background:linear-gradient(120deg,#e2c993,#caa76d);font-weight:600}.witch-launcher{position:absolute;left:6px;bottom:0;width:62px;height:83px;pointer-events:none}.witch-launcher img{width:68px;height:88px;object-fit:contain;max-width:none;filter:drop-shadow(0 3px 5px #24122355);animation:witch-float 5s ease-in-out infinite}.witch-launcher i{position:absolute;right:-3px;top:27px;color:#ffefc1;font-style:normal;text-shadow:0 0 10px #a43d55;animation:witch-spark 3s ease-in-out infinite}
.chat-panel .chat-messages{padding:20px 18px;gap:15px;min-height:90px;max-height:none;background:radial-gradient(ellipse at 0 40%,#61384f12,transparent 70%);scrollbar-width:thin;scrollbar-color:#b6976655 transparent;overscroll-behavior:contain}.chat-panel .bubble{position:relative;max-width:87%;padding:13px 15px;border:1px solid #d8b97f16;border-radius:18px;font-size:13px;line-height:1.65;box-shadow:0 5px 15px #0002;animation:none}.chat-panel .bubble.visitor{background:linear-gradient(140deg,#61394b,#422638);border-bottom-right-radius:5px}.chat-panel .bubble.admin{background:linear-gradient(145deg,#342b3e,#24212c);border-color:#d8b97f35;border-bottom-left-radius:5px;padding-top:16px}.chat-panel .bubble .sender{font-size:10px;letter-spacing:.03em}.chat-panel .bubble time{font-size:9px;color:#c8b6c4}.message-magic{position:absolute;right:9px;top:-10px;line-height:1;font-size:20px;color:#ecd09b;text-shadow:0 0 12px #d9ab6390;background:#241c29;border-radius:50%;padding:2px;pointer-events:none}.chat-panel .bubble.spell-new{animation:message-materialize .65s cubic-bezier(.2,.7,.2,1) both}.spell-new .message-magic{animation:message-spark 1.1s ease-out both}.chat-panel .bubble.spell-new:after{content:'✧ · ✦';position:absolute;right:5px;top:5px;color:#f8d597;pointer-events:none;animation:message-dust 1.2s ease-out both}
.chat-panel .magic-typing{display:flex;align-items:center;gap:10px;padding:0 20px 8px;flex-shrink:0;color:#dec390;font-size:11px;min-height:52px}.magic-typing img{width:38px;height:48px;object-fit:contain;animation:witch-cast .7s ease-in-out infinite alternate}.magic-typing>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.typing-spell{display:inline-flex;align-items:center;gap:5px;color:#d7b980}.typing-spell i{width:5px;height:5px;border-radius:50%;background:#ecc989;box-shadow:0 0 8px #edc67c80;animation:typing-orb 1.2s ease-in-out infinite}.typing-spell i:nth-child(2){animation-delay:.15s}.typing-spell i:nth-child(3){animation-delay:.3s}
.chat-panel .chat-start{overflow:auto;min-height:0;padding:20px}.chat-panel .chat-start>p{font-size:13px;color:#d2c3ce}.chat-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 18px}.chat-prompts button{font-size:10px;padding:8px 10px;border:1px solid #d8b97f35;border-radius:30px;color:#dfc38e;background:#d8b97f08}.chat-prompts button:hover{border-color:#dfc38e;background:#d8b97f18}.chat-panel input,.chat-panel textarea{border-radius:12px;border-color:#d8b97f30;background:#100d15;font-size:13px}.chat-panel input:focus,.chat-panel textarea:focus{border-color:#d8b97f;box-shadow:0 0 18px #b8874420}.chat-panel .chat-reply{padding:14px;gap:9px;background:#17121c;border-color:#d8b97f25;flex-shrink:0}.chat-panel .chat-reply>button{border-radius:12px;background:linear-gradient(135deg,#edd5a2,#bd975e);font-size:12px;font-weight:600;min-height:44px;padding-inline:17px}.chat-panel .chat-reply>button:hover{box-shadow:0 0 20px #d2a35035}.chat-panel .voice-toolbar{padding-top:9px}.chat-panel .voice-actions button{border-radius:20px!important}.chat-panel .chat-footer{font-size:10px;letter-spacing:.03em;background:#100d14;color:#b9a8b8;border-color:#d8b97f20;padding:11px;flex-shrink:0}.chat-panel .chat-read-receipt{font-size:9px;padding-bottom:7px}.chat-panel .chat-error{flex-shrink:0}.chat-panel .chat-orders{flex-shrink:0}.chat-panel .chat-start .form-note{font-size:10px;margin-top:12px}
@keyframes witch-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1.2deg)}}@keyframes witch-cast{from{transform:translateY(1px) rotate(-2deg)}to{transform:translateY(-4px) rotate(2deg)}}@keyframes witch-spark{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}@keyframes spell-orbit{to{transform:rotate(360deg)}}@keyframes typing-orb{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}@keyframes magic-open{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes message-materialize{from{opacity:0;transform:translateY(12px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes message-spark{0%{transform:scale(.3) rotate(-90deg);opacity:0}50%{transform:scale(1.4) rotate(30deg);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes message-dust{0%{opacity:0;transform:translateY(5px)}35%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
@media(max-width:640px){.chat-panel{left:10px;right:10px;width:auto;bottom:86px;max-height:calc(100dvh - 102px);border-radius:21px}.chat-panel>header.magic-chat-header{grid-template-columns:76px 1fr 30px;gap:9px;min-height:125px;padding:12px 14px}.witch-portrait{width:76px;height:98px}.witch-portrait img{width:100px;height:124px}.chat-panel .magic-chat-heading h2{font-size:24px}.magic-chat-heading .eyebrow{font-size:8px}.chat-panel .magic-chat-heading p{font-size:10px}.chat-panel .chat-messages{padding:17px 14px}.chat-panel .bubble{font-size:12px;max-width:90%}.chat-launcher{padding:14px 19px 14px 68px;min-height:55px}.chat-panel .chat-start{padding:16px}.chat-panel .chat-start textarea{min-height:65px}.chat-panel .chat-start label{margin-top:10px;font-size:11px}.chat-prompts{margin:10px 0}.chat-panel .chat-reply{padding:11px}.chat-panel .voice-status{font-size:9px}.chat-panel .magic-typing{padding-inline:15px;font-size:10px}}
.effects-paused .witch-portrait img,.effects-paused .witch-orbit:after,.effects-paused .witch-star,.effects-paused .witch-launcher img,.effects-paused .witch-launcher i,.effects-paused .magic-typing img,.effects-paused .typing-spell i,.effects-paused .chat-panel,.effects-paused .chat-panel .bubble,.effects-paused .message-magic,.effects-paused .spell-new:after{animation:none!important}.effects-paused .spell-new:after{display:none}
@media(prefers-reduced-motion:reduce){.witch-portrait img,.witch-orbit:after,.witch-star,.witch-launcher img,.witch-launcher i,.magic-typing img,.typing-spell i,.chat-panel,.chat-panel .bubble,.message-magic,.spell-new:after{animation:none!important}.spell-new:after{display:none}}