.apend{position:relative;border-radius:12px;padding:20px 22px;margin-bottom:12px;background:linear-gradient(180deg,#fff,#f7fdfa);border:1.5px solid #a7f3d0;box-shadow:0 14px 34px -28px #044e3be6;overflow:hidden}.apend:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#34d399,#059669,#34d399);background-size:200% 100%;animation:apend-sweep 1.8s linear infinite}@keyframes apend-sweep{0%{background-position:0 0}to{background-position:200% 0}}.apend-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.apend-badge{display:inline-flex;align-items:center;gap:7px;background:#047857;color:#fff;border-radius:6px;padding:4px 11px;font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.apend-badge i{width:7px;height:7px;border-radius:50%;background:#6ee7b7;display:inline-block;animation:apend-blink 1.1s ease-in-out infinite}@keyframes apend-blink{0%,to{opacity:.3}50%{opacity:1}}.apend-title{margin:0;font-size:.98rem;color:#0b2f26;font-weight:700}.apend-timer{margin-left:auto;font-size:.74rem;font-weight:700;color:#47615a;background:#fff;border:1px solid #cbeadd;border-radius:999px;padding:3px 11px;font-variant-numeric:tabular-nums}.apend-sub{font-size:.86rem;color:#3c5b52;line-height:1.55;margin:8px 0 14px}.apend-bar{height:8px;border-radius:999px;background:#e3f3ec;overflow:hidden}.apend-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#047857);transition:width .5s ease}.apend-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;font-weight:700;color:#47615a;margin:8px 0 14px}.apend-stages{display:grid;gap:7px;margin-bottom:16px}.apend-stage{display:flex;align-items:flex-start;gap:9px;font-size:.84rem;line-height:1.5;color:#47615a}.apend-stage.is-done{color:#15803d}.apend-stage.is-active{color:#0b2f26;font-weight:600}.apend-stage svg{flex-shrink:0;margin-top:2px}.apend-stage.is-active svg{animation:apend-spin 1.1s linear infinite}@keyframes apend-spin{to{transform:rotate(1turn)}}.apend-stage small{display:block;font-weight:400;color:#6b8780;font-size:.78rem;margin-top:2px}.apend-warn{display:flex;align-items:flex-start;gap:9px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;padding:11px 14px;font-size:.84rem;color:#78350f;line-height:1.5;font-weight:600}.apend-skeleton{margin-top:16px;display:grid;gap:9px}.apend-skel{height:12px;border-radius:6px;background:linear-gradient(90deg,#eef6f3 25%,#dcefe7 37%,#eef6f3 63%);background-size:400% 100%;animation:apend-shimmer 1.4s ease infinite}.apend-skel.tall{height:46px;border-radius:10px}@keyframes apend-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.apend-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:980px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,#04352a,#0b1220);border:1px solid #34d39966;box-shadow:0 24px 50px -24px #0009;color:#fff;animation:apend-rise .4s ease both}@keyframes apend-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.apend-banner-dot{width:11px;height:11px;border-radius:50%;background:#34d399;flex-shrink:0;position:relative}.apend-banner-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #34d39999;animation:apend-pulse 1.8s ease-out infinite}@keyframes apend-pulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}.apend-banner-copy{flex:1;min-width:220px;font-size:.88rem;line-height:1.45}.apend-banner-copy strong{display:block;font-size:.95rem;font-weight:800}.apend-banner-copy span{color:#c9f5e2;font-variant-numeric:tabular-nums}.apend-banner-btn{flex-shrink:0;padding:9px 18px;border-radius:999px;border:none;cursor:pointer;background:#34d399;color:#04352a;font-weight:800;font-size:.82rem;display:inline-flex;align-items:center;gap:7px}@media (max-width:640px){.apend-banner{padding:12px 14px;gap:10px}.apend-banner-copy{font-size:.82rem}}