@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700;800&family=Roboto+Mono:wght@400;700&family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Karla:wght@400;600;700&family=Bungee&display=swap");.style-card{width:180px;height:114px;border-radius:10px;border:2px solid #2a2a2a;overflow:hidden;cursor:pointer;background:#1a1a1a;transition:transform .2s ease}.style-card,.style-card-wrap{position:relative;display:flex;flex-direction:column}.style-card-wrap{align-items:center}.style-card-wrap.selected .style-card{outline:2px solid #fff;outline-offset:3px;transform:scale(1.02)}.style-card-wrap .style-card-check{position:absolute;top:6px;right:6px;z-index:20;width:18px;height:18px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.style-card-wrap .style-card-check svg{width:10px;height:10px}.style-card-wrap.selected .style-card-check{opacity:1;transform:scale(1)}.sc-text-strip{height:36px;width:100%;position:relative;overflow:hidden;display:flex;align-items:center}.sc-text-track{display:flex;white-space:nowrap;transform:translateX(0)}.sc-text-word{padding:0 10px;font-weight:700;font-size:13px;flex-shrink:0;min-width:100%;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:1px}.style-card.animating .sc-text-track{animation:sc-text-slide 4.5s ease-in-out infinite}@keyframes sc-text-slide{0%,20%{transform:translateX(0)}28%,50%{transform:translateX(-100%)}58%,80%{transform:translateX(-200%)}88%,to{transform:translateX(0)}}.style-card.anim-glitch.animating .sc-text-track{animation:sc-text-slide-glitch 4.5s ease-in-out infinite}@keyframes sc-text-slide-glitch{0%,18%{transform:translateX(0)}22%{transform:translateX(calc(-100% + 4px)) skewX(-2deg)}26%,48%{transform:translateX(-100%)}52%{transform:translateX(calc(-200% - 3px)) skewX(2deg)}56%,78%{transform:translateX(-200%)}82%{transform:translateX(calc(0% + 3px)) skewX(-1deg)}86%,to{transform:translateX(0)}}.style-card.anim-default.animating .sc-text-track{animation-duration:4.5s}.sc-shapes-area{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:16px;position:relative;padding-bottom:14px}.sc-shape{width:28px;height:28px;position:relative;animation:sc-ambient-float 3s ease-in-out infinite}.sc-shape:nth-child(2){animation-delay:.4s}.sc-shape:nth-child(3){animation-delay:.8s}@keyframes sc-ambient-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sc-shape svg{width:100%;height:100%;overflow:visible}.sc-morph-path{transition:d .4s ease}.style-card.animating .sc-shape{animation:sc-jump-default 5.6s infinite}.style-card.animating .sc-shape:nth-child(2){animation-delay:.15s}.style-card.animating .sc-shape:nth-child(3){animation-delay:.3s}@keyframes sc-jump-default{0%{transform:translateY(0) rotate(0deg)}9%{transform:translateY(-30px) rotate(-120deg)}14%{transform:translateY(-34px) rotate(-240deg)}19%{transform:translateY(-30px) rotate(-1turn)}28%{transform:translateY(0) rotate(-1turn)}31%{transform:translateY(-4px) rotate(-1turn)}34%,48%{transform:translateY(0) rotate(-1turn)}57%{transform:translateY(-30px) rotate(-480deg)}62%{transform:translateY(-34px) rotate(-600deg)}67%{transform:translateY(-30px) rotate(-2turn)}76%{transform:translateY(0) rotate(-2turn)}79%{transform:translateY(-4px) rotate(-2turn)}82%,to{transform:translateY(0) rotate(-2turn)}}.style-card.anim-stiff.animating .sc-shape{animation-name:sc-jump-stiff;animation-duration:4.8s}@keyframes sc-jump-stiff{0%{transform:translateY(0) rotate(0deg)}8%{transform:translateY(-26px) rotate(-120deg)}13%{transform:translateY(-28px) rotate(-240deg)}18%{transform:translateY(-26px) rotate(-1turn)}26%,48%{transform:translateY(0) rotate(-1turn)}56%{transform:translateY(-26px) rotate(-480deg)}61%{transform:translateY(-28px) rotate(-600deg)}66%{transform:translateY(-26px) rotate(-2turn)}74%,to{transform:translateY(0) rotate(-2turn)}}.style-card.anim-glitch.animating .sc-shape{animation-name:sc-jump-glitch;animation-duration:4s}@keyframes sc-jump-glitch{0%{transform:translateY(0) rotate(0deg)}5%{transform:translateY(-28px) translateX(-2px) rotate(-90deg)}8%{transform:translateY(-32px) translateX(3px) rotate(-180deg)}11%{transform:translateY(-34px) translateX(-1px) rotate(-270deg)}16%{transform:translateY(-30px) translateX(2px) rotate(-1turn)}24%{transform:translateY(0) translateX(-1px) rotate(-1turn)}26%{transform:translateY(-3px) translateX(2px) rotate(-1turn)}28%,48%{transform:translateY(0) rotate(-1turn)}53%{transform:translateY(-28px) translateX(2px) rotate(-450deg)}56%{transform:translateY(-32px) translateX(-3px) rotate(-540deg)}59%{transform:translateY(-34px) translateX(1px) rotate(-630deg)}64%{transform:translateY(-30px) translateX(-2px) rotate(-2turn)}72%{transform:translateY(0) translateX(1px) rotate(-2turn)}74%{transform:translateY(-3px) translateX(-2px) rotate(-2turn)}76%,to{transform:translateY(0) rotate(-2turn)}}.style-card.anim-bounce.animating .sc-shape{animation-name:sc-jump-bounce;animation-duration:5.2s}@keyframes sc-jump-bounce{0%{transform:translateY(0) rotate(0deg)}8%{transform:translateY(-32px) rotate(-120deg)}13%{transform:translateY(-36px) rotate(-240deg)}18%{transform:translateY(-32px) rotate(-1turn)}26%{transform:translateY(4px) rotate(-1turn)}29%{transform:translateY(-6px) rotate(-1turn)}32%{transform:translateY(2px) rotate(-1turn)}35%,48%{transform:translateY(0) rotate(-1turn)}56%{transform:translateY(-32px) rotate(-480deg)}61%{transform:translateY(-36px) rotate(-600deg)}66%{transform:translateY(-32px) rotate(-2turn)}74%{transform:translateY(4px) rotate(-2turn)}77%{transform:translateY(-6px) rotate(-2turn)}80%{transform:translateY(2px) rotate(-2turn)}83%,to{transform:translateY(0) rotate(-2turn)}}.style-card.animating .sc-shape:first-child .sc-morph-path{animation:sc-morph-tri-cir 5.6s infinite}.style-card.animating .sc-shape:nth-child(2) .sc-morph-path{animation:sc-morph-cir-sqr 5.6s infinite;animation-delay:.15s}.style-card.animating .sc-shape:nth-child(3) .sc-morph-path{animation:sc-morph-sqr-tri 5.6s infinite;animation-delay:.3s}@keyframes sc-morph-tri-cir{0%,7%{d:path("M17 2 L32 30 L2 30 Z")}16%,48%{d:path("M17 2 C26 2 32 10 32 17 C32 24 26 32 17 32 C8 32 2 24 2 17 C2 10 8 2 17 2 Z")}55%,62%{d:path("M17 2 C26 2 32 10 32 17 C32 24 26 32 17 32 C8 32 2 24 2 17 C2 10 8 2 17 2 Z")}70%,to{d:path("M17 2 L32 30 L2 30 Z")}}@keyframes sc-morph-cir-sqr{0%,7%{d:path("M17 2 C26 2 32 10 32 17 C32 24 26 32 17 32 C8 32 2 24 2 17 C2 10 8 2 17 2 Z")}16%,48%{d:path("M4 4 C4 4 30 4 30 4 C30 4 30 30 30 30 C30 30 4 30 4 30 C4 30 4 4 4 4 Z")}55%,62%{d:path("M4 4 C4 4 30 4 30 4 C30 4 30 30 30 30 C30 30 4 30 4 30 C4 30 4 4 4 4 Z")}70%,to{d:path("M17 2 C26 2 32 10 32 17 C32 24 26 32 17 32 C8 32 2 24 2 17 C2 10 8 2 17 2 Z")}}@keyframes sc-morph-sqr-tri{0%,7%{d:path("M4 4 C4 4 30 4 30 4 C30 4 30 30 30 30 C30 30 4 30 4 30 C4 30 4 4 4 4 Z")}16%,48%{d:path("M17 2 C17 2 32 30 32 30 C32 30 2 30 2 30 C2 30 17 2 17 2 Z")}55%,62%{d:path("M17 2 C17 2 32 30 32 30 C32 30 2 30 2 30 C2 30 17 2 17 2 Z")}70%,to{d:path("M4 4 C4 4 30 4 30 4 C30 4 30 30 30 30 C30 30 4 30 4 30 C4 30 4 4 4 4 Z")}}.sc-effect-scanlines:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 4px)}.sc-effect-grain:after,.sc-effect-scanlines:after{content:"";position:absolute;inset:0;pointer-events:none}.sc-effect-grain:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");background-size:100px;mix-blend-mode:multiply;opacity:.5}.style-card-grid{display:grid;grid-template-columns:repeat(2,auto);gap:16px;justify-content:center}@media (min-width:640px){.style-card-grid{grid-template-columns:repeat(3,auto)}}