#notify-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999999;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px;max-width:100%;pointer-events:none}.notify-item{display:flex;align-items:center;gap:12px;padding:12px 18px;min-width:280px;max-width:96vw;border-radius:12px;box-shadow:0 8px 32px #0006;pointer-events:auto;animation:notifySlideIn .35s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes notifySlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notify-item.hiding{animation:notifySlideOut .25s ease-in forwards}@keyframes notifySlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.notify-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;background:#fff3}.notify-content{flex:1;min-width:0}.notify-title{font-weight:600;font-size:.9rem;color:#fff;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.notify-message{font-size:.85rem;color:#fffffff2;line-height:1.4;word-wrap:break-word}.notify-item:not([data-has-title]) .notify-title{display:none}.notify-item:not([data-has-title]) .notify-message{margin:0}.notify-close{flex-shrink:0;background:none;border:none;color:#fffc;font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.notify-close:hover{color:#fff}.notify-success{background:linear-gradient(135deg,#047857,#059669,#10b981);background-color:#047857}.notify-error{background:linear-gradient(135deg,#991b1b,#b91c1c,#dc2626);background-color:#991b1b}.notify-warning{background:linear-gradient(135deg,#b45309,#d97706,#f59e0b);background-color:#b45309}.notify-info{background:linear-gradient(135deg,#0369a1,#0284c7,#0ea5e9);background-color:#0369a1}@media(max-width:576px){#notify-container{top:10px;padding:0 10px}.notify-item{padding:10px 14px;min-width:0;width:100%;max-width:calc(100vw - 20px);gap:10px}.notify-icon{width:32px;height:32px;font-size:1rem}.notify-title{font-size:.85rem}.notify-message{font-size:.8125rem}}
