.welcome-toast{position:fixed;z-index:30;top:max(1.5rem,env(safe-area-inset-top));right:clamp(1rem,3vw,3.5rem);display:flex;align-items:center;gap:.8rem;width:min(26rem,calc(100% - 2rem));border:1px solid #ffffffb0;border-radius:1.25rem;padding:1.45rem 2.7rem 1.5rem 1.4rem;background:#fffffff5;box-shadow:0 18px 65px #15190030;overflow:hidden;backdrop-filter:blur(14px);animation:welcome-in .5s var(--ease)}.welcome-toast.is-leaving{opacity:0;transform:translateX(24px);transition:.3s var(--ease)}.welcome-copy{min-width:0;flex:1}.welcome-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.1em;color:#8b7512}.welcome-copy h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em;margin:.5rem 0 .7rem;overflow-wrap:anywhere}.welcome-copy p{margin:0;color:#606153;font-size:1rem;line-height:1.6}.welcome-copy strong{color:#292c20;font-weight:700}.welcome-close{position:absolute;top:.35rem;right:.35rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:.65rem;border:0;border-radius:50%;background:transparent;color:#888a7b}.welcome-close:hover{background:#eeeee5;color:#333}.welcome-portrait{align-self:end;width:5.4rem;height:7rem;object-fit:contain;object-position:bottom;flex-shrink:0;margin-bottom:-1.5rem}.welcome-timer{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--yellow);transform-origin:left;animation:welcome-countdown 8s linear forwards}.welcome-toast:hover .welcome-timer,.welcome-toast:focus-within .welcome-timer{animation-play-state:paused}@keyframes welcome-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes welcome-countdown{to{transform:scaleX(0)}}
@media(max-width:650px){.welcome-toast{top:max(1rem,env(safe-area-inset-top));right:1rem;padding:1.15rem 2.5rem 1.2rem 1.1rem}.welcome-copy h2{font-size:1.2rem}.welcome-portrait{width:4rem;height:5.5rem}}