.tp{--tp-blue:#3b2cf6;--tp-blue-light:#ece6ff;--tp-brand:linear-gradient(135deg, #6a0ef4 0%, #3b2cf6 50%, #0078ff 100%);--tp-coin:4.25rem;text-align:center;justify-items:center;gap:.75rem;width:100%;max-width:34rem;margin:0 auto;padding:2rem 0 1rem;display:grid}.tp-stage{place-items:center;width:100%;height:9rem;display:grid;position:relative}.tp-overlay{z-index:2147480000;background:var(--background);place-items:center;padding:1rem;animation:.2s both tp-overlay-in;display:grid;position:fixed;inset:0}@keyframes tp-overlay-in{0%{opacity:0}to{opacity:1}}.tp-coin{background:var(--tp-brand);color:#fff;border-radius:9999px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 8px 24px #3b2cf64d}.tp-coin svg{width:100%;height:100%}.tp-end{border:1px solid var(--border);background:var(--card);border-radius:9999px;place-items:center;width:3.4rem;height:3.4rem;display:grid;overflow:hidden}.tp-end img{object-fit:cover;border-radius:9999px;width:2rem;height:2rem}.tp-intro{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.tp-end-from{animation:1.3s forwards tp-fade-out}.tp-intro-coin{width:8rem;height:8rem;animation:1.3s cubic-bezier(.65,0,.35,1) forwards tp-intro-coin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tp-intro-coin{0%{width:8rem;height:8rem;left:50%}35%{width:7.4rem;height:7.4rem;left:50%}to{left:calc(var(--tp-coin) / 2 + .3rem);width:var(--tp-coin);height:var(--tp-coin)}}@keyframes tp-fade-out{0%,40%{opacity:1}to{opacity:0}}.tp-track{width:100%;height:calc(var(--tp-coin) + .6rem);border:1px solid var(--border);background:var(--card);border-radius:9999px;padding:.3rem;animation:.45s both tp-track-in;position:relative;box-shadow:inset 0 1px 2px #0f172a0f}.tp-fill{width:calc(var(--tp-coin) + (100% - .6rem - var(--tp-coin)) * var(--tp-progress,0));background:linear-gradient(90deg, var(--tp-blue-light) 0%, #a98bfa 30%, #6a0ef4 55%, #3b2cf6 78%, #0078ff 100%);border-radius:9999px;justify-content:flex-end;transition:width .9s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;top:.3rem;bottom:.3rem;left:.3rem}.tp-track-coin{width:var(--tp-coin);height:var(--tp-coin);box-shadow:none}.tp-track-to{position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@keyframes tp-track-in{0%{opacity:0;transform:scaleX(.92)}to{opacity:1;transform:scaleX(1)}}.tp-step{gap:.2rem;min-height:2.6rem;animation:.35s both tp-step-in;display:grid}.tp-count{color:var(--muted-foreground);font-size:.85rem}.tp-count strong{color:var(--foreground);font-weight:600}.tp-label{font-size:.95rem;font-weight:500}@keyframes tp-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tp-title{font-family:var(--font-heading), Sora, ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;margin-top:1.25rem;font-size:1.6rem;font-weight:500}.tp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-top:.5rem;margin-bottom:-1rem;font-size:.72rem;font-weight:700}.tp-amount{font-family:var(--font-heading), Sora, ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:.25rem;font-size:2rem;font-weight:700}.tp-rows{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:1rem;gap:.5rem;width:100%;max-width:26rem;padding:.85rem 1rem;font-size:.875rem;display:grid}.tp-rows>div{justify-content:space-between;gap:1rem;display:flex}.tp-rows dt{color:var(--muted-foreground)}.tp-rows dd{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.tp-actions{justify-items:center;gap:.75rem;width:100%;max-width:26rem;margin-top:.5rem;display:grid}.tp-link{color:var(--primary);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;display:inline-flex}.tp-done{background:var(--primary);width:100%;height:3.1rem;color:var(--primary-foreground);border-radius:9999px;font-size:1rem;font-weight:700}.tp-overlay{overflow-y:auto}.tp-sub{max-width:26rem;color:var(--muted-foreground);margin-top:-.4rem;font-size:.9rem}.tp-result{color:#fff;border-radius:9999px;place-items:center;width:8rem;height:8rem;animation:.55s cubic-bezier(.34,1.56,.64,1) both tp-pop;display:grid}.tp-result.is-done{background:var(--tp-brand);box-shadow:0 18px 40px -14px #3b2cf68c}.tp-result.is-hold{background:linear-gradient(90deg,#fde7c4 0%,#f6b552 50%,#d97706 100%)}.tp-result svg{width:3.6rem;height:3.6rem}.tp-check{stroke-dasharray:40;stroke-dashoffset:40px;animation:.45s .3s forwards tp-draw}.tp-bang{font-family:var(--font-heading), Sora, ui-sans-serif, system-ui, sans-serif;font-size:3.4rem;font-weight:800;line-height:1}@keyframes tp-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes tp-draw{to{stroke-dashoffset:0}}@media (max-width:480px){.tp{--tp-coin:3.5rem}.tp-intro-coin{width:6.5rem;height:6.5rem}}@media (prefers-reduced-motion:reduce){.tp *,.tp :before,.tp :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}