.notification-banner.svelte-1i2xdq9{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;z-index:10000;box-shadow:0 4px 12px #00000026;animation:svelte-1i2xdq9-slideDown .3s ease-out}@keyframes svelte-1i2xdq9-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content.svelte-1i2xdq9{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);max-width:1200px;margin:0 auto}.banner-icon.svelte-1i2xdq9{display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:svelte-1i2xdq9-pulse 2s ease-in-out infinite}@keyframes svelte-1i2xdq9-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.banner-message.svelte-1i2xdq9{flex:1;min-width:0}.banner-title.svelte-1i2xdq9{font-weight:var(--weight-bold);font-size:var(--text-base);margin:0 0 var(--spacing-1) 0;line-height:1.2}.banner-text.svelte-1i2xdq9{font-size:var(--text-sm);margin:0;opacity:.95;line-height:1.4}.version-badge.svelte-1i2xdq9{display:inline-block;padding:2px 8px;background:#fff3;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-badge.new.svelte-1i2xdq9{background:#ffffff4d;box-shadow:0 0 0 2px #fff6}.banner-actions.svelte-1i2xdq9{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.btn-sync.svelte-1i2xdq9{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff;color:#ef4444;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-base) var(--easing-standard);white-space:nowrap}.btn-sync.svelte-1i2xdq9:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-sync.svelte-1i2xdq9:active{transform:translateY(0)}.btn-dismiss.svelte-1i2xdq9{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--duration-base) var(--easing-standard);flex-shrink:0}.btn-dismiss.svelte-1i2xdq9:hover{background:#fff3}.btn-dismiss.svelte-1i2xdq9:active{background:#ffffff26}@media(max-width:640px){.banner-content.svelte-1i2xdq9{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.banner-title.svelte-1i2xdq9{font-size:var(--text-sm)}.banner-text.svelte-1i2xdq9{font-size:var(--text-xs)}.btn-sync.svelte-1i2xdq9 span:where(.svelte-1i2xdq9){display:none}.btn-sync.svelte-1i2xdq9{width:32px;height:32px;padding:0;justify-content:center}.version-badge.svelte-1i2xdq9{font-size:10px;padding:1px 6px}}@media(prefers-reduced-motion:reduce){.notification-banner.svelte-1i2xdq9,.banner-icon.svelte-1i2xdq9{animation:none}.btn-sync.svelte-1i2xdq9,.btn-dismiss.svelte-1i2xdq9{transition:none}}