html.eo-cap-lock{overflow:hidden !important}

#eo-cap-modal.eo-cap-modal[hidden],
.eo-cap-modal[hidden]{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

#eo-cap-modal.eo-cap-modal,
.eo-cap-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:12085 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 12px !important;
  box-sizing:border-box !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .26s ease, visibility .26s ease;
}

#eo-cap-modal.eo-cap-modal.is-open,
.eo-cap-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.eo-cap-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(196,18,18,.12), transparent 55%),
    rgba(0,0,0,.62) !important;
}

.eo-cap-panel{
  position:relative !important;
  z-index:1 !important;
  width:min(560px, calc(100vw - 24px)) !important;
  max-height:min(90vh, 820px) !important;
  display:flex !important;
  flex-direction:column !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  box-shadow:12px 12px 0 #111 !important;
  transform:translateY(16px) scale(.98);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  overflow:hidden !important;
}

.eo-cap-modal.is-open .eo-cap-panel{
  transform:translateY(0) scale(1) !important;
}

.eo-cap-close{
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  z-index:5 !important;
  width:36px !important;
  height:36px !important;
  border:1px solid rgba(255,255,255,.25) !important;
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.eo-cap-close:hover{
  background:#c41212 !important;
  border-color:#c41212 !important;
}

.eo-cap-scroll{
  flex:1 1 auto !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  padding:0 0 10px !important;
}

.eo-cap-sr{
  position:absolute !important;
  width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;
}

.eo-cap-loading{
  padding:48px 16px !important;
  text-align:center !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  color:rgba(17,17,17,.45) !important;
}

.eo-cap-shell{max-width:100%}

.eo-cap-top{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:8px 12px !important;
  margin:0 !important;
  background:linear-gradient(90deg, #0d0f14 0%, #151820 55%, #1a2030 100%) !important;
  color:#f3f1ec !important;
  overflow:hidden !important;
  border-bottom:2px solid #c41212 !important;
}

.eo-cap-top-scan{
  position:absolute !important;
  top:0 !important;bottom:0 !important;
  left:-40% !important;
  width:40% !important;
  background:linear-gradient(90deg, transparent, rgba(196,18,18,.18), transparent) !important;
  animation:eoCapScan 3.2s ease-in-out infinite !important;
  pointer-events:none !important;
}

@keyframes eoCapScan{
  0%{transform:translateX(0);opacity:0}
  15%{opacity:1}
  85%{opacity:1}
  100%{transform:translateX(320%);opacity:0}
}

.eo-cap-top-brand{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  position:relative !important;
  z-index:1 !important;
}

.eo-cap-top-brand img{
  display:block !important;
  flex-shrink:0 !important;
  width:32px !important;
  height:auto !important;
  animation:eoCapFloat 4s ease-in-out infinite !important;
}

.eo-cap-top-copy{min-width:0 !important}

.eo-cap-top-title{
  margin:0 !important;
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  color:#fff !important;
}

.eo-cap-top-env{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin:2px 0 0 !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:10px !important;
  color:rgba(243,241,236,.55) !important;
}

.eo-cap-top-env i{font-style:normal !important;opacity:.35 !important}

.eo-cap-top-stat{
  display:flex !important;
  gap:6px !important;
  flex-shrink:0 !important;
  position:relative !important;
  z-index:1 !important;
}

.eo-cap-top-stat span{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:1px !important;
  min-width:38px !important;
  padding:4px 6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(0,0,0,.25) !important;
  font-size:9px !important;
  color:rgba(243,241,236,.5) !important;
}

.eo-cap-top-stat b{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#fff !important;
  line-height:1 !important;
}

.eo-cap-sec-h{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 8px !important;
}

.eo-cap-sec-h b{
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.eo-cap-sec-h span{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:10px !important;
  letter-spacing:.06em !important;
  color:rgba(17,17,17,.42) !important;
}

.eo-cap-bury,.eo-cap-list{
  margin:0 10px 8px !important;
  padding:10px !important;
  border:1px solid #111 !important;
  background:#fff !important;
}

.eo-cap-field{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  margin-bottom:8px !important;
}

.eo-cap-field > span{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:12px !important;
  font-weight:650 !important;
  color:rgba(17,17,17,.55) !important;
}

.eo-cap-optional{
  font-style:normal !important;
  font-weight:500 !important;
  font-size:11px !important;
  color:rgba(17,17,17,.38) !important;
}

.eo-cap-field--letter{position:relative !important}

.eo-cap-field-mark{
  position:absolute !important;
  left:0 !important;top:28px !important;bottom:10px !important;
  width:3px !important;
  background:linear-gradient(180deg, #c41212, #e0b833) !important;
}

.eo-cap-field textarea,
.eo-cap-field input{
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #111 !important;
  background:#fafafa !important;
  padding:8px 10px 8px 12px !important;
  font:inherit !important;
  font-size:13px !important;
  color:#111 !important;
  resize:vertical !important;
  min-height:72px !important;
}

.eo-cap-field input{min-height:0 !important;padding-left:12px !important}

.eo-cap-select,
.eo-cap-datetime,
.eo-cap-text{
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #111 !important;
  background:#fafafa !important;
  padding:8px 10px !important;
  font:inherit !important;
  font-size:13px !important;
  color:#111 !important;
  min-height:36px !important;
  border-radius:0 !important;
}

.eo-cap-select:focus,
.eo-cap-datetime:focus,
.eo-cap-text:focus{
  outline:2px solid #c41212 !important;
  outline-offset:1px !important;
  background:#fff !important;
}

.eo-cap-field textarea:focus,
.eo-cap-field input:focus{
  outline:2px solid #c41212 !important;
  outline-offset:1px !important;
  background:#fff !important;
}

.eo-cap-rules{border:0 !important;margin:0 0 8px !important;padding:0 !important}

.eo-cap-rules legend{
  padding:0 !important;margin:0 0 6px !important;
  font-size:11px !important;font-weight:650 !important;
  color:rgba(17,17,17,.55) !important;
}

.eo-cap-track-wrap{display:flex !important;flex-direction:column !important;gap:6px !important}

.eo-cap-track{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  border:1px solid #111 !important;
  background:#fafafa !important;
  overflow:hidden !important;
}

.eo-cap-track-glide{
  position:absolute !important;
  top:0 !important;bottom:0 !important;left:0 !important;
  width:25% !important;
  background:#111 !important;
  z-index:0 !important;
  pointer-events:none !important;
  transition:transform .28s cubic-bezier(.34,1.25,.64,1) !important;
  box-shadow:inset 0 -3px 0 #c41212 !important;
}

.eo-cap-track:has(input[value="days_7"]:checked) .eo-cap-track-glide{transform:translateX(0)}
.eo-cap-track:has(input[value="days_30"]:checked) .eo-cap-track-glide{transform:translateX(100%)}
.eo-cap-track:has(input[value="at_time"]:checked) .eo-cap-track-glide{transform:translateX(200%)}
.eo-cap-track:has(input[value="friend"]:checked) .eo-cap-track-glide{transform:translateX(300%)}

.eo-cap-track-item{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  cursor:pointer !important;
}

.eo-cap-track-item input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.eo-cap-track-btn{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1px !important;
  min-height:52px !important;
  padding:6px 4px !important;
  text-align:center !important;
  transition:color .18s ease !important;
}

.eo-cap-track-code{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:9px !important;
  letter-spacing:.14em !important;
  color:rgba(17,17,17,.35) !important;
  transition:color .18s ease !important;
}

.eo-cap-track-lab{
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#111 !important;
  transition:color .18s ease !important;
}

.eo-cap-track-cost{
  font-style:normal !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:9px !important;
  color:#c41212 !important;
  transition:color .18s ease !important;
}

.eo-cap-track-item:hover .eo-cap-track-lab{color:#c41212 !important}

.eo-cap-track-item input:checked + .eo-cap-track-btn{
  animation:eoCapTrackPop .32s cubic-bezier(.34,1.4,.64,1) !important;
}

.eo-cap-track-item input:checked + .eo-cap-track-btn .eo-cap-track-code,
.eo-cap-track-item.is-on .eo-cap-track-code{
  color:#e0b833 !important;
}

.eo-cap-track-item input:checked + .eo-cap-track-btn .eo-cap-track-lab,
.eo-cap-track-item input:checked + .eo-cap-track-btn .eo-cap-track-cost,
.eo-cap-track-item.is-on .eo-cap-track-lab,
.eo-cap-track-item.is-on .eo-cap-track-cost{
  color:#fff !important;
}

@keyframes eoCapTrackPop{
  0%{transform:scale(.9)}
  55%{transform:scale(1.06)}
  100%{transform:scale(1)}
}

.eo-cap-track-detail{
  margin:0 !important;
  padding:5px 8px !important;
  border-left:2px solid #c41212 !important;
  background:rgba(196,18,18,.04) !important;
  font-size:11px !important;
  line-height:1.4 !important;
  color:rgba(17,17,17,.55) !important;
}

.eo-cap-track-detail.is-flash{
  animation:eoCapDetailFlash .38s ease !important;
}

@keyframes eoCapDetailFlash{
  0%{opacity:.3;transform:translateX(-4px)}
  100%{opacity:1;transform:translateX(0)}
}

@keyframes eoCapFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

.eo-cap-form-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.eo-cap-hint{margin:0 !important;font-size:12px !important;color:rgba(17,17,17,.45) !important;max-width:26ch !important}

.eo-cap-submit{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  border:1px solid #111 !important;
  background:#c41212 !important;
  color:#fff !important;
  padding:8px 14px !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  box-shadow:4px 4px 0 #111 !important;
  transition:transform .12s,box-shadow .12s !important;
}

.eo-cap-submit:hover{
  transform:translate(-1px,-1px) !important;
  box-shadow:5px 5px 0 #111 !important;
}

.eo-cap-submit:disabled{opacity:.4 !important;cursor:not-allowed !important;box-shadow:none !important}

.eo-cap-msg{margin:10px 0 0 !important;font-size:13px !important;color:#c41212 !important}
.eo-cap-msg.is-err{color:#9b1c1c !important}

.eo-cap-toast{
  position:absolute !important;
  left:50% !important;
  bottom:14px !important;
  z-index:12 !important;
  max-width:calc(100% - 28px) !important;
  padding:10px 14px !important;
  border:1px solid #111 !important;
  background:#111 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.45 !important;
  text-align:center !important;
  box-shadow:6px 6px 0 rgba(196,18,18,.35) !important;
  transform:translate(-50%, 12px) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .22s ease, transform .22s ease !important;
}

.eo-cap-toast.is-show{
  opacity:1 !important;
  transform:translate(-50%, 0) !important;
}

.eo-cap-toast.is-err{
  background:#c41212 !important;
  box-shadow:6px 6px 0 #111 !important;
}

.eo-cap-confirm{
  position:absolute !important;
  inset:0 !important;
  z-index:11 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .18s ease, visibility .18s ease !important;
}

.eo-cap-confirm.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.eo-cap-confirm-box{
  width:min(100%, 320px) !important;
  border:1px solid #111 !important;
  background:#fff !important;
  box-shadow:8px 8px 0 #111 !important;
  padding:14px 14px 12px !important;
}

.eo-cap-confirm-msg{
  margin:0 0 12px !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:#111 !important;
}

.eo-cap-confirm-foot{
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

.eo-cap-confirm-btn{
  min-width:72px !important;
  padding:7px 12px !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  font:inherit !important;
  font-size:13px !important;
  cursor:pointer !important;
  box-shadow:3px 3px 0 #111 !important;
  transition:transform .12s, box-shadow .12s !important;
}

.eo-cap-confirm-btn:hover{
  transform:translate(-1px,-1px) !important;
  box-shadow:4px 4px 0 #111 !important;
}

.eo-cap-confirm-btn.is-hot{
  background:#c41212 !important;
  color:#fff !important;
  border-color:#111 !important;
}

.eo-cap-login{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:16px 12px !important;
  margin:0 10px 8px !important;
  border:1px solid #111 !important;
  background:#fafafa !important;
  text-align:center !important;
}

.eo-cap-link{color:#c41212 !important;font-weight:650 !important;text-decoration:none !important}

.eo-cap-list--mine{
  padding:0 !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 11px,
      rgba(17,17,17,.03) 11px,
      rgba(17,17,17,.03) 12px
    ),
    #fff !important;
}

.eo-cap-vault-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-bottom:1px solid #111 !important;
  background:#111 !important;
  color:#fff !important;
}

.eo-cap-vault-head b{
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}

.eo-cap-vault-count{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:10px !important;
  color:rgba(255,255,255,.55) !important;
}

.eo-cap-vault-count i{
  font-style:normal !important;
  color:#e0b833 !important;
  font-weight:700 !important;
}

.eo-cap-vault{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(118px,1fr)) !important;
  gap:0 !important;
  margin:0 !important;
}

.eo-cap-slot{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:12px 8px 10px !important;
  border-right:1px solid rgba(17,17,17,.12) !important;
  border-bottom:1px solid rgba(17,17,17,.12) !important;
  background:transparent !important;
  min-height:148px !important;
  box-sizing:border-box !important;
  transition:background .15s ease !important;
}

.eo-cap-slot:nth-child(odd){
  background:rgba(17,17,17,.015) !important;
}

.eo-cap-slot:hover{
  background:rgba(196,18,18,.04) !important;
  z-index:1 !important;
}

.eo-cap-slot-cap{
  position:relative !important;
  width:44px !important;
  height:56px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

.eo-cap-slot-cap img{
  display:block !important;
  width:30px !important;
  height:auto !important;
  filter:drop-shadow(1px 2px 0 rgba(0,0,0,.12));
  transform:rotate(calc((var(--slot-n,0) - 2) * 2.2deg));
  transition:transform .2s ease !important;
}

.eo-cap-slot:hover .eo-cap-slot-cap img{
  transform:rotate(0deg) translateY(-2px) !important;
}

.eo-cap-slot-stamp{
  position:absolute !important;
  right:-10px !important;
  top:2px !important;
  width:22px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1.5px solid currentColor !important;
  border-radius:50% !important;
  font-style:normal !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  transform:rotate(12deg) !important;
  background:rgba(255,255,255,.92) !important;
  pointer-events:none !important;
}

.eo-cap-slot.is-sealed .eo-cap-slot-stamp{
  color:#1f5f7a !important;
  border-style:dashed !important;
}

.eo-cap-slot.is-ready .eo-cap-slot-stamp{
  color:#c41212 !important;
  border-style:solid !important;
  animation:eoCapStampPulse 1.6s ease-in-out infinite !important;
}

.eo-cap-slot.is-opened .eo-cap-slot-stamp{
  color:#16803c !important;
  opacity:.75 !important;
}

@keyframes eoCapStampPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(196,18,18,.35);transform:rotate(12deg) scale(1)}
  50%{box-shadow:0 0 0 5px rgba(196,18,18,0);transform:rotate(12deg) scale(1.08)}
}

.eo-cap-slot-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
  text-align:center !important;
  width:100% !important;
  min-width:0 !important;
}

.eo-cap-slot-code{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
  color:rgba(17,17,17,.35) !important;
}

.eo-cap-slot-meta strong{
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.eo-cap-slot-cd{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:10px !important;
  color:#c41212 !important;
  line-height:1.3 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.eo-cap-slot-cd.is-mute{color:rgba(17,17,17,.42) !important}

.eo-cap-slot.is-opened .eo-cap-slot-cd{color:#16803c !important}

.eo-cap-slot-id{
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:9px !important;
  color:rgba(17,17,17,.32) !important;
}

.eo-cap-slot-act{
  margin-top:auto !important;
  width:100% !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  padding:5px 0 !important;
  font:inherit !important;
  font-size:11px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  letter-spacing:.06em !important;
}

.eo-cap-slot-act:hover,
.eo-cap-slot-act.is-hot{
  background:#c41212 !important;
  color:#fff !important;
  border-color:#c41212 !important;
}

.eo-cap-slot-act.is-pay{
  background:#fff !important;
  color:#c41212 !important;
  border-color:#c41212 !important;
  border-style:dashed !important;
  letter-spacing:0 !important;
  font-size:10px !important;
}

.eo-cap-slot-act.is-pay:hover{
  background:#c41212 !important;
  color:#fff !important;
  border-style:solid !important;
}

.eo-cap-slot.is-pay{
  background:linear-gradient(180deg, rgba(224,184,51,.08), transparent 55%) !important;
}

.eo-cap-slot.is-ready{
  background:linear-gradient(180deg, rgba(196,18,18,.07), transparent 55%) !important;
}

.eo-cap-slot.is-ready::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;right:0 !important;top:0 !important;
  height:2px !important;
  background:#c41212 !important;
  animation:eoCapReadyBar 1.8s ease-in-out infinite !important;
}

@keyframes eoCapReadyBar{
  0%,100%{opacity:.35}
  50%{opacity:1}
}

.eo-cap-slot.is-opened{
  opacity:.72 !important;
}

.eo-cap-slot.is-opened .eo-cap-slot-cap img{
  filter:grayscale(.35) drop-shadow(1px 2px 0 rgba(0,0,0,.08));
}

.eo-cap-slot-wait{
  margin-top:auto !important;
  width:28px !important;
  height:2px !important;
  background:repeating-linear-gradient(90deg,#111 0 3px,transparent 3px 6px) !important;
  opacity:.25 !important;
}

.eo-cap-vault-rail{
  height:6px !important;
  border-top:1px solid #111 !important;
  background:
    linear-gradient(90deg, #111 0 8px, transparent 8px 16px) 0 0 / 16px 2px repeat-x,
    linear-gradient(180deg, #ddd, #bbb) !important;
}

.eo-cap-vault-empty{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
  padding:18px 12px 16px !important;
  text-align:center !important;
}

.eo-cap-vault-ghost{
  display:flex !important;
  gap:10px !important;
  align-items:flex-end !important;
}

.eo-cap-vault-ghost span{
  display:block !important;
  width:28px !important;
  border:1px dashed rgba(17,17,17,.22) !important;
  background:rgba(17,17,17,.03) !important;
}

.eo-cap-vault-ghost span:nth-child(1){height:42px !important;transform:rotate(-4deg)}
.eo-cap-vault-ghost span:nth-child(2){height:50px !important}
.eo-cap-vault-ghost span:nth-child(3){height:36px !important;transform:rotate(5deg)}

.eo-cap-vault-empty p{
  margin:0 !important;
  font-size:12px !important;
  color:rgba(17,17,17,.45) !important;
  max-width:28ch !important;
}

.eo-cap-ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.eo-cap-ul li{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 9px !important;
  border:1px solid rgba(17,17,17,.12) !important;
  background:#fafafa !important;
}

.eo-cap-ul li.is-sealed{border-left:3px solid #1f5f7a !important}
.eo-cap-ul li.is-ready{
  border-left:3px solid #c41212 !important;
  background:linear-gradient(90deg, rgba(196,18,18,.06), #fafafa 40%) !important;
  animation:eoCapReady 2.4s ease-in-out infinite;
}

.eo-cap-ul li.is-opened{border-left:3px solid #16803c !important}

@keyframes eoCapReady{
  0%,100%{box-shadow:none}
  50%{box-shadow:inset 0 0 0 1px rgba(196,18,18,.12)}
}

.eo-cap-li-ico{flex-shrink:0 !important;display:block !important}

.eo-cap-li-main{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}

.eo-cap-li-main strong{font-size:13px !important}
.eo-cap-li-main span,.eo-cap-li-main time{
  font-size:11px !important;
  color:rgba(17,17,17,.48) !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
}

.eo-cap-countdown{
  display:inline-block !important;
  width:fit-content !important;
  padding:1px 6px !important;
  border:1px solid rgba(196,18,18,.25) !important;
  color:#c41212 !important;
  font-size:10px !important;
  letter-spacing:.04em !important;
}

.eo-cap-li-wait{
  flex-shrink:0 !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:10px !important;
  color:rgba(17,17,17,.45) !important;
  white-space:nowrap !important;
}

.eo-cap-mini{
  flex-shrink:0 !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  padding:7px 11px !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:650 !important;
  cursor:pointer !important;
}

.eo-cap-mini:hover,.eo-cap-mini.is-hot{
  background:#c41212 !important;
  color:#fff !important;
  border-color:#c41212 !important;
}

.eo-cap-badge{
  flex-shrink:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:11px !important;
  padding:4px 8px !important;
  border:1px solid rgba(17,17,17,.18) !important;
  color:rgba(17,17,17,.5) !important;
}

.eo-cap-badge-ring{
  width:8px !important;height:8px !important;
  border:1.5px solid #1f5f7a !important;
  border-radius:50% !important;
  animation:eoCapRing 2s linear infinite;
}

@keyframes eoCapRing{
  to{transform:rotate(360deg)}
}

.eo-cap-seal[hidden]{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.eo-cap-seal{
  position:absolute !important;
  inset:0 !important;
  z-index:8 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  pointer-events:none !important;
}

.eo-cap-seal.is-run{
  pointer-events:auto !important;
  visibility:visible !important;
}

.eo-cap-open[hidden]{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.eo-cap-open{
  position:absolute !important;
  inset:0 !important;
  z-index:9 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(13,15,20,.92) !important;
  pointer-events:none !important;
}

.eo-cap-open.is-run{
  pointer-events:auto !important;
  visibility:visible !important;
}

.eo-cap-open.is-run .eo-cap-open-beam{animation:eoCapOpenBeam .9s .15s ease-out both}
.eo-cap-open.is-run .eo-cap-open-sealed{animation:eoCapOpenFade .45s .55s ease forwards}
.eo-cap-open.is-run .eo-cap-open-done{animation:eoCapOpenPop .55s .7s cubic-bezier(.2,1.3,.3,1) both}
.eo-cap-open.is-run .eo-cap-open-lid{animation:eoCapOpenLid .5s .35s ease-in both}
.eo-cap-open.is-run .eo-cap-open-stamp{animation:eoCapStamp .45s .85s cubic-bezier(.2,1.4,.3,1) both}
.eo-cap-open.is-run .eo-cap-open-sparks i{animation:eoCapSpark .7s .9s ease-out both}
.eo-cap-open.is-run .eo-cap-open-txt{animation:eoCapSealTxt .35s .55s ease both}

.eo-cap-open-stage{
  position:relative !important;
  width:140px !important;
  height:160px !important;
}

.eo-cap-open-beam{
  position:absolute !important;
  left:50% !important;top:8px !important;
  width:4px !important;height:0 !important;
  margin-left:-2px !important;
  background:linear-gradient(180deg, #e0b833, rgba(196,18,18,.2)) !important;
  opacity:0;
  box-shadow:0 0 18px rgba(224,184,51,.65) !important;
}

.eo-cap-open-body{
  position:absolute !important;
  left:50% !important;bottom:8px !important;
  width:80px !important;
  margin-left:-40px !important;
}

.eo-cap-open-body img{
  display:block !important;
  width:80px !important;
  height:auto !important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));
}

.eo-cap-open-sealed{position:relative !important;z-index:1 !important}
.eo-cap-open-done{
  position:absolute !important;
  left:0 !important;top:0 !important;
  opacity:0;
  transform:scale(.7);
  z-index:2 !important;
}

.eo-cap-open-lid{
  position:absolute !important;
  left:50% !important;top:36px !important;
  width:48px !important;height:16px !important;
  margin-left:-24px !important;
  border:1px solid #111 !important;
  border-radius:8px 8px 3px 3px !important;
  background:#c41212 !important;
  opacity:0;
  transform-origin:center bottom !important;
  z-index:3 !important;
}

.eo-cap-open-stamp{
  position:absolute !important;
  right:6px !important;bottom:26px !important;
  width:34px !important;height:34px !important;
  border:2px solid #e0b833 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#e0b833 !important;
  background:rgba(13,15,20,.92) !important;
  opacity:0;
  transform:scale(2) rotate(16deg);
  z-index:4 !important;
}

.eo-cap-open-sparks{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}

.eo-cap-open-sparks i{
  position:absolute !important;
  left:50% !important;top:48% !important;
  width:5px !important;height:5px !important;
  margin:-2px !important;
  border-radius:50% !important;
  background:#e0b833 !important;
  opacity:0;
}

.eo-cap-open-sparks i:nth-child(1){--dx:-40px;--dy:-34px}
.eo-cap-open-sparks i:nth-child(2){--dx:36px;--dy:-38px;background:#c41212}
.eo-cap-open-sparks i:nth-child(3){--dx:-48px;--dy:10px}
.eo-cap-open-sparks i:nth-child(4){--dx:44px;--dy:14px;background:#fff}
.eo-cap-open-sparks i:nth-child(5){--dx:-16px;--dy:38px;background:#c41212}
.eo-cap-open-sparks i:nth-child(6){--dx:20px;--dy:36px}

.eo-cap-open-txt{
  margin:14px 0 0 !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  color:#e0b833 !important;
  opacity:0;
}

@keyframes eoCapOpenBeam{
  0%{height:0;opacity:0}
  30%{opacity:1}
  100%{height:70px;opacity:.85}
}

@keyframes eoCapOpenLid{
  0%{opacity:0;transform:translateY(0) rotate(0)}
  20%{opacity:1}
  100%{opacity:1;transform:translateY(-28px) rotate(-28deg)}
}

@keyframes eoCapOpenFade{
  to{opacity:0;transform:scale(.92)}
}

@keyframes eoCapOpenPop{
  0%{opacity:0;transform:scale(.7) translateY(8px)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}

.eo-cap-seal.is-run .eo-cap-seal-letter{animation:eoCapLetterIn .55s ease-in forwards}
.eo-cap-seal.is-run .eo-cap-seal-body{animation:eoCapBodyPop .7s .2s ease-out both}
.eo-cap-seal.is-run .eo-cap-seal-lid{animation:eoCapLidClose .55s .45s ease-in-out both}
.eo-cap-seal.is-run .eo-cap-seal-stamp{animation:eoCapStamp .5s .85s cubic-bezier(.2,1.4,.3,1) both}
.eo-cap-seal.is-run .eo-cap-seal-sparks i{animation:eoCapSpark .7s .95s ease-out both}
.eo-cap-seal.is-run .eo-cap-seal-txt{animation:eoCapSealTxt .4s .7s ease both}

.eo-cap-seal-stage{
  position:relative !important;
  width:140px !important;
  height:160px !important;
}

.eo-cap-seal-letter{
  position:absolute !important;
  left:50% !important;top:18px !important;
  width:54px !important;height:70px !important;
  margin-left:-27px !important;
  border:1px solid #111 !important;
  background:
    repeating-linear-gradient(transparent 0 11px, rgba(17,17,17,.08) 11px 12px),
    #fff !important;
  transform-origin:center bottom !important;
  opacity:0;
  box-shadow:2px 2px 0 rgba(0,0,0,.06) !important;
}

.eo-cap-seal-body{
  position:absolute !important;
  left:50% !important;bottom:8px !important;
  width:80px !important;
  margin-left:-40px !important;
  opacity:0;
  transform:scale(.6) translateY(12px);
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.2));
}

.eo-cap-seal-body img{display:block !important;width:80px !important;height:auto !important}

.eo-cap-seal-lid{
  position:absolute !important;
  left:50% !important;top:42px !important;
  width:48px !important;height:18px !important;
  margin-left:-24px !important;
  border:1px solid #111 !important;
  border-radius:9px 9px 4px 4px !important;
  background:#c41212 !important;
  opacity:0;
  transform-origin:center top !important;
  transform:rotateX(-90deg);
}

.eo-cap-seal-stamp{
  position:absolute !important;
  right:8px !important;bottom:28px !important;
  width:36px !important;height:36px !important;
  border:2px solid #c41212 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#c41212 !important;
  background:rgba(255,255,255,.95) !important;
  opacity:0;
  transform:scale(2.2) rotate(-18deg);
  box-shadow:0 0 0 3px rgba(196,18,18,.12) !important;
}

.eo-cap-seal-sparks{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}

.eo-cap-seal-sparks i{
  position:absolute !important;
  width:5px !important;height:5px !important;
  border-radius:50% !important;
  background:#e0b833 !important;
  opacity:0;
  left:50% !important;top:48% !important;
}

.eo-cap-seal-sparks i:nth-child(1){--dx:-42px;--dy:-36px}
.eo-cap-seal-sparks i:nth-child(2){--dx:38px;--dy:-40px;background:#c41212}
.eo-cap-seal-sparks i:nth-child(3){--dx:-50px;--dy:8px}
.eo-cap-seal-sparks i:nth-child(4){--dx:46px;--dy:12px;background:#1f5f7a}
.eo-cap-seal-sparks i:nth-child(5){--dx:-18px;--dy:40px;background:#c41212}
.eo-cap-seal-sparks i:nth-child(6){--dx:22px;--dy:38px}

.eo-cap-seal-txt{
  margin:12px 0 0 !important;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  color:rgba(17,17,17,.5) !important;
  opacity:0;
}

@keyframes eoCapLetterIn{
  0%{opacity:0;transform:translateY(-24px) scale(1.05)}
  35%{opacity:1;transform:translateY(0) scale(1)}
  70%{opacity:1;transform:translateY(28px) scale(.72) rotate(-4deg)}
  100%{opacity:0;transform:translateY(52px) scale(.2) rotate(8deg)}
}

@keyframes eoCapBodyPop{
  0%{opacity:0;transform:scale(.55) translateY(16px)}
  55%{opacity:1;transform:scale(1.06) translateY(-2px)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}

@keyframes eoCapLidClose{
  0%{opacity:0;transform:rotateX(-90deg) translateY(-8px)}
  40%{opacity:1}
  100%{opacity:1;transform:rotateX(0) translateY(0)}
}

@keyframes eoCapStamp{
  0%{opacity:0;transform:scale(2.2) rotate(-18deg)}
  65%{opacity:1;transform:scale(.92) rotate(-6deg)}
  100%{opacity:1;transform:scale(1) rotate(-8deg)}
}

@keyframes eoCapSpark{
  0%{opacity:0;transform:translate(0,0) scale(.4)}
  30%{opacity:1}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}
}

@keyframes eoCapSealTxt{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

.eo-cap-list--mine.eo-cap-flash{
  animation:eoCapMineFlash .85s ease;
}

@keyframes eoCapMineFlash{
  0%{box-shadow:inset 0 0 0 0 rgba(196,18,18,0)}
  35%{box-shadow:inset 0 0 0 2px rgba(196,18,18,.35)}
  100%{box-shadow:inset 0 0 0 0 rgba(196,18,18,0)}
}

.eo-cap-detail{margin:0 14px !important}

.eo-cap-card{
  position:relative !important;
  border:1px solid #111 !important;
  background:#fff !important;
  overflow:hidden !important;
  animation:eoCapReveal .45s ease-out;
}

@keyframes eoCapReveal{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

.eo-cap-reveal-burst{
  position:absolute !important;
  top:0 !important;left:50% !important;
  width:200px !important;height:200px !important;
  transform:translate(-50%,-50%) !important;
  background:radial-gradient(circle, rgba(224,184,51,.35), transparent 65%) !important;
  pointer-events:none !important;
  animation:eoCapBurst .6s ease-out forwards;
}

@keyframes eoCapBurst{
  from{opacity:1;transform:translate(-50%,-50%) scale(.3)}
  to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}
}

.eo-cap-card-h{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  padding:14px 16px 10px !important;
  border-bottom:1px solid rgba(17,17,17,.1) !important;
  background:linear-gradient(180deg, rgba(31,95,122,.05), #fff) !important;
}

.eo-cap-card-cap{flex-shrink:0 !important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}

.eo-cap-card-h h4{
  margin:0 0 4px !important;
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:17px !important;
}

.eo-cap-muted{margin:0 !important;font-size:12px !important;color:rgba(17,17,17,.48) !important}

.eo-cap-card-body{
  padding:16px !important;
  background:
    repeating-linear-gradient(transparent 0 27px, rgba(17,17,17,.05) 27px 28px),
    #fff !important;
}

.eo-cap-letter{
  margin:0 !important;
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:15px !important;
  line-height:1.75 !important;
  white-space:pre-wrap !important;
}

.eo-cap-card-foot{
  padding:12px 16px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.eo-cap-snap-timeline{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.eo-cap-snap-node{
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  font-size:12px !important;
}

.eo-cap-snap-dot{
  flex-shrink:0 !important;
  width:10px !important;height:10px !important;
  margin-top:4px !important;
  border-radius:50% !important;
  border:2px solid #1f5f7a !important;
  background:#fff !important;
}

.eo-cap-snap-node.is-open .eo-cap-snap-dot{
  border-color:#c41212 !important;
  background:#c41212 !important;
  box-shadow:0 0 0 3px rgba(196,18,18,.15) !important;
}

.eo-cap-snap-node b{
  display:block !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
  margin-bottom:2px !important;
}

.eo-cap-snap-node span{color:rgba(17,17,17,.55) !important;font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace !important;font-size:11px !important}

.eo-cap-sealed{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:24px 16px !important;
  text-align:center !important;
  border:1px dashed rgba(17,17,17,.22) !important;
  background:#fafafa !important;
}

.eo-cap-sealed img{opacity:.85}

@media (max-width:720px){
  .eo-cap-panel{
    width:100% !important;
    max-height:92vh !important;
    box-shadow:8px 8px 0 #111 !important;
  }
  .eo-cap-top{
    flex-wrap:wrap !important;
    padding:7px 10px !important;
  }
  .eo-cap-top-stat{width:100% !important;justify-content:flex-end !important}
  .eo-cap-top-stat span{min-width:0 !important;flex:1 !important}
  .eo-cap-track-btn{min-height:48px !important;padding:5px 2px !important}
  .eo-cap-track-lab{font-size:10px !important}
  .eo-cap-vault{grid-template-columns:repeat(2,1fr) !important}
  .eo-cap-slot{min-height:136px !important;padding:10px 6px 8px !important}
}

#plaza-nav .tea-rail-daily-btn.tea-rail-tab--capsule{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
}

#plaza-nav .tea-rail-cap-ico{
  display:block !important;
  flex-shrink:0 !important;
  opacity:.75 !important;
  transition:opacity .15s, transform .15s !important;
}

#plaza-nav .tea-rail-daily-btn.tea-rail-tab--capsule:hover .tea-rail-cap-ico{
  opacity:1 !important;
  transform:translateY(-1px) !important;
}