/* Floating notice is non-modal, never shifts layout or captures taps. */
#welcome-banner{position:fixed;z-index:1000;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;width:max-content;max-width:calc(100% - 28px);box-sizing:border-box;padding:11px 17px;border:1px solid #ffffffdf;border-radius:15px;background:#fdfcf9;color:var(--glass-ink,#3c403a);box-shadow:0 7px 26px #26313e18,inset 0 1px 0 #fff;font-size:12px;line-height:1.7;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translate(-50%,-9px);transition:opacity .6s ease,transform .6s ease}
#welcome-banner[hidden]{display:none!important}
#welcome-banner.visible{opacity:1;transform:translate(-50%,0)}
#welcome-banner .welcome-weather{margin-left:10px;color:var(--glass-muted,#626761)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#welcome-banner{background:#ffffffdc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
@media(max-width:720px){#welcome-banner{font-size:11px;padding:10px 12px;border-radius:13px}#welcome-banner .welcome-weather{display:block;margin-left:0;font-size:10px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){#welcome-banner{transition:none;transform:translate(-50%,0)}}