@layer components{.lp-wheel-wrap{width:100%;min-width:0;max-width:35rem;margin-inline:auto}.lp-wheel{--node:clamp(2.75rem, 9.5vw, 4.5rem);aspect-ratio:1;background:radial-gradient(circle,#7fc4a529,#ffffff0a 40%,#fff0 64%);width:100%;max-width:38rem;margin:0 auto;position:relative}.lp-wheel-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lp-wheel-ring{transform-origin:260px 260px;animation:90s linear infinite lp-spin}.lp-wheel-web line{stroke-dasharray:600;stroke-dashoffset:600px;animation:2.4s ease-out forwards lp-draw}.lp-wheel-hub{aspect-ratio:1;width:clamp(6.5rem,24vw,11rem);color:var(--lp-ink);text-align:center;animation:lp-pop .9s var(--ease-brand) both;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 6px #7fc4a524,0 24px 70px #00000057}.lp-wheel-hub:before{content:"";pointer-events:none;border:1px solid #a9d9c38c;border-radius:50%;animation:4s ease-in-out infinite lp-breathe;position:absolute;inset:-.875rem}.lp-wheel-hub:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#a9d9c3 0 3px,#a9d9c359 4px,#0000 8px) no-repeat;border:1px dashed #fff3;border-radius:50%;animation:14s linear infinite lp-spin;position:absolute;inset:-1.875rem}.lp-wheel-hub svg{width:clamp(1.5rem,3.4vw,2rem);height:auto}.lp-wheel-hub strong{font-family:var(--font-serif);font-size:clamp(1.375rem,3.8vw,1.875rem);font-weight:500;line-height:1}.lp-wheel-hub span{text-wrap:balance;max-width:78%;line-height:1.35;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-muted);font-size:clamp(.5rem,1.4vw,.59375rem)}.lp-wheel-node{z-index:1;width:var(--node);height:var(--node);animation:lp-pop .8s var(--ease-brand) both;position:absolute;translate:-50% -50%}.lp-wheel-dot{color:var(--lp-ink);transition:transform .35s var(--ease-brand), box-shadow .35s var(--ease-brand);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #00000038}.lp-wheel-dot svg{width:36%;height:36%}.lp-wheel-node:hover .lp-wheel-dot{transform:scale(1.08);box-shadow:0 0 0 5px #7fc4a54d,0 14px 34px #00000047}.lp-wheel-node:hover .lp-wheel-label{border-color:#a9d9c380}.lp-wheel-node[data-tone=sage] .lp-wheel-dot{background:#bfccc8}.lp-wheel-node[data-tone=soon] .lp-wheel-dot{color:#ffffffd9;box-shadow:none;background:#1c4a3c99;border:1px dashed #fff9}.lp-wheel-node[data-tone=live] .lp-wheel-dot{animation:3s ease-out infinite lp-halo;animation-delay:var(--halo,0s)}.lp-wheel-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;white-space:nowrap;background:#15382db8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.375rem;margin-top:.4375rem;padding:.1875rem .5625rem;font-size:clamp(.625rem,1.6vw,.78125rem);font-weight:500;line-height:1.4;transition:border-color .3s;display:inline-flex;position:absolute;top:100%;left:50%;translate:-50%}.lp-wheel-node[data-place=top] .lp-wheel-label{margin:0 0 .4375rem;top:auto;bottom:100%}.lp-wheel-soon{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#a9d9c3;background:#a9d9c329;border-radius:999px;padding:.0625rem .375rem;font-size:.85em}@media (max-width:29.99rem){.lp-wheel-soon{display:none}.lp-wheel-wrap{padding-inline:1.75rem}}.lp-wheel-node[data-tone=soon] .lp-wheel-label{color:#fffc}@media (max-width:47.5rem){.lp-wheel-wrap{max-width:32.5rem;padding-inline:.875rem}}@media (prefers-reduced-motion:reduce){.lp-wheel-ring,.lp-wheel-hub,.lp-wheel-hub:before,.lp-wheel-hub:after,.lp-wheel-node,.lp-wheel-dot{animation:none!important}.lp-wheel-web line{stroke-dashoffset:0;animation:none}.lp-wheel .lp-sig{display:none}}}