.notification-overlay{-webkit-backdrop-filter:blur(8px)saturate(1.2);z-index:9999;background:#0000008c;justify-content:center;align-items:center;animation:.25s ease-out forwards notif-overlay-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.notification-overlay.closing{animation:.2s ease-in forwards notif-overlay-out}.notification-dialog{background:var(--surface-color);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;width:92%;max-width:420px;padding:0 0 24px;animation:.35s cubic-bezier(.16,1,.3,1) forwards notif-dialog-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073,inset 0 0 1px #ffffff1a,0 0 40px #8b5cf614}.notification-dialog.closing{animation:.2s ease-in forwards notif-dialog-out}.notification-accent-bar{background:linear-gradient(90deg, transparent 0%, var(--notif-accent,#8b5cf6) 30%, var(--notif-accent,#8b5cf6) 70%, transparent 100%);width:100%;height:4px;box-shadow:0 2px 20px var(--notif-accent-glow,#8b5cf659);flex-shrink:0}.notification-icon-wrapper{flex-direction:column;align-items:center;gap:6px;margin-top:28px;margin-bottom:4px;display:flex}.notification-icon-circle{background:var(--notif-icon-bg,#8b5cf61f);border:2px solid var(--notif-accent,#8b5cf6);width:56px;height:56px;color:var(--notif-accent,#8b5cf6);box-shadow:0 0 20px var(--notif-accent-glow,#8b5cf633), 0 0 0 6px var(--notif-icon-ring,#8b5cf60f);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite notif-icon-pulse;display:flex}.notification-mood-label{text-transform:uppercase;letter-spacing:1.6px;color:var(--notif-accent,#8b5cf6);opacity:.85;font-size:.7rem;font-weight:700}.notification-body{flex-direction:column;gap:14px;width:100%;padding:12px 28px 0;display:flex}.notification-message{color:var(--text-primary);text-align:center;word-break:break-word;margin:0;font-size:.95rem;line-height:1.65}.notification-input{background:var(--bg-color);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.notification-input::placeholder{color:var(--text-secondary);opacity:.5}.notification-input:focus{border-color:var(--notif-accent,#8b5cf6);box-shadow:0 0 0 3px var(--notif-accent-glow,#8b5cf626)}.notification-actions{box-sizing:border-box;justify-content:center;gap:12px;width:100%;margin-top:22px;padding:0 28px;display:flex}.notification-btn{font-weight:600;font-family:var(--font-family);cursor:pointer;letter-spacing:.3px;border-radius:10px;padding:10px 28px;font-size:.88rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cancel-btn{color:var(--text-secondary);border:1.5px solid var(--border-color);background:0 0;flex:1}.cancel-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.confirm-btn{color:#fff;background:var(--notif-accent,#8b5cf6);box-shadow:0 4px 14px var(--notif-accent-glow,#8b5cf64d);border:none;flex:1}.confirm-btn:hover{filter:brightness(1.15);box-shadow:0 6px 22px var(--notif-accent-glow,#8b5cf673);transform:translateY(-1px)}.confirm-btn:active{filter:brightness(.95);transform:translateY(0)}.mood-error{--notif-accent:#ef4444;--notif-accent-glow:#ef44444d;--notif-icon-bg:#ef44441a;--notif-icon-ring:#ef44440f}.mood-success{--notif-accent:#10b981;--notif-accent-glow:#10b9814d;--notif-icon-bg:#10b9811a;--notif-icon-ring:#10b9810f}.mood-warning{--notif-accent:#f59e0b;--notif-accent-glow:#f59e0b4d;--notif-icon-bg:#f59e0b1a;--notif-icon-ring:#f59e0b0f}.mood-info{--notif-accent:#8b5cf6;--notif-accent-glow:#8b5cf64d;--notif-icon-bg:#8b5cf61a;--notif-icon-ring:#8b5cf60f}.mood-confirm{--notif-accent:#06b6d4;--notif-accent-glow:#06b6d44d;--notif-icon-bg:#06b6d41a;--notif-icon-ring:#06b6d40f}.mood-prompt{--notif-accent:#6366f1;--notif-accent-glow:#6366f14d;--notif-icon-bg:#6366f11a;--notif-icon-ring:#6366f10f}[data-theme=light] .notification-dialog{box-shadow:0 24px 80px #0000001f, 0 0 1px #0000000d inset, 0 0 40px var(--notif-accent-glow,#8b5cf60f);background:#fffffff5;border:1px solid #00000014}[data-theme=light] .notification-overlay{background:#0000004d}[data-theme=light] .notification-input{background:#f8f9fa;border-color:#e2e8f0}[data-theme=light] .cancel-btn{color:#64748b;border-color:#e2e8f0}[data-theme=light] .cancel-btn:hover{color:#334155;background:#f1f5f9}@keyframes notif-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes notif-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes notif-dialog-in{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notif-dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes notif-icon-pulse{0%,to{box-shadow:0 0 20px var(--notif-accent-glow,#8b5cf633), 0 0 0 6px var(--notif-icon-ring,#8b5cf60f)}50%{box-shadow:0 0 28px var(--notif-accent-glow,#8b5cf659), 0 0 0 10px var(--notif-icon-ring,#8b5cf608)}}@media (max-width:480px){.notification-dialog{border-radius:14px;width:95%;max-width:none}.notification-body{padding:12px 20px 0}.notification-actions{padding:0 20px}.notification-btn{padding:10px 18px;font-size:.85rem}}