.welcome-host{--welcome-height:min(56dvh,600px,calc((100vw - 550px)*16/9));position:fixed;z-index:7;left:50%;bottom:16px;transform:translateX(-50%);width:calc(var(--welcome-height)*9/16);height:var(--welcome-height);pointer-events:none}
.welcome-character{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;pointer-events:none}
.welcome-character::before{content:"";position:absolute;left:32%;right:32%;bottom:5.7%;height:2.4%;background:#26312233;border-radius:50%;filter:blur(4px);z-index:-1}
.welcome-character img,.welcome-character canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.welcome-character canvas{visibility:hidden}.welcome-host.is-speaking canvas{visibility:visible}.welcome-host.is-speaking img{visibility:hidden}
.welcome-trigger{position:absolute;right:0;bottom:14%;transform:translateX(35%);display:grid;place-items:center;width:56px;height:56px;padding:13px;border:1px solid #ead9aa;border-radius:50%;background:#fffcf1;color:#2b503f;box-shadow:0 4px 18px #233b2930;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:background .15s,box-shadow .15s}
.welcome-trigger:hover{background:#fff2c8;box-shadow:0 4px 21px #233b2945}.welcome-trigger:focus-visible{outline:3px solid #a87825;outline-offset:4px}
.welcome-trigger svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.welcome-trigger .welcome-pause-icon{display:none;stroke-width:4}
.welcome-trigger[aria-pressed="true"]{background:#2b503f;color:#fff9e7;border-color:#ffffff80}
.welcome-trigger[aria-pressed="true"] .welcome-sound-icon{display:none}.welcome-trigger[aria-pressed="true"] .welcome-pause-icon{display:block}
.welcome-source{position:fixed;width:1px;height:1px;left:0;bottom:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
@media(max-width:760px){.welcome-host{--welcome-height:min(38dvh,340px,calc(100dvh - 430px));bottom:278px}.welcome-trigger{width:48px;height:48px;padding:11px}}
@media(max-width:1100px) and (max-height:530px){.welcome-host{--welcome-height:min(68dvh,340px,calc((100vw - 510px)*16/9));bottom:10px}.welcome-trigger{width:46px;height:46px;padding:10px;bottom:12%;transform:translateX(25%)}}
@media(prefers-reduced-motion:reduce){.welcome-trigger{transition:none}}