.pop-noti{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:0;box-shadow:0 10px 40px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.1);max-width:380px;min-width:300px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-bar{width:100%;height:3px;background:rgba(0,0,0,.1);position:relative;overflow:hidden}.progress-fill{width:100%;height:100%;transform-origin:left;border-radius:3px}.notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.notification-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notification-text{flex:1 1;min-width:0}.notification-title{font-size:15px;font-weight:600;line-height:1.2;margin-bottom:2px;letter-spacing:-.2px}.notification-message{font-size:14px;line-height:1.4;color:rgba(0,0,0,.7);font-weight:400}.close-btn{background:rgba(0,0,0,.06);border:none;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);color:rgba(0,0,0,.5);margin-top:-2px}.close-btn:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.7);transform:scale(1.05)}.close-btn:active{transform:scale(.95)}.close-btn svg{width:14px;height:14px}.pop-noti.success{background:rgba(52,199,89,.95);color:white;border-color:rgba(52,199,89,.3)}.pop-noti.success .progress-fill{background:rgba(255,255,255,.8)}.pop-noti.success .notification-message{color:rgba(255,255,255,.9)}.pop-noti.success .close-btn{background:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}.pop-noti.success .close-btn:hover{background:rgba(255,255,255,.3);color:white}.pop-noti.error{background:rgba(255,59,48,.95);color:white;border-color:rgba(255,59,48,.3)}.pop-noti.error .progress-fill{background:rgba(255,255,255,.8)}.pop-noti.error .notification-message{color:rgba(255,255,255,.9)}.pop-noti.error .close-btn{background:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}.pop-noti.error .close-btn:hover{background:rgba(255,255,255,.3);color:white}.pop-noti.warning{background:rgba(255,149,0,.95);color:white;border-color:rgba(255,149,0,.3)}.pop-noti.warning .progress-fill{background:rgba(255,255,255,.8)}.pop-noti.warning .notification-message{color:rgba(255,255,255,.9)}.pop-noti.warning .close-btn{background:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}.pop-noti.warning .close-btn:hover{background:rgba(255,255,255,.3);color:white}.pop-noti.info{background:rgba(0,122,255,.95);color:white;border-color:rgba(0,122,255,.3)}.pop-noti.info .progress-fill{background:rgba(255,255,255,.8)}.pop-noti.info .notification-message{color:rgba(255,255,255,.9)}.pop-noti.info .close-btn{background:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}.pop-noti.info .close-btn:hover{background:rgba(255,255,255,.3);color:white}.pop-noti:not(.success):not(.error):not(.warning):not(.info){background:rgba(255,255,255,.95);color:#000000}.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:rgba(0,0,0,.7)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn{background:rgba(0,0,0,.06);color:rgba(0,0,0,.5)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}@media (prefers-color-scheme:dark){.pop-noti:not(.success):not(.error):not(.warning):not(.info){background:rgba(28,28,30,.95);color:#ffffff;border-color:rgba(255,255,255,.1)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .notification-message{color:rgba(255,255,255,.8)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.pop-noti:not(.success):not(.error):not(.warning):not(.info) .close-btn:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}}@media (max-width:768px){.pop-noti{top:16px;right:16px;left:16px;max-width:none;min-width:auto;margin:0 auto}}@media (max-width:480px){.pop-noti{top:12px;right:12px;left:12px;border-radius:12px}.notification-content{padding:14px;gap:10px}.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;right:8px;left:8px}.notification-content{padding:12px}}@media (prefers-reduced-motion:reduce){.pop-noti{animation:none}.close-btn,.progress-fill{transition:none}}@media (prefers-contrast:high){.pop-noti{border-width:2px;backdrop-filter:none;-webkit-backdrop-filter:none}.pop-noti.success{background:#34C759;border-color:#000000}.pop-noti.error{background:#FF3B30;border-color:#000000}.pop-noti.warning{background:#FF9500;border-color:#000000}.pop-noti.info{background:#007AFF;border-color:#000000}}