.sng{--sng-ink: #3B1F3A;--sng-body: #5A4866;--sng-muted: #857596;--sng-lilac: #B9A0E3;--sng-lilac-lt: #CDB9EE;--sng-purple: #7E5DB8;--sng-purple-lt: #9C80D2;--sng-berry: #9E3D6B;--sng-wash: #F6F1FC;--sng-wash2: #EDE4F8;--sng-card: #FFFEFF;--sng-clay: inset 2px 2px 6px rgba(255,255,255,.95), inset -5px -7px 14px rgba(110,80,170,.08), 0 16px 32px -18px rgba(70,45,130,.3);--sng-clay-sm: inset 2px 2px 4px rgba(255,255,255,.95), inset -3px -4px 8px rgba(110,80,170,.09), 0 8px 18px -12px rgba(70,45,130,.32);--sng-clay-btn: inset 1px 2px 3px rgba(255,255,255,.55), inset -2px -4px 6px rgba(80,50,150,.18), 0 10px 18px -10px rgba(90,60,160,.5);--sng-clay-in: inset 2px 3px 7px rgba(70,45,130,.09), inset -2px -2px 5px rgba(255,255,255,.95);color:var(--sng-ink);font-family:var(--font-body--family)}.sng *{box-sizing:border-box}.sng .sng-wrap{max-width:980px;margin:0 auto;background:linear-gradient(160deg,#f7f2fd,#ece2f8);border-radius:36px;padding:clamp(24px,4vw,44px);box-shadow:var(--sng-clay);display:flex;flex-direction:column;gap:24px}.sng .sng-head{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.sng .sng-eyebrow{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--sng-purple)}.sng .sng-title{margin:0;font-family:var(--font-heading--family);font-weight:900;font-size:clamp(30px,4.5vw,44px);line-height:1.02;letter-spacing:-.5px;color:var(--sng-ink)}.sng .sng-sub{margin:0;max-width:560px;font-size:17px;font-weight:600;line-height:1.5;color:var(--sng-body)}.sng fieldset{border:0;margin:0;padding:0;min-width:0}.sng legend{display:block;width:100%;text-align:center;font-weight:800;font-size:15px;margin-bottom:14px;color:var(--sng-ink)}.sng .sng-vibes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.sng .sng-vibe{position:relative}.sng .sng-vibe input{position:absolute;opacity:0;width:1px;height:1px}.sng .sng-vibe label{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 16px 14px;border-radius:24px;cursor:pointer;background:var(--sng-card);box-shadow:var(--sng-clay-sm);border:2px solid transparent;transition:transform .15s ease,border-color .15s ease,background .15s ease}.sng .sng-vibe label:hover{transform:translateY(-2px)}.sng .sng-vibe-icon{width:42px;height:42px;border-radius:14px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;background:var(--sng-wash2);color:var(--sng-purple);box-shadow:var(--sng-clay-in)}.sng .sng-vibe-name{font-weight:800;font-size:16px;color:var(--sng-ink)}.sng .sng-vibe-eg{font-size:13px;font-weight:600;color:var(--sng-muted);line-height:1.35}.sng .sng-vibe input:checked+label{background:linear-gradient(170deg,#fff,var(--sng-wash2));border-color:var(--sng-lilac);box-shadow:0 0 0 3px #b9a0e359,var(--sng-clay)}.sng .sng-vibe input:checked+label .sng-vibe-icon{background:linear-gradient(180deg,var(--sng-purple-lt),var(--sng-purple));color:#fff;box-shadow:var(--sng-clay-btn)}.sng .sng-vibe input:focus-visible+label{outline:3px solid var(--sng-purple);outline-offset:3px}.sng .sng-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:800;font-size:17px;text-decoration:none;background:linear-gradient(180deg,var(--sng-lilac-lt),#B39AE0);color:var(--sng-ink);box-shadow:var(--sng-clay-btn);transition:transform .15s ease,background .15s ease,color .15s ease}.sng .sng-btn:hover{background:linear-gradient(180deg,var(--sng-purple-lt),var(--sng-purple));color:#fff;transform:translateY(-2px)}.sng .sng-btn:focus-visible{outline:3px solid var(--sng-purple);outline-offset:3px}.sng .sng-btn--big{min-height:64px;font-size:19px;padding:0 38px;align-self:center}.sng .sng-btn--light{background:linear-gradient(180deg,#fff,var(--sng-wash));box-shadow:var(--sng-clay-sm)}.sng .sng-btn--light:hover{background:linear-gradient(180deg,#fff,var(--sng-wash2));color:var(--sng-purple)}.sng .sng-btn svg{flex:none}.sng .sng-result[hidden]{display:none}.sng .sng-result{position:relative;overflow:hidden;background:var(--sng-card);border-radius:30px;box-shadow:var(--sng-clay);padding:34px 24px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.sng .sng-tag{background:var(--sng-wash2);color:var(--sng-purple);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;box-shadow:var(--sng-clay-sm)}.sng .sng-name{margin:4px 0 0;font-family:var(--font-heading--family);font-weight:900;font-size:clamp(36px,7vw,64px);line-height:1;letter-spacing:-1px;color:var(--sng-ink);word-break:break-word}.sng .sng-name.is-pop{animation:sng-pop .45s cubic-bezier(.2,1.4,.4,1)}.sng .sng-msg{margin:0;max-width:520px;font-size:17px;font-weight:600;line-height:1.5;color:var(--sng-body)}.sng .sng-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}.sng .sng-copied{min-height:20px;font-size:14px;font-weight:700;color:var(--sng-purple)}.sng .sng-cta{font-weight:800;color:var(--sng-purple);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.sng .sng-cta:hover{color:var(--sng-berry)}.sng .sng-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sng .sng-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:3px;opacity:0;animation:sng-fall 1.4s ease-out forwards}@keyframes sng-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),260px) rotate(var(--rot))}}@keyframes sng-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:599px){.sng .sng-vibes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sng .sng-vibe label{padding:14px 12px 12px}.sng .sng-vibe-eg{display:none}.sng .sng-vibe:last-child{grid-column:1 / -1}.sng .sng-btn--big{width:100%}}@media(prefers-reduced-motion:reduce){.sng .sng-name.is-pop,.sng .sng-confetti i{animation:none}.sng .sng-btn,.sng .sng-vibe label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/spood-name-generator.css.map */