.notif-overlay{z-index:4000;-webkit-backdrop-filter:blur(6px);background:#0808088c;justify-content:center;align-items:center;padding:1.5rem;animation:.14s ease-out notif-fade;display:flex;position:fixed;inset:0}.notif{background:linear-gradient(#191919 0%,#131313 100%);border:1px solid #2c2c2c;border-radius:14px;width:min(420px,100%);padding:1.25rem 1.35rem 1.1rem;animation:.16s ease-out notif-rise;box-shadow:0 24px 60px #0000008c}.notif-title{color:#f4f4f4;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.notif-desc{color:#a4a4a4;white-space:pre-line;margin:.5rem 0 0;font-size:.82rem;line-height:1.55}.notif-actions{justify-content:flex-end;gap:.5rem;margin-top:1.15rem;display:flex}.notif-btn{color:#e2e2e2;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.45rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.notif-btn:hover{background:#232323;border-color:#5c5c5c}.notif-btn-primary{color:#7ddea0;background:#7ddea01f;border-color:#3f6b4f}.notif-btn-primary:hover{background:#7ddea033;border-color:#7ddea0}.notif-btn-danger{color:#ff9c9c;background:#ff646414;border-color:#4a2a2a}.notif-btn-danger:hover{background:#ff646429;border-color:#7a3a3a}@keyframes notif-fade{0%{opacity:0}}@keyframes notif-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.notif-overlay,.notif{animation:none}}@media (max-width:480px){.notif-actions{flex-direction:column-reverse}.notif-btn{width:100%}}:is(html.light,body.light) .notif-overlay{background:#5a5a5f59}:is(html.light,body.light) .notif{background:#fff;border-color:#e4e4e7;box-shadow:0 24px 60px #0000002e}:is(html.light,body.light) .notif-title{color:#18181b}:is(html.light,body.light) .notif-desc{color:#52525b}:is(html.light,body.light) .notif-btn{color:#18181b;background:#f4f4f5;border-color:#d4d4d8}:is(html.light,body.light) .notif-btn:hover{background:#e4e4e7;border-color:#a1a1aa}:is(html.light,body.light) .notif-btn-primary{color:#15803d;background:#16a34a1a;border-color:#16a34a}:is(html.light,body.light) .notif-btn-primary:hover{background:#16a34a2e}:is(html.light,body.light) .notif-btn-danger{color:#b03b3b;background:#c83c3c14;border-color:#e7b4b4}:is(html.light,body.light) .notif-btn-danger:hover{background:#c83c3c24;border-color:#c96f6f}