:root{
  --smkt-cm-accent:#079DD9;
  --smkt-cm-secondary:#74B62C;
}

.smkt-cm-inline{
  margin:10px 0 14px;padding:11px 13px;border:1px solid rgba(7,157,217,.13);border-radius:11px;
  background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.035);font-size:12px;line-height:1.4;color:#46505b
}
.smkt-cm-inline__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.smkt-cm-inline__message{font-weight:500}.smkt-cm-inline__pct{font-size:11px;opacity:.65;white-space:nowrap}
.smkt-cm-track{height:4px;background:rgba(7,157,217,.10);border-radius:99px;overflow:hidden}
.smkt-cm-track>span{display:block;height:100%;width:0;background:var(--smkt-cm-accent);border-radius:inherit;transition:width .35s ease}

#smkt-cm-pill{position:fixed;z-index:99990;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));background:rgba(255,255,255,.97);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(7,157,217,.13);box-shadow:0 8px 26px rgba(0,0,0,.09);border-radius:13px;padding:10px 12px 9px;color:#37414b;font-size:12px;line-height:1.35;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
#smkt-cm-pill.is-visible{opacity:1;transform:translateY(0)}
#smkt-cm-pill .smkt-cm-pill__top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}
#smkt-cm-pill .smkt-cm-pill__text{font-weight:500}#smkt-cm-pill .smkt-cm-pill__percent{font-size:11px;opacity:.6}
#smkt-cm-pill .smkt-cm-pill__track{height:3px;background:rgba(7,157,217,.10);border-radius:99px;overflow:hidden}
#smkt-cm-pill .smkt-cm-pill__track span{display:block;height:100%;background:var(--smkt-cm-accent);border-radius:inherit;transition:width .35s ease}
#smkt-cm-pill.is-met .smkt-cm-pill__text:before{content:'✓';display:inline-block;margin-right:6px;font-weight:800;color:var(--smkt-cm-secondary)}
#smkt-cm-pill.is-met .smkt-cm-pill__track span{background:var(--smkt-cm-secondary)}

#smkt-cm-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(9,24,37,.52);opacity:0;visibility:hidden;transition:.2s ease}
#smkt-cm-overlay.is-open{opacity:1;visibility:visible}
#smkt-cm-modal{width:min(500px,100%);background:#fff;border-radius:24px;padding:34px 34px 30px;box-shadow:0 28px 80px rgba(0,0,0,.24);transform:translateY(8px) scale(.985);transition:.2s ease;position:relative;text-align:center;box-sizing:border-box}
#smkt-cm-overlay.is-open #smkt-cm-modal{transform:translateY(0) scale(1)}
.smkt-cm-modal__close{position:absolute;right:16px;top:13px;border:0!important;background:transparent!important;color:#6b747d!important;font-size:27px!important;line-height:1!important;padding:5px 8px!important;cursor:pointer;box-shadow:none!important}
.smkt-cm-modal__icon{width:66px;height:66px;margin:0 auto 17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(7,157,217,.08);color:var(--smkt-cm-accent);font-size:29px;font-weight:700}
.smkt-cm-modal__kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--smkt-cm-accent);font-weight:800;margin-bottom:9px}
.smkt-cm-modal__title{font-size:25px;font-weight:750;line-height:1.2;margin:0 auto 12px;color:#17212b;max-width:390px}
.smkt-cm-modal__text{font-size:15px;line-height:1.6;color:#5b6570;margin:0 auto 19px;max-width:390px}
.smkt-cm-modal__text strong{color:var(--smkt-cm-secondary);font-weight:800}
.smkt-cm-modal__track{height:6px;background:#edf2f5;border-radius:99px;overflow:hidden;margin:0 auto 13px;max-width:400px}
.smkt-cm-modal__track span{display:block;height:100%;background:var(--smkt-cm-accent);border-radius:inherit;transition:width .35s ease}
.smkt-cm-modal__remaining{font-size:12px;color:#64717c;margin:0 0 23px}.smkt-cm-modal__remaining strong{color:var(--smkt-cm-secondary);font-size:14px}
.smkt-cm-modal__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.smkt-cm-modal__button{appearance:none;border-radius:10px!important;padding:11px 18px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer;line-height:1.2!important;box-shadow:none!important;min-width:155px;text-align:center;transition:transform .15s ease,opacity .15s ease}
.smkt-cm-modal__button:hover{transform:translateY(-1px)}
.smkt-cm-modal__button--primary{border:1px solid var(--smkt-cm-accent)!important;background:var(--smkt-cm-accent)!important;color:#fff!important}
.smkt-cm-modal__button--secondary{border:1px solid var(--smkt-cm-secondary)!important;background:#fff!important;color:var(--smkt-cm-secondary)!important}

@media(max-width:600px){
  #smkt-cm-pill{right:12px;bottom:12px;max-width:calc(100vw - 24px)}
  #smkt-cm-modal{padding:31px 20px 22px;border-radius:20px}
  .smkt-cm-modal__title{font-size:22px}.smkt-cm-modal__text{font-size:14px}
  .smkt-cm-modal__actions{flex-direction:column}.smkt-cm-modal__button{width:100%;text-align:center}
}