.sp-stage{position:relative;overflow:hidden;background:radial-gradient(55% 60% at 88% 8%,color-mix(in srgb,var(--color-primary) 26%,transparent),transparent 70%),radial-gradient(45% 55% at 6% 92%,color-mix(in srgb,var(--color-build, #3870a8) 22%,transparent),transparent 70%),var(--color-secondary);color:var(--color-secondary-foreground)}.sp-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-secondary-foreground) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-secondary-foreground) 5%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 70% at 60% 40%,#000 30%,transparent 80%)}.sp-gold{color:var(--color-primary)}.sp-haze{color:color-mix(in srgb,var(--color-secondary-foreground) 68%,transparent)}.sp-fan{position:relative;height:380px}.sp-chip{position:absolute;left:50%;bottom:0;width:168px;height:300px;margin-left:-84px;border-radius:14px;transform-origin:50% 150%;transform:rotate(var(--rot)) translateY(0);box-shadow:0 1px #ffffff14 inset,0 24px 48px -20px #0009;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);cursor:pointer;overflow:hidden;text-align:left;padding:0;border:0}.sp-chip:hover,.sp-chip:focus-visible{transform:rotate(var(--rot)) translateY(-22px);z-index:10}.sp-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.sp-chip:active{transform:rotate(var(--rot)) translateY(-14px)}.sp-chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-primary),0 30px 60px -20px #c4943073}.sp-chip-bands{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-rows:repeat(4,34px)}.sp-chip-name{position:absolute;left:12px;top:14px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:21px;line-height:1;letter-spacing:-.01em;white-space:nowrap}.sp-chip-tag{position:absolute;left:46px;top:16px;right:14px;font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}@media (max-width: 639px){.sp-fan{height:250px}.sp-chip{width:118px;height:210px;margin-left:-59px}.sp-chip-name{left:9px;top:10px;font-size:15px}.sp-chip-tag{display:none}.sp-chip-bands{grid-template-rows:repeat(4,24px)}}.sp-panel{background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 1px 2px #0c10160d,0 22px 44px -26px #8a671b47}.sp-step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--color-secondary);color:var(--color-primary);font:600 14px/1 var(--font-mono)}.sp-field{width:100%;min-height:44px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-background);padding:10px 12px;font-size:16px;color:var(--color-foreground);transition:border-color .2s ease,box-shadow .2s ease}.sp-field:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.sp-lit{border-radius:16px;background:var(--color-secondary);padding:10px;box-shadow:0 0 0 1px #ffffff0a inset,0 40px 80px -40px #0c10168c,0 0 60px -20px #c4943059}.sp-lit-bar{display:flex;gap:6px;align-items:center;padding:4px 6px 10px}.sp-lit-bar i{width:9px;height:9px;border-radius:99px;background:#ffffff2e}.sp-lit iframe{display:block;width:100%;border:0;border-radius:8px;background:#fff}.sp-phone{max-width:390px;margin:0 auto}.sp-look{text-align:left;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface, #fff);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;min-height:44px}.sp-look:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px #0c101666}.sp-look:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sp-look:active{transform:translateY(-1px)}.sp-look[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.sp-dock{border-radius:16px;background:var(--color-secondary);color:var(--color-secondary-foreground);box-shadow:0 30px 60px -30px #0c1016b3,0 0 0 1px #ffffff0d inset}.sp-progress{height:4px;border-radius:99px;background:#ffffff1f;overflow:hidden}.sp-progress>i{display:block;height:100%;background:var(--color-primary);transition:width .5s cubic-bezier(.16,1,.3,1)}.sp-rise>*{animation:sp-rise .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes sp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sp-fan-in{0%{opacity:0;transform:rotate(0) translateY(30px)}}.sp-fan .sp-chip{animation:sp-fan-in .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--n) * 70ms + .2s)}@media (prefers-reduced-motion: reduce){.sp-rise>*,.sp-fan .sp-chip{animation:none}.sp-chip,.sp-look{transition:none}}