.pop-noti{z-index:1000;-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;background:#fffffff2;border:1px solid #fff3;border-radius:14px;min-width:300px;max-width:380px;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #ffffff1a}.progress-bar{background:#0000001a;width:100%;height:3px;position:relative;overflow:hidden}.progress-fill{transform-origin:0;border-radius:3px;width:100%;height:100%}.notification-content{align-items:flex-start;gap:12px;padding:16px;display:flex}.notification-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.notification-text{flex:1;min-width:0}.notification-title{letter-spacing:-.2px;margin-bottom:2px;font-size:15px;font-weight:600;line-height:1.2}.notification-message{color:#000000b3;font-size:14px;font-weight:400;line-height:1.4}.close-btn{cursor:pointer;color:#00000080;background:#0000000f;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:-2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.close-btn:hover{color:#000000b3;background:#0000001a;transform:scale(1.05)}.close-btn:active{transform:scale(.95)}.close-btn svg{width:14px;height:14px}.pop-noti.success{color:#fff;background:#34c759f2;border-color:#34c7594d}.pop-noti.success .progress-fill{background:#fffc}.pop-noti.success .notification-message{color:#ffffffe6}.pop-noti.success .close-btn{color:#fffc;background:#fff3}.pop-noti.success .close-btn:hover{color:#fff;background:#ffffff4d}.pop-noti.error{color:#fff;background:#ff3b30f2;border-color:#ff3b304d}.pop-noti.error .progress-fill{background:#fffc}.pop-noti.error .notification-message{color:#ffffffe6}.pop-noti.error .close-btn{color:#fffc;background:#fff3}.pop-noti.error .close-btn:hover{color:#fff;background:#ffffff4d}.pop-noti.warning{color:#fff;background:#ff9500f2;border-color:#ff95004d}.pop-noti.warning .progress-fill{background:#fffc}.pop-noti.warning .notification-message{color:#ffffffe6}.pop-noti.warning .close-btn{color:#fffc;background:#fff3}.pop-noti.warning .close-btn:hover{color:#fff;background:#ffffff4d}.pop-noti.info{color:#fff;background:#007afff2;border-color:#007aff4d}.pop-noti.info .progress-fill{background:#fffc}.pop-noti.info .notification-message{color:#ffffffe6}.pop-noti.info .close-btn{color:#fffc;background:#fff3}.pop-noti.info .close-btn:hover{color:#fff;background:#ffffff4d}.pop-noti:not(.success):not(.error):not(.warning):not(.info){color:#000;background:#fffffff2}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .progress-fill{background:linear-gradient(90deg,#007aff,#5856d6)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .notification-message{color:#000000b3}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn{color:#00000080;background:#0000000f}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn:hover{color:#000000b3;background:#0000001a}@media (prefers-color-scheme:dark){.pop-noti:not(.success):not(.error):not(.warning):not(.info){color:#fff;background:#1c1c1ef2;border-color:#ffffff1a}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .notification-message{color:#fffc}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn{color:#ffffffb3;background:#ffffff1a}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn:hover{color:#ffffffe6;background:#ffffff26}}@media (max-width:768px){.pop-noti{min-width:auto;max-width:none;margin:0 auto;top:16px;left:16px;right:16px}}@media (max-width:480px){.pop-noti{border-radius:12px;top:12px;left:12px;right:12px}.notification-content{gap:10px;padding:14px}.notification-title{font-size:14px}.notification-message{font-size:13px}.notification-icon,.notification-icon svg{width:18px;height:18px}.close-btn{width:26px;height:26px}.close-btn svg{width:13px;height:13px}}@media (max-width:360px){.pop-noti{top:8px;left:8px;right:8px}.notification-content{padding:12px}}@media (prefers-reduced-motion:reduce){.pop-noti{animation:none}.progress-fill,.close-btn{transition:none}}@media (prefers-contrast:high){.pop-noti{-webkit-backdrop-filter:none;border-width:2px}.pop-noti.success{background:#34c759;border-color:#000}.pop-noti.error{background:#ff3b30;border-color:#000}.pop-noti.warning{background:#ff9500;border-color:#000}.pop-noti.info{background:#007aff;border-color:#000}}