.notifications-wrapper{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.notification{border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);box-shadow:var(--shadow-sm);border:.5px solid var(--border);background:var(--bg-secondary);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;line-height:1.5;animation:.3s forwards slideIn;display:flex;position:relative;overflow:hidden}.notification.closing{pointer-events:none;animation:.3s forwards slideOut}.notification.success{background:var(--bg-secondary);border-left:3px solid var(--accent-success)}.notification.error{background:var(--bg-secondary);border-left:3px solid var(--accent-error)}.notification.warning{background:var(--bg-secondary);border-left:3px solid var(--accent-warning)}.notification.info{background:var(--bg-secondary);border-left:3px solid var(--accent-info)}.notification.action{background:var(--bg-secondary);border-left:3px solid var(--accent)}.notification-content{flex:1;min-width:0}.notification-action{flex-shrink:0;margin-left:12px}.notification-close{font-size:var(--font-size-lg);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin-left:12px;padding:4px;display:flex}.notification-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}@media (max-width:768px){.notifications-wrapper{left:12px;right:12px;bottom:calc(64px + var(--safe-area-bottom,0px) + 12px);width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.notification,.notification.closing{animation-duration:.01ms}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}