.co{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:flex-start;justify-content:center;
  padding:16px;
  background:rgba(10,42,46,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  overflow-y:auto;
}
.co.open{display:flex}
.co-box{
  position:relative;margin:auto;
  width:100%;max-width:520px;max-height:100%;
  display:flex;flex-direction:column;
  background:var(--paper);
  border:1px solid var(--line-strong);
  border-radius:12px;
  box-shadow:0 22px 60px -10px rgba(0,0,0,.35);
  overflow:hidden;
  animation:xi-rise .4s cubic-bezier(.16,.84,.27,1) both;
}
@media (prefers-reduced-motion:reduce){.co-box{animation:none}}

.co-head{
  flex:none;
  display:flex;align-items:center;gap:12px;
  padding:12px 56px 12px 16px;
  border-bottom:1px solid var(--line);
  background:var(--tile);
}
.co-thumb{display:block;flex:none;width:34px}
.co-thumb img{
  display:block;width:100%;height:auto;border-radius:2px;
  box-shadow:0 3px 8px rgba(34,39,31,.3);
}
.co-title{
  font-family:var(--serif);font-weight:700;
  font-size:15px;line-height:1.3;color:var(--ink);
  margin:0;max-width:none;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.co-close{
  position:absolute;top:4px;right:6px;
  background:none;border:0;
  font-family:var(--serif);font-size:1.8rem;line-height:1;
  color:var(--ink-mute);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0;
}
.co-close:hover{color:var(--ink)}
.co-close:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}

.co-body{
  flex:1 1 auto;min-height:0;
  overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:14px 16px 18px;
  background:#fff;
}


.co-spin{
  font-family:var(--ui);font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-mute);
  text-align:center;margin:28px 0;max-width:none;
}
.co-spin[hidden]{display:none}
#whop-checkout{min-height:0}

@media (max-width:480px){
  .co{padding:0}
  .co-box{max-width:none;border-radius:0;border:0;min-height:100%}
  .co-body{padding:12px 12px 20px}
}




.co-thumb--set{width:56px}



.co-wait{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 6px}
.co-wait[hidden]{display:none}
.co-ring{
  display:block;width:26px;height:26px;border-radius:50%;
  border:3px solid var(--line);border-top-color:var(--accent);
  animation:co-spin 900ms linear infinite;
}
@keyframes co-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .co-ring{animation:none;border-top-color:var(--line-strong)}
}




.co-bump{
  margin:0 0 14px;padding:10px 12px;min-width:0;
  border:1px dashed var(--line-strong);border-radius:10px;background:var(--tile);
  display:flex;flex-direction:column;gap:8px;
}
.co-bump[hidden]{display:none}


.co-bump-h{
  float:left;width:100%;padding:0;margin:0 0 2px;
  font-family:var(--ui);font-size:11.5px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-mute);line-height:1.3;
}
.co-bump-h + *{clear:both}


.co-bump-was{font-size:.75em;font-weight:400;color:var(--ink-mute);text-decoration:line-through;margin-left:6px}
.co-bump-row{
  display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;
}
.co-bump-row input{
  flex:none;width:22px;height:22px;margin:0;accent-color:var(--free-green);cursor:pointer;
}
.co-bump-row input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.co-bump-cov{display:block;flex:none;width:28px}
.co-bump-cov img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 2px 6px rgba(34,39,31,.3)}
.co-bump-txt{display:flex;flex-direction:column;min-width:0}
.co-bump-txt b{font-family:var(--ui);font-size:15px;line-height:1.3;color:var(--ink);font-weight:700}
.co-bump-txt small{font-size:13px;line-height:1.35;color:var(--ink-mute)}
.co-bump.is-busy .co-bump-row{cursor:progress}




.co-titles{display:flex;flex-direction:column;min-width:0}
.co-note{
  margin:1px 0 0;max-width:none;
  font-size:12px;line-height:1.35;color:var(--ink-mute);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}



.ty-up{
  width:100%;max-width:520px;margin:2rem auto 0;text-align:left;
}
.ty-up[hidden]{display:none}
.ty-up .co-bump{margin:0}
.ty-up-row{
  display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 6px;margin:0 -6px;
  border-radius:8px;text-decoration:none;color:inherit;
}
.ty-up-row:hover{background:rgba(17,63,68,.05)}
.ty-up-row:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.ty-up-row .co-bump-txt{flex:1 1 auto}
.ty-up-go{flex:none;font-family:var(--serif);font-size:20px;line-height:1;color:var(--accent)}
.co-bump-cov--two{display:flex;gap:3px;width:auto}
.co-bump-cov--two picture{display:block;width:22px}
.co-bump-cov--two img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 2px 6px rgba(34,39,31,.3)}