.app-update{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:95;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 6px 6px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-snug);white-space:nowrap;animation:app-update-in var(--dur-enter) var(--ease)}.app-update-icon{flex:none;color:var(--brand-strong)}.app-update-text{overflow:hidden;text-overflow:ellipsis}.app-update-sep{color:var(--text-3)}.app-update-reload{flex:none;min-height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--brand-grad);color:#fff;font:inherit;font-weight:600;cursor:pointer}.app-update-reload:focus-visible,.app-update-x:focus-visible{outline:2px solid var(--brand-ring);outline-offset:2px}.app-update-x{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-hover) ease,color var(--dur-hover) ease}.app-update-x:hover{background:var(--surface-3);color:var(--text)}@media (max-width:640px){body:has(.sidenav) .app-update{bottom:calc(76px + env(safe-area-inset-bottom))}}@keyframes app-update-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.app-update{animation:none}}