.update-notice{position:fixed;right:24px;bottom:24px;z-index:90;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px 13px;width:min(420px,calc(100vw - 32px));padding:19px 20px;border:1px solid #bfcddd;border-radius:17px;background:#f8fbfdf5;box-shadow:0 12px 40px #273b6426;backdrop-filter:blur(10px);color:#273b64;font:14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;animation:update-notice-in .3s ease-out}
.update-notice[hidden]{display:none}
.update-notice-icon{display:grid;place-items:center;width:28px;height:28px;background:#eee7d9;border-radius:50%;color:#9b7b47;font-size:21px;line-height:1}
.update-notice-message{margin:0;font-size:14px;line-height:1.65;align-self:center}
.update-notice-actions{grid-column:2;display:flex;gap:10px;align-items:center;margin-top:2px}
.update-notice button{font:inherit;cursor:pointer;padding:7px 14px;min-height:36px;border-radius:99px;border:1px solid transparent;line-height:1.4;font-size:13px}
.update-notice-reload{background:#273b64;color:#f6f8fb}.update-notice-reload:hover{background:#3b547f}
.update-notice-later{background:transparent;color:#60768f}.update-notice-later:hover{background:#e6edf4}
.update-notice button:focus-visible{outline:2px solid #bb8749;outline-offset:3px}
.update-notice button:disabled{opacity:.6;cursor:wait}
@keyframes update-notice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:740px){.update-notice{right:14px;bottom:14px;padding:16px;width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.update-notice{animation:none}}