.app-update-notice{position:fixed;top:12px;left:50%;z-index:1100;display:flex;align-items:center;gap:14px;width:min(560px,calc(100vw - 24px));box-sizing:border-box;padding:10px 12px 10px 16px;border:2px solid #23332b;border-radius:10px;background:#fffdf2;color:#18231d;box-shadow:0 8px 24px #18231d38;transform:translate(-50%);animation:app-update-in .18s ease both}.app-update-copy{display:grid;flex:1 1 auto;gap:2px;min-width:0}.app-update-copy strong{font-size:.92rem;font-weight:900}.app-update-copy span{color:#4d5d53;font-size:.78rem;font-weight:700;line-height:1.4}.app-update-actions{display:flex;flex:0 0 auto;gap:8px}.app-update-actions button{min-height:36px;padding:0 12px;border:2px solid #23332b;border-radius:8px;color:#18231d;cursor:pointer;font:inherit;font-size:.82rem;font-weight:900;box-shadow:inset 0 -3px #412a1629}.app-update-reload{background:#f0b35d}.app-update-later{background:#eef3e8}.app-update-actions button:disabled{cursor:default;opacity:.6}@keyframes app-update-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:520px){.app-update-notice{flex-direction:column;align-items:stretch;gap:8px}.app-update-actions button{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.app-update-notice{animation:none}}