#notifications{position:fixed;z-index:10000;bottom:calc(var(--nav-height) + 20px + env(safe-area-inset-bottom));left:16px;right:16px;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;box-sizing:border-box}#notifications>.notification{pointer-events:auto;width:100%;animation:notificationFlyIn 0.6s cubic-bezier(0.22,1,0.36,1) forwards}@media (min-width:1024px){#notifications{left:auto;right:24px;bottom:24px;width:400px;max-width:calc(100vw - 48px);align-items:flex-end}}@keyframes notificationFlyIn{from{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}.notification{box-sizing:border-box;display:flex;align-items:center;gap:12px;background-color:var(--element-bg);border:1px solid var(--border-color);padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.notification-success .notification-icon{color:var(--primary)}.notification-error .notification-icon{color:var(--danger)}.notification-neutral .notification-icon{color:var(--accent)}.notification-message{font-size:0.9rem;font-weight:500;color:var(--text-main);flex:1}.notification-action{background:transparent;border:none;color:var(--primary);font-weight:700;font-size:0.85rem;text-transform:uppercase;cursor:pointer}