.app-update-notice { --update-surface:#fffefa; --update-text:#302f2b; --update-border:#e5e1d7; --update-accent:#9c503f; position:fixed; bottom:max(18px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); z-index:2147483000; display:flex; align-items:center; gap:16px; box-sizing:border-box; width:max-content; max-width:calc(100vw - 32px); padding:12px 16px; border:1px solid var(--update-border); border-radius:14px; background:var(--update-surface); color:var(--update-text); box-shadow:0 8px 32px #0002; font-size:13px; line-height:1.6; }
.app-update-notice button { flex-shrink:0; min-height:36px; padding:6px 13px; border:0; border-radius:8px; color:#fff; background:var(--update-accent); font:inherit; font-weight:650; cursor:pointer; }
.app-update-notice button:focus-visible { outline:3px solid var(--update-accent); outline-offset:3px; }
.app-update-notice button:disabled { opacity:.5; cursor:default; }
dialog > .app-update-notice { position:sticky; bottom:0; left:auto; transform:none; flex-shrink:0; width:calc(100% - 24px); max-width:none; margin:8px 12px 12px; }
body.theme-dark .app-update-notice { --update-surface:#242723; --update-text:#eeece5; --update-border:#41463d; }
body.style-default:not(.skin-warm-paper) .app-update-notice { --update-surface:#fff; --update-text:#1e293b; --update-border:#e2e8f0; --update-accent:#dc343c; }
body.style-default.theme-dark:not(.skin-warm-paper) .app-update-notice { --update-surface:#262626; --update-text:#f2f2f2; --update-border:#3a3a3a; }
body.style-liquid-glass .app-update-notice { --update-surface:rgb(250 252 255 / 92%); --update-text:#1e293b; --update-border:rgb(160 174 196 / 35%); --update-accent:#cf3549; backdrop-filter:blur(20px); }
body.style-liquid-glass.theme-dark .app-update-notice { --update-surface:rgb(25 31 45 / 94%); --update-text:#f1f5f9; --update-border:rgb(194 208 231 / 20%); }
@media(max-width:600px) { .app-update-notice { gap:10px; font-size:12px; } .app-update-notice button { min-height:44px; } }