.motzia-update-banner[hidden], .motzia-update-banner button[hidden] { display:none!important; }
.motzia-update-banner { box-sizing:border-box; position:fixed; z-index:2147483647; left:50%; bottom:max(14px,env(safe-area-inset-bottom)); transform:translateX(-50%); display:flex; align-items:center; flex-wrap:wrap; gap:10px; width:min(560px,calc(100vw - 24px)); padding:14px 16px; border:3px solid #8a70d2; border-radius:22px; background:#fff; box-shadow:0 12px 34px #0003; color:#203840; font:700 15px/1.35 system-ui,-apple-system,sans-serif; animation:mub .35s ease both; }
.motzia-update-banner span { flex:1 1 220px; }
.motzia-update-banner button { box-sizing:border-box; min-height:46px; padding:8px 16px; border:0; border-radius:14px; background:#27a98c; box-shadow:0 4px 0 #1c7f69; color:#fff; font:800 15px system-ui,-apple-system,sans-serif; cursor:pointer; }
.motzia-update-banner button:last-child { background:#f2efe8; box-shadow:0 4px 0 #ddd5c4; color:#203840; }
.motzia-update-banner button:active { transform:translateY(3px); box-shadow:none; }
.motzia-update-banner button:focus-visible { outline:3px solid #8a70d2; outline-offset:2px; }
@keyframes mub { from { opacity:0; transform:translate(-50%,20px); } }
@media (prefers-reduced-motion: reduce) { .motzia-update-banner { animation:none; } }