.nste-ticket{
  --nste-accent:#d4b8ff;
  --nste-accent-strong:#8b5fd8;
  --nste-panel-a:#2e174b;
  --nste-panel-b:#11091f;
  --nste-text:#fff;
  position:relative;
  width:min(720px,100%);
  margin:24px auto;
  color:var(--nste-text);
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
  isolation:isolate;
}
.nste-ticket--rose{
  --nste-accent:#ffc4d6;
  --nste-accent-strong:#b54d74;
  --nste-panel-a:#4b1630;
  --nste-panel-b:#1b0811;
}
.nste-ticket--gold{
  --nste-accent:#f5d58a;
  --nste-accent-strong:#b47922;
  --nste-panel-a:#4e3511;
  --nste-panel-b:#1b1104;
}
.nste-ticket__glow{
  position:absolute;
  inset:8% 10%;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(154,108,235,.32),transparent 70%);
  filter:blur(22px);
}
.nste-ticket__inner{
  position:relative;
  overflow:hidden;
  padding:28px 22px 24px;
  border:1px solid color-mix(in srgb,var(--nste-accent) 60%,transparent);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.10),transparent 38%),
    linear-gradient(155deg,var(--nste-panel-a),var(--nste-panel-b));
  box-shadow:0 24px 54px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
  text-align:center;
}
.nste-ticket__inner::before,
.nste-ticket__inner::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border:1px solid color-mix(in srgb,var(--nste-accent) 25%,transparent);
  border-radius:50%;
  pointer-events:none;
}
.nste-ticket__inner::before{left:-74px;top:-74px}
.nste-ticket__inner::after{right:-74px;bottom:-74px}
.nste-ticket__kicker{
  margin:0 0 8px;
  color:var(--nste-accent);
  font-family:Georgia,serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.18em;
}
.nste-ticket__heading{
  font-size:clamp(1.35rem,4vw,2rem);
  font-weight:800;
  line-height:1.45;
}
.nste-ticket__description{
  max-width:560px;
  margin:12px auto 0;
  color:rgba(255,255,255,.82);
  font-size:.9rem;
  line-height:1.9;
}
.nste-ticket__image{
  width:min(240px,70%);
  margin:18px auto 0;
}
.nste-ticket__image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.32));
}
.nste-ticket__fieldset{
  margin:22px 0 0;
  padding:0;
  border:0;
}
.nste-ticket__fieldset legend{
  width:100%;
  margin:0 0 12px;
  color:rgba(255,255,255,.78);
  font-size:.78rem;
}
.nste-ticket__amounts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.nste-ticket__amount{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.nste-ticket__amount input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.nste-ticket__amount span{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:2px;
  min-width:86px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#fff;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.nste-ticket__amount strong{
  font-family:Georgia,serif;
  font-size:1.12rem;
}
.nste-ticket__amount small{
  font-size:.68rem;
}
.nste-ticket__amount input:checked + span{
  border-color:var(--nste-accent);
  background:linear-gradient(145deg,var(--nste-accent),var(--nste-accent-strong));
  color:#1a0c25;
  box-shadow:0 0 18px color-mix(in srgb,var(--nste-accent) 35%,transparent);
  transform:translateY(-2px);
}
.nste-ticket__amount input:focus-visible + span{
  outline:2px solid #fff;
  outline-offset:3px;
}
.nste-ticket__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:min(360px,100%);
  margin-top:18px;
  padding:14px 18px;
  border:1px solid color-mix(in srgb,var(--nste-accent) 75%,#fff);
  border-radius:999px;
  background:linear-gradient(145deg,var(--nste-accent),var(--nste-accent-strong));
  color:#1a0c25;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(0,0,0,.30);
  transition:transform .18s ease,box-shadow .18s ease;
}
.nste-ticket__button:hover,
.nste-ticket__button:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.36),0 0 20px color-mix(in srgb,var(--nste-accent) 30%,transparent);
}
.nste-ticket__button:active{transform:translateY(1px)}
.nste-ticket__button strong{
  padding-left:12px;
  border-left:1px solid rgba(25,11,35,.28);
  font-family:Georgia,serif;
}
.nste-ticket__thanks{
  margin:16px 0 0;
  color:rgba(255,255,255,.82);
  font-size:.8rem;
  line-height:1.8;
}
.nste-ticket__notice{
  min-height:1.5em;
  margin:8px 0 0;
  color:#ffdbe3;
  font-size:.76rem;
}
@media(max-width:600px){
  .nste-ticket__inner{padding:24px 14px 20px}
  .nste-ticket__amounts{gap:8px}
  .nste-ticket__amount span{
    min-width:74px;
    padding:10px 11px;
  }
}
@media(prefers-reduced-motion:reduce){
  .nste-ticket__amount span,
  .nste-ticket__button{
    transition:none!important;
  }
}

/* v0.2.0 Support identity */
.nste-ticket__identity{margin:20px 0;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:16px}
.nste-ticket__identity legend{padding:0 8px;font-weight:700}
.nste-ticket__mode{display:grid;gap:10px;margin-bottom:14px}
.nste-ticket__identity [data-nste-existing-fields],.nste-ticket__identity [data-nste-new-fields]{display:grid;gap:12px}
.nste-ticket__identity [hidden]{display:none!important}
.nste-ticket__identity label{display:grid;gap:6px;font-size:14px}
.nste-ticket__identity input[type=text],.nste-ticket__identity input[type=password],.nste-ticket__identity input[type=email],.nste-ticket__identity input[type=tel]{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.18);color:inherit;font-size:16px}
.nste-ticket__small{margin:0;font-size:12px;opacity:.8}
.nste-ticket__button:disabled{opacity:.55;cursor:wait}
.nste-credentials,.nste-order-points{margin:24px 0;padding:20px;border:1px solid #d9c8ff;border-radius:14px;background:#faf7ff}
.nste-credentials div{display:grid;gap:4px;margin:12px 0}.nste-credentials strong{font-size:1.4em;letter-spacing:.08em}

/* v0.2.1 T-shirt system replacement notice */
.nste-ticket__transition{
  margin:18px auto 0;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--nste-accent) 55%,transparent);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  text-align:left;
}
.nste-ticket__transition>strong{
  display:block;
  color:var(--nste-accent);
  font-size:.95rem;
  line-height:1.6;
  text-align:center;
}
.nste-ticket__transition p{
  margin:9px 0 0;
  color:rgba(255,255,255,.88);
  font-size:.82rem;
  line-height:1.8;
}
.nste-ticket__rate{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
  margin-top:11px;
}
.nste-ticket__rate span{
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(0,0,0,.16);
  font-family:Georgia,serif;
  font-size:.72rem;
}

/* v0.2.3 Numeric quantity + verified supporter name */
.nste-ticket__verify{
  width:100%;
  padding:11px 14px;
  border:1px solid var(--nste-accent);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.nste-ticket__verify:disabled{opacity:.55;cursor:wait}
.nste-ticket__verified{
  display:grid;
  gap:3px;
  margin-top:4px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--nste-accent) 70%,transparent);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  text-align:center;
}
.nste-ticket__verified[hidden]{display:none!important}
.nste-ticket__verified span{font-size:.7rem;opacity:.78;letter-spacing:.08em}
.nste-ticket__verified strong{color:var(--nste-accent);font-size:1.2rem;line-height:1.5}
.nste-ticket__verified small{font-size:.78rem;opacity:.84}
.nste-ticket__quantity-fieldset{
  margin:20px 0 0;
  padding:18px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
}
.nste-ticket__quantity-fieldset legend{padding:0 8px;font-weight:800}
.nste-ticket__unit{margin:0 0 12px;font-size:.8rem;opacity:.82}
.nste-ticket__quantity-control{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.nste-ticket__quantity-control>button{
  width:58px;
  height:58px;
  padding:0;
  border:1px solid var(--nste-accent);
  border-radius:50%;
  background:linear-gradient(145deg,var(--nste-accent),var(--nste-accent-strong));
  color:#1a0c25;
  font:800 2rem/1 sans-serif;
  cursor:pointer;
}
.nste-ticket__quantity-control label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.nste-ticket__quantity-control input{
  width:92px;
  min-height:58px;
  box-sizing:border-box;
  padding:8px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:14px;
  background:rgba(0,0,0,.2);
  color:#fff;
  font:800 1.55rem/1 Georgia,serif;
  text-align:center;
}
.nste-ticket__quantity-control small{font-size:1rem;font-weight:800}
.nste-ticket__calculation{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.nste-ticket__calculation p{
  display:grid;
  gap:4px;
  margin:0;
  padding:12px 8px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
}
.nste-ticket__calculation span{font-size:.7rem;opacity:.76}
.nste-ticket__calculation strong{color:var(--nste-accent);font-size:1.05rem}
.nste-checkout-identity{
  margin:0 0 24px;
  padding:20px;
  border:2px solid #d7c3f4;
  border-radius:18px;
  background:linear-gradient(145deg,#fbf7ff,#f4edf9);
  color:#3d2452;
  box-shadow:0 12px 28px rgba(50,25,70,.12);
}
.nste-checkout-identity__label{margin:0 0 6px;font-weight:800;color:#6d428b}
.nste-checkout-identity h2{margin:0 0 10px;font-size:1.35rem;color:#3d2452}
.nste-checkout-identity h2 small{font-size:.72em;font-weight:700}
.nste-checkout-identity p{margin:6px 0;line-height:1.7}
@media(max-width:480px){
  .nste-ticket__quantity-control{gap:10px}
  .nste-ticket__quantity-control>button{width:52px;height:52px}
  .nste-ticket__quantity-control input{width:82px;min-height:52px}
  .nste-ticket__calculation{grid-template-columns:1fr}
}