.update-notice{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;width:min(380px,calc(100vw - 32px));pointer-events:none}.update-notice-card{pointer-events:auto;display:grid;grid-gap:4px;gap:4px;padding:14px 16px 12px;border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-3)}.update-notice-title{font-size:14px;font-weight:700}.update-notice-body{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}.update-notice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.update-notice-actions .btn{height:36px;padding:0 14px;font-size:13px}.update-notice-actions .btn-ghost{color:var(--ink-2);-webkit-text-fill-color:var(--ink-2);background:transparent}.update-notice-actions .btn-ghost:hover{color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--surface-3)}.update-notice-actions .btn-primary{color:var(--on-brand);-webkit-text-fill-color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.update-notice-actions .btn-primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}@media (max-width:640px){.update-notice{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:auto}.update-notice-actions .btn{flex:1 1;height:44px}}