:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1D1D1B;--text-secondary: #4a4a4a;--border-color: #EEEEEE;--card-bg: #ffffff;--header-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .25);--input-bg: #ffffff}[data-theme=dark]{--bg-primary: #13151a;--bg-secondary: #1c1f26;--text-primary: #e8e8e8;--text-secondary: #fff;--border-color: #2a2a2a;--card-bg: #1a1a1a;--header-bg: #111111;--shadow-color: rgba(0, 0, 0, .6);--input-bg: #1e1e1e}.top-notification{position:fixed;top:80px;left:0;right:0;z-index:99999999;display:flex;justify-content:center;pointer-events:none;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.top-notification.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.top-notification__inner{width:100%;max-width:1240px;margin:12px 10px 0;padding:14px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;background:var(--header-bg);border:1px solid var(--border-color);border-left:3px solid #3D5BF3;border-radius:12px;box-shadow:0 8px 24px var(--shadow-color)}.top-notification__icon{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#3d5bf31f;color:#3d5bf3}[data-theme=dark] .top-notification__icon{background:#5773ff2e;color:#5773ff}.top-notification__content{flex:1 1 auto;min-width:0}.top-notification__title{font-weight:600;font-size:15px;line-height:1.3;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-notification__text{display:none;margin-top:2px;font-size:13px;line-height:1.35;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-notification.has-text .top-notification__text{display:-webkit-box}.top-notification__close{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.top-notification__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.top-notification__progress{position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:min(100% - 20px,1240px);height:2px;border-radius:2px;overflow:hidden;background:transparent}.top-notification__progress:after{content:"";display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#3d5bf3,#5773ff)}.top-notification.is-visible .top-notification__progress:after{animation:top-notification-progress 10s linear forwards}@media (max-width: 600px){.top-notification__inner{margin:8px 10px 0;padding:12px 14px;gap:10px}.top-notification__title{font-size:14px}}@keyframes top-notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}