#shuna-help.concierge{position:fixed;inset:auto 24px 24px auto;margin:0;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d9cfbb;border-radius:26px;background:#fffdf8;color:#102b3c;overflow:auto;box-shadow:0 18px 80px #071c2d30;font:15px/1.5 Arial,sans-serif}
#shuna-help.concierge::backdrop{background:#071c2d33;backdrop-filter:blur(2px)}
.concierge button{font:inherit;padding:12px 16px;border:1px solid #d5c8ad;border-radius:14px;cursor:pointer;background:#fffdf8;color:#102b3c}.concierge button:disabled{opacity:.55;cursor:wait}.concierge button:focus-visible,.concierge input:focus-visible{outline:3px solid #b79049;outline-offset:3px}.concierge #close{position:absolute;right:16px;top:16px;padding:5px 12px;font-size:22px}.concierge h2{font:32px/1.15 Georgia,serif;margin:8px 0}.concierge p{margin:10px 0}.concierge #choices{display:flex;gap:8px}.concierge #voice{background:#102b3c;color:#fff}.concierge .note{font-size:11px;line-height:1.5;color:#65727b}.concierge #status{font-size:13px;color:#87652b}.concierge #messages{max-height:25dvh;overflow:auto;overscroll-behavior:contain}.concierge #messages p{padding:12px;border-radius:14px;background:#f1ede3;white-space:pre-wrap;font-size:14px}.concierge #messages .user{background:#e6eef1}.concierge label{display:block;font-size:12px;margin:10px 0 5px}.concierge .row{display:flex;gap:6px}.concierge input{width:100%;min-width:0;border:1px solid #d5c8ad;border-radius:12px;padding:10px;font:inherit;background:white}.concierge #stop{font-size:12px;margin-top:10px}.concierge #consultation{width:100%;margin-top:12px;background:#c6a461;color:#071c2d;font-weight:600}.concierge-brand{font-size:10px;letter-spacing:.14em;color:#886b37}.concierge-avatar{position:relative;width:86px;height:80px;margin-bottom:6px}.concierge-avatar img{width:100%}.concierge-avatar .beak{position:absolute;left:47%;top:43%;width:7%;height:8%;background:linear-gradient(#7a4119,#bd7c32);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transform:scaleY(calc(1 + var(--speech,0)*1.4))}
@media(max-width:600px){#shuna-help.concierge{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;padding:20px;max-height:calc(100dvh - 24px)}.concierge #choices button{flex:1;padding:12px 8px;font-size:14px}.concierge-avatar{width:70px;height:64px}.concierge #messages{max-height:25dvh}}
@media(prefers-reduced-motion:reduce){.concierge-avatar .beak{transform:none}}

#shuna-help.concierge h2{color:#102b3c}#shuna-help.concierge .concierge-brand{font-size:10px;color:#886b37}

.concierge-avatar .eye{position:absolute;top:30.8%;width:10.8%;height:11.6%;border-radius:50%;overflow:hidden}.concierge-avatar .left{left:35%}.concierge-avatar .right{left:54%}.concierge-avatar .pupil{position:absolute;width:59%;height:59%;left:20%;top:20%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 9%,#858482 10% 16%,#292421 20%,#080706 65%);box-shadow:0 1px 3px #1d1009}.concierge-avatar .lid{position:absolute;inset:0;background:linear-gradient(#7c401d,#b26e35);transform:translateY(-103%);border-bottom:2px solid #583016;border-radius:45%;}.concierge-avatar.blink .lid{animation:blink .18s ease-in-out 2 alternate}@keyframes blink{to{transform:translateY(0)}}

.concierge-avatar{transform-origin:50% 90%}.concierge-avatar .left .pupil{left:26%}.concierge-avatar .right .pupil{left:14%}
#shuna-help.has-conversation{height:min(760px,calc(100dvh - 32px))}
#shuna-help.has-conversation[open]{display:flex;flex-direction:column;gap:6px}
#shuna-help.has-conversation .concierge-avatar{width:58px;height:54px;flex-shrink:0;margin:0}
#shuna-help.has-conversation h2{font-size:23px;margin:0}
#shuna-help.has-conversation .concierge-brand,#shuna-help.has-conversation #help-description{display:none}
#shuna-help.has-conversation #choices{gap:6px}
#shuna-help.has-conversation #choices button{padding:6px 10px;font-size:12px;flex:initial}
#shuna-help.has-conversation #choices:has(button:disabled){display:none}
#shuna-help.has-conversation .note{font-size:10px;margin:0}
#shuna-help.has-conversation #status{margin:2px 0;font-size:12px}
#shuna-help.has-conversation #messages{flex:1;min-height:100px;max-height:none;overflow:auto}
#shuna-help.has-conversation #messages p{margin:6px 0}
#shuna-help.has-conversation #stop,#shuna-help.has-conversation #consultation{padding:8px 12px;font-size:12px;margin:0}
#shuna-help.has-conversation label{margin:0 0 3px}
#shuna-help.has-conversation #form{margin:0}
@media(prefers-reduced-motion:reduce){.concierge-avatar .lid{animation:none!important}}
#shuna-help.has-conversation:not(:modal){box-shadow:0 18px 60px #071c2d40}
.concierge-highlight{animation:concierge-highlight 1.8s ease-out}
@keyframes concierge-highlight{0%,35%{box-shadow:inset 0 0 0 3px #c6a461,0 0 0 6px #c6a46155}100%{box-shadow:inset 0 0 0 3px transparent,0 0 0 6px transparent}}
@media(max-width:600px){#shuna-help.has-conversation.docked{height:auto;cursor:pointer;padding:10px 14px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}#shuna-help.docked .concierge-avatar{width:40px;height:37px}#shuna-help.docked h2{font-size:18px}#shuna-help.docked #status{flex-basis:100%;order:5}#shuna-help.docked :is(#choices,.note,#messages,#form,#consultation,#close){display:none}#shuna-help.docked #stop{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.concierge-highlight{animation:none;outline:3px solid #c6a461;outline-offset:-3px}}
.concierge #leave{margin:8px 0;padding:10px 12px;border-radius:14px;background:#f6ecd9;flex-shrink:0}.concierge #leave p{margin:0 0 8px;font-size:13px}.concierge #leave .row{flex-wrap:wrap}.concierge #leave button{padding:8px 12px;font-size:12px}.concierge #leave-go{background:#102b3c;color:#fff}
