@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Press+Start+2P&family=Lobster&family=Oswald:wght@400;700&family=Metal+Mania&family=Staatliches&family=Cinzel:wght@400;700&family=Stardos+Stencil:wght@400;700&family=Russo+One&family=Audiowide&family=Permanent+Marker&family=Anton&family=Rock+Salt&family=Neonderthaw&family=Bangers&family=Playfair+Display:wght@400;700&family=Alfa+Slab+One&family=Amatic+SC:wght@400;700&family=Special+Elite&family=Shadows+Into+Light&family=Unica+One&family=Creepster&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Bebas+Neue&family=Fugaz+One&family=Kaushan+Script&family=Major+Mono+Display&family=Monoton&family=Montserrat:wght@700&family=Orbitron:wght@700&family=Playfair+Display:wght@700&family=Pacifico&family=Righteous&family=Silkscreen&family=Space+Grotesk:wght@700&family=VT323&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(to right top,#000,#070506,#0d090c,#100e12,#121217,#13141c,#131620,#111825,#10192b,#101931,#121936,#15183b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;justify-content:center}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#fff}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Courier New,Courier,monospace;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;width:fit-content;align-items:center}button:hover{border-color:#646cff;box-shadow:0 0 10px #646cff;transform:translateY(-1px);color:#e7e7e7;text-decoration:none;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#000676}button{background-color:#f9f9f9}}.genre-generator__genre{display:inline-block;line-height:1}.genre-generator__genre--animated-text-fill{background:linear-gradient(90deg,#ff005e,#ff9a00,#00e0ff,#a200f7);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dyw-rainbow 3.5s linear infinite}.genre-generator__genre--animated-signature{white-space:nowrap;overflow:hidden;border-right:.14em solid currentColor;animation:dyw-type 2.6s steps(24,end) 1 forwards,dyw-caret .8s step-end infinite;font-family:cursive}@keyframes dyw-type{0%{width:0}to{width:100%}}@keyframes dyw-caret{50%{border-color:transparent}}.genre-generator__genre--line-text-animation{position:relative}.genre-generator__genre--line-text-animation:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:4px;background:linear-gradient(90deg,#ff005e,#00e0ff);transform-origin:left;transform:scaleX(0);animation:dyw-line .9s ease-out forwards}@keyframes dyw-line{to{transform:scaleX(1)}}.genre-generator__genre--animated-text-shadow-pattern{color:#fff;text-shadow:0 0 6px rgba(255,75,145,.9);animation:dyw-shadowpulse 2s ease-in-out infinite}@keyframes dyw-shadowpulse{0%{text-shadow:0 0 6px rgba(255,75,145,.6)}50%{text-shadow:0 0 20px rgba(0,224,255,.9);transform:translateY(-2px)}to{text-shadow:0 0 6px rgba(255,75,145,.6)}}.genre-generator__genre--svg-path-animated-text{background:linear-gradient(90deg,#fff,#ffffff26,#fff 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dyw-shimmer 1.8s linear infinite}@keyframes dyw-shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.genre-generator__genre--multi-layered-text-shadow{color:#fff;text-shadow:1px 1px 0 #ff4b91,2px 2px 0 #ffdd00,3px 3px 0 #00e0ff,4px 4px 0 #a200f7}.genre-generator__genre--neon-text-shadow{color:#fff;text-shadow:0 0 8px #ff4b91,0 0 18px #ff4b91,0 0 40px #00e0ff}.genre-generator__genre--embossed-shadow{color:#222;text-shadow:-1px -1px 0 #fff,1px 1px 2px rgba(0,0,0,.6)}.genre-generator__genre--3d-letters{color:#fff;text-shadow:1px 1px 0 #bdbdbd,2px 2px 0 #9a9a9a,3px 3px 0 #6f6f6f;transform:translateZ(0)}.genre-generator__genre--3d-text-shadow{color:#fff;font-weight:900;text-shadow:4px 4px 0 rgba(0,0,0,.85),8px 8px 0 rgba(0,0,0,.6)}.genre-generator__genre--striped-text-background{background:repeating-linear-gradient(45deg,#ff6b6b 0 8px,#ffd27a 8px 16px);-webkit-background-clip:text;background-clip:text;color:transparent}.genre-generator__genre--gradient-clipped-text{background:linear-gradient(90deg,#ff005e,#ff9a00,#00e0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.genre-generator__genre--image-clipped-text{background-size:cover;-webkit-background-clip:text;background-clip:text;color:transparent}.genre-generator__genre--underline-clip-hover{position:relative}.genre-generator__genre--underline-clip-hover:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:#00e0ff;transform-origin:left;transform:scaleX(1);transition:transform .28s ease}.genre-generator__genre--neon-hover-glow{color:#fff;text-shadow:0 0 8px #0ff,0 0 20px #0ff}.genre-generator__genre--spring-pop-hover{animation:dyw-pop .9s cubic-bezier(.19,1,.22,1) both}@keyframes dyw-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.genre-generator__genre--glitching-text{position:relative;color:#fff}.genre-generator__genre--glitching-text:before,.genre-generator__genre--glitching-text:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.genre-generator__genre--glitching-text:before{color:#ff005e;transform:translate(-3px);mix-blend-mode:screen;opacity:.8;animation:dyw-glitchA 2s infinite}.genre-generator__genre--glitching-text:after{color:#00e0ff;transform:translate(3px);mix-blend-mode:screen;opacity:.8;animation:dyw-glitchB 2s infinite reverse}@keyframes dyw-glitchA{0%{transform:translate(-3px)}50%{transform:translate(-18px,-2px)}to{transform:translate(-3px)}}@keyframes dyw-glitchB{0%{transform:translate(3px)}50%{transform:translate(18px,1px)}to{transform:translate(3px)}}.genre-generator__genre--sliced-text{position:relative;color:transparent;-webkit-text-stroke:1px #fff}.genre-generator__genre--sliced-text:before,.genre-generator__genre--sliced-text:after{content:attr(data-text);position:absolute;inset:0}.genre-generator__genre--sliced-text:before{clip-path:polygon(0 0,100% 0,100% 45%,0 55%);transform:translate(-4px);color:#fff}.genre-generator__genre--sliced-text:after{clip-path:polygon(0 55%,100% 45%,100% 100%,0 100%);transform:translate(4px);color:#fff}.genre-generator__genre--fire-text-shadow{background:linear-gradient(180deg,#ffe66d,#ff9a00,#ff3b3b);-webkit-background-clip:text;color:transparent;text-shadow:0 0 8px rgba(255,100,0,.9)}.genre-generator__genre--pixelated-arcade-typography{font-family:"Press Start 2P",monospace;color:#0ff;text-shadow:0 0 0 #0ff;image-rendering:pixelated}.genre-generator__genre--text-reveal{position:relative;overflow:hidden;color:#111}.genre-generator__genre--text-reveal:before{content:attr(data-text);position:absolute;inset:0;transform:translate(-100%);background:#fff;color:#111;animation:dyw-reveal .9s forwards}@keyframes dyw-reveal{to{transform:translate(0)}}.genre-generator__genre--shimmer-text{background:linear-gradient(90deg,#ffffff0d 0,#ffffffe6,#ffffff0d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dyw-shimmer 2.4s linear infinite}.genre-generator__genre--ribbon-text{position:relative;padding:.15em .4em;background:#111;color:#fff;border-radius:.2em}.genre-generator__genre--ribbon-text:after{content:"";position:absolute;left:0;right:0;bottom:-.35em;height:.4em;background:linear-gradient(90deg,#ff005e,#00e0ff);border-radius:.2em;z-index:-1}.genre-generator__genre--skewed-multiline{transform:skew(-8deg);display:inline-block}.genre-generator__genre--typing-animation{white-space:nowrap;overflow:hidden;border-right:.12em solid currentColor;animation:dyw-type 2.8s steps(24,end) infinite}.genre-generator__genre--rotating-text{display:inline-block;animation:dyw-rotate 6s linear infinite;transform-origin:center}@keyframes dyw-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.genre-generator__genre--animated-gradient-text{background:linear-gradient(90deg,#ff005e,gold,#00e0ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dyw-rainbow 4s linear infinite}.genre-generator__genre--split-clip-path{position:relative;color:#fff}.genre-generator__genre--split-clip-path:before,.genre-generator__genre--split-clip-path:after{content:attr(data-text);position:absolute;inset:0}.genre-generator__genre--split-clip-path:before{clip-path:inset(0 0 50% 0);color:#ff4b91}.genre-generator__genre--split-clip-path:after{clip-path:inset(50% 0 0 0);color:#00e0ff}.genre-generator__genre--text-reflect{position:relative;color:#fff}.genre-generator__genre--text-reflect:after{content:attr(data-text);position:absolute;left:0;right:0;top:100%;transform:scaleY(-1);opacity:.35;filter:blur(1px);-webkit-background-clip:text;color:transparent}.genre-generator__genre--drop-cap:first-letter{font-size:2.2em;float:left;line-height:1;margin-right:.12em}.genre-generator__genre--text-blur{color:#fffffff2;filter:blur(.6px);text-shadow:0 0 6px rgba(0,0,0,.3)}.genre-generator__genre--blend-mode-effects{mix-blend-mode:screen;color:#ff005e}.genre-generator__genre--parallax-text{transform:translateZ(0);animation:dyw-parallax 6s ease-in-out infinite}@keyframes dyw-parallax{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.genre-generator__genre--masked-gradient{background:linear-gradient(90deg,#fff,gold,#00e0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.genre-generator__genre--text-stroke-outline{color:transparent;-webkit-text-stroke:2px #fff}.genre-generator__genre--outline-fill{position:relative;color:transparent;-webkit-text-stroke:2px #fff}.genre-generator__genre--outline-fill:before{content:attr(data-text);position:absolute;inset:0;-webkit-background-clip:text;background:linear-gradient(90deg,#ff005e,#00e0ff);color:transparent;animation:dyw-rainbow 3s linear infinite}.genre-generator__genre--liquid-fill{position:relative;color:#03a9f4;-webkit-text-stroke:2px rgba(3,169,244,.25)}.genre-generator__genre--liquid-fill:before{content:attr(data-text);position:absolute;left:0;top:0;width:0;height:100%;color:#03a9f4;overflow:hidden;animation:dyw-liquid 3s linear infinite}@keyframes dyw-liquid{0%{width:0}50%{width:100%}to{width:0}}.genre-generator__genre--soap-bubble{color:#ffffff1f;-webkit-text-stroke:2px rgba(255,255,255,.6);background:linear-gradient(135deg,#ff00ff59,#00ffff59);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}.genre-generator__genre--caution-tape{background:repeating-linear-gradient(45deg,#f9d71c 0 10px,#000 10px 20px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #000}.genre-generator__genre--long-shadow{color:#f1c40f;text-shadow:1px 1px #c0392b,2px 2px #c0392b,3px 3px #c0392b,4px 4px #c0392b,5px 5px #c0392b;transform:skew(-5deg)}.genre-generator__genre--peeled-sticker{background:#222;color:#fff;padding:.2em .4em;box-shadow:10px 10px 15px #00000073;transform:rotate(-4deg)}.genre-generator__genre--peeled-sticker:after{content:"";position:absolute;right:0;bottom:0;border-top:32px solid #555;border-right:32px solid transparent;width:0;height:0}.genre-generator__genre--anaglyph-3d{position:relative;color:#ffffffe6;text-shadow:-3px -2px 0 #00f,3px 2px 0 #f00}.genre-generator__genre--vintage-retro-lines{color:transparent;-webkit-text-stroke:2px #ff9f43;position:relative}.genre-generator__genre--vintage-retro-lines:before{content:attr(data-text);position:absolute;left:4px;top:4px;-webkit-text-stroke:2px #ee5253;z-index:-1}.genre-generator__genre--vintage-retro-lines:after{content:attr(data-text);position:absolute;left:8px;top:8px;-webkit-text-stroke:2px #2e86de;z-index:-2}.genre-generator__genre--embossed-metal{color:#333;text-shadow:-1px -1px 1px #fff,1px 1px 1px #000;opacity:.9}.genre-generator__genre--masked-pattern{background:repeating-linear-gradient(45deg,#ff6b6b 0 10px,#feca57 10px 20px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #fff}.genre-generator__genre--metallic-chrome{background:linear-gradient(180deg,#fff,#bfbfbf 40%,#2b2b2b 60%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(0,0,0,.6)}.genre-generator__genre--hologram{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.8),0 0 18px rgba(255,0,255,.6)}.genre-generator__genre--hologram:before{content:attr(data-text);position:absolute;inset:0;color:#f0f;mix-blend-mode:screen;transform:translate(2px,-2px);opacity:.6}.genre-generator__genre--vhs-glitch{position:relative;color:#fff;text-shadow:0 0 2px #000;animation:dyw-vhs 1.2s infinite}.genre-generator__genre--vhs-glitch:before,.genre-generator__genre--vhs-glitch:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen}.genre-generator__genre--vhs-glitch:before{color:#ff006e;transform:translate(-2px)}.genre-generator__genre--vhs-glitch:after{color:#00f5d4;transform:translate(2px)}@keyframes dyw-vhs{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}}.genre-generator__genre--neon-flicker{color:#fff;text-shadow:0 0 7px #fff,0 0 14px #0fa,0 0 40px #0fa;animation:dyw-flicker 1.5s infinite}@keyframes dyw-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.08;text-shadow:none}}.genre-generator__genre--hand-written-draw{font-family:Shadows Into Light,cursive;white-space:nowrap;overflow:hidden;border-right:.12em solid currentColor;animation:dyw-handwrite 2.8s steps(28,end) 1 forwards}@keyframes dyw-handwrite{0%{width:0}to{width:100%}}@keyframes dyw-rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dyw-glitchA{}@keyframes dyw-glitchB{}@font-face{font-family:BadComa;src:url(/fonts/Bad\ Coma.ttf) format("truetype");font-weight:400;font-style:normal}.font-badComa{font-family:BadComa,cursive}@font-face{font-family:Metropolitan;src:url(/fonts/Metropolitan.ttf) format("truetype");font-weight:400;font-style:normal}.font-metropolitan{font-family:Metropolitan,sans-serif}@font-face{font-family:CreamCake;src:url(/fonts/Cream\ Cake.otf) format("opentype");font-weight:400;font-style:normal}.font-creamCake{font-family:CreamCake,cursive}@font-face{font-family:NextUpsBlack;src:url("/fonts/Next Ups Black.ttf") format("truetype");font-weight:400;font-style:normal}.font-nextUpsBlack{font-family:NextUpsBlack,cursive}@font-face{font-family:Aerosoldier;src:url(/fonts/Aerosoldier_PERSONAL_USE_ONLY.otf) format("opentype");font-weight:400;font-style:normal}.font-aerosoldier{font-family:Aerosoldier,cursive}@font-face{font-family:DocallismeStreet;src:url(/fonts/docallismeonstreet.otf) format("opentype");font-weight:400;font-style:normal}.font-docallisme{font-family:DocallismeStreet,cursive}@font-face{font-family:GraffitiYouth;src:url(/fonts/GraffitiYouth-Regular.otf) format("opentype");font-weight:400;font-style:normal}.font-graffitiYouth{font-family:GraffitiYouth,cursive}@font-face{font-family:Saiba45;src:url(/fonts/SAIBA-45.ttf) format("truetype");font-weight:400;font-style:normal}.font-saiba45{font-family:Saiba45,sans-serif}@font-face{font-family:Saiba45Outline;src:url(/fonts/SAIBA-45-Outline.ttf) format("truetype");font-weight:400;font-style:normal}.font-saiba45Outline{font-family:Saiba45Outline,sans-serif}@font-face{font-family:PolarSnow;src:url(/fonts/Polar\ Snow.ttf) format("truetype");font-weight:400;font-style:normal}.font-polarSnow{font-family:PolarSnow,cursive}.font-retroDisplay{font-family:Abril Fatface,Bebas Neue,serif;font-weight:700;letter-spacing:.06em;color:#ff4b91;text-shadow:0 6px 18px rgba(255,75,145,.18)}.font-neonBlock{font-family:Fugaz One,Anton,sans-serif;text-transform:uppercase;background:linear-gradient(90deg,#00e0ff,#ff4b91);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 6px 32px rgba(0,224,255,.08)}.font-vapor80s{font-family:Monoton,Bebas Neue,cursive;background:linear-gradient(90deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:skew(-6deg);letter-spacing:.08em}.font-astro{font-family:Orbitron,Space Grotesk,sans-serif;font-weight:700;background:linear-gradient(90deg,#a8fff9,#6dd3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 22px rgba(0,160,255,.12)}.font-chromeCold{font-family:Playfair Display,serif;font-weight:700;background:linear-gradient(180deg,#f8f8f8,#bfbfbf 40%,#2b2b2b 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 6px rgba(0,0,0,.6)}.font-graffitiTag{font-family:Pacifico,Kaushan Script,cursive;color:#ff7f2a;text-shadow:0 10px 30px rgba(255,127,42,.12);transform:rotate(-2deg)}.font-rawHand{font-family:Kaushan Script,Pacifico,cursive;color:#fff7d6;text-shadow:0 2px 8px rgba(0,0,0,.45)}.font-luxe{font-family:Playfair Display,serif;font-weight:700;background:linear-gradient(90deg,#ffd98a,gold 50%,#f8e6a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.06em}.font-typedColor{font-family:Major Mono Display,monospace;color:#00e0ff;text-shadow:0 2px 10px rgba(0,224,255,.08)}.font-chip{font-family:VT323,Major Mono Display,monospace;color:#0fb;text-shadow:0 2px 6px rgba(0,255,187,.12);letter-spacing:.03em}.font-metalSplash{font-family:Anton,Bebas Neue,sans-serif;font-weight:700;color:#f3f3f3;background:linear-gradient(90deg,#ff6b6b,#ffa84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 16px 40px rgba(0,0,0,.45)}.font-disco{font-family:Righteous,Fugaz One,sans-serif;background:linear-gradient(90deg,#ff4b91,gold,#00e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.font-blackGoth{font-family:Playfair Display,Abril Fatface,serif;color:#fff;text-shadow:0 8px 26px rgba(0,0,0,.7),0 0 10px rgba(138,3,3,.6)}.font-retroRounded{font-family:Montserrat,Bebas Neue,sans-serif;background:linear-gradient(90deg,#ffb4d9,#a0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-neonOutline{font-family:Bebas Neue,Anton,sans-serif;color:transparent;-webkit-text-stroke:2px #00e0ff;text-shadow:0 0 8px rgba(0,224,255,.6)}.font-brush{font-family:Pacifico,Kaushan Script,cursive;background:linear-gradient(90deg,#ff7a7a,#ffd27a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-tapeWarm{font-family:Righteous,Abril Fatface,serif;background:linear-gradient(90deg,#ffdb9b,#ff9a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-synth{font-family:Orbitron,Righteous,sans-serif;font-weight:700;background:linear-gradient(90deg,#f0c,#00e0ff,gold);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:synthShift 5s linear infinite}@keyframes synthShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.font-pastelDuo{font-family:Montserrat,sans-serif;background:linear-gradient(90deg,#c7b2ff,#b3fff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-grungeFade{font-family:Abril Fatface,Anton,serif;color:#fff;background:linear-gradient(180deg,#fff,#ff6b6b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-chromeWarm{font-family:Playfair Display,serif;background:linear-gradient(90deg,#ffefc2,gold,#ffbd52);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-electric{font-family:Orbitron,sans-serif;color:#00e0ff;text-shadow:0 6px 22px rgba(0,224,255,.12)}.font-arcade{font-family:Monoton,VT323,monospace;color:gold;text-shadow:0 4px 12px rgba(255,215,0,.12)}.font-signatureColor{font-family:Pacifico,Kaushan Script,cursive;color:#ff77a9;text-shadow:0 2px 8px rgba(0,0,0,.35)}.font-darkcastle{font-family:DarkCastle,serif;font-size:1.2em}.font-streetsoul{font-family:StreetSoul,cursive;transform:rotate(-3deg)}.font-gangsta{font-family:GangstaWrap,serif;text-transform:uppercase;letter-spacing:.05em}.font-cyberpunk{font-family:Cyberpunk,sans-serif;text-transform:uppercase}.font-lcd{font-family:LcdSolid,monospace;letter-spacing:.1em}.font-lazer{font-family:Lazer84,sans-serif;font-style:italic;text-transform:uppercase}.font-roadrage{font-family:RoadRage,cursive;text-transform:uppercase}.font-hippie{font-family:KeepOnTruckin,cursive;text-transform:lowercase}.font-luxepop{font-family:CocoGoose,sans-serif;text-transform:uppercase;font-weight:700}:root{--color-dark-btn: #110d1a;--color-primary-btn: #ffffff}.save-btn-wrapper{display:block;width:auto;height:auto;place-content:center;margin-top:auto;padding:1rem 0}.c-btn{position:relative;overflow:hidden;padding:.85rem 2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-btn);text-decoration:none;font-family:system-ui,sans-serif;font-weight:100px;font-size:1rem;border-radius:8px;border:none;background-color:transparent;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--color-primary-btn);transform:translateZ(0);transition:all .3s ease}.c-btn:after{content:"";pointer-events:none;position:absolute;top:0;left:0;z-index:1;height:120%;width:120%;border-radius:20%;background-color:var(--color-primary-btn);scale:0 0;translate:0 140%;transition:scale .6s cubic-bezier(.215,.61,.355,1),translate .4s cubic-bezier(.215,.61,.355,1)}.c-btn__label{display:inline-flex;align-items:center;gap:1rem;z-index:2;font-size:1.2rem;letter-spacing:.025em;transition:color .32s ease-in-out}.c-btn:hover .c-btn__label{color:var(--color-dark-btn)}.c-btn:hover:after{scale:1.5 1.5;translate:0 0;border-radius:50%}.genre-generator__screenshot-btn{display:block;margin-top:2rem;font-family:Courier New,monospace;font-size:.8rem;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.genre-generator__screenshot-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff;transform:scale(1.05);box-shadow:0 0 10px #fff3}.genre-generator__screenshot-btn:active{transform:scale(.95)}.genre-generator{overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:400px;position:relative}.bg-darkRadial{background:radial-gradient(circle at top,#333 0,#050505 55%,#000)}.bg-neonGrid{background:radial-gradient(circle at top,rgba(255,0,120,.3),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 16px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 16px),radial-gradient(circle at bottom,#050510 0,#000 60%)}.bg-purpleFog{background:radial-gradient(circle at 10% 0%,rgba(255,0,200,.25),transparent 60%),radial-gradient(circle at 90% 100%,rgba(0,200,255,.2),transparent 60%),linear-gradient(135deg,#0b0514,#05020a)}.bg-sunsetGlow{background:radial-gradient(circle at 0% 0%,rgba(255,200,0,.35),transparent 55%),linear-gradient(180deg,#2b0b45,#8a1554,#ff7a3c,#1c060b)}.bg-blueAurora{background:radial-gradient(circle at 20% 0%,rgba(0,200,255,.4),transparent 55%),radial-gradient(circle at 80% 100%,rgba(0,255,180,.3),transparent 55%),linear-gradient(145deg,#020818,#020311,#000)}.bg-noiseFilm{background:linear-gradient(135deg,#111,#000),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px)}.font-audiowide{font-family:Audiowide,sans-serif;text-transform:uppercase;letter-spacing:.1em}.font-rockSalt{font-family:Rock Salt,cursive;transform:rotate(-2deg)}.font-permanentMarker{font-family:Permanent Marker,cursive;text-transform:uppercase}.font-cinzel{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase}.font-stardos{font-family:Stardos Stencil,cursive;text-transform:uppercase}.font-russo{font-family:Russo One,sans-serif;text-transform:uppercase;letter-spacing:.05em}.font-neonderthaw{font-family:Neonderthaw,cursive;font-size:1.2em}.font-bangers{font-family:Bangers,cursive;text-transform:uppercase;letter-spacing:.1em}.font-playfair{font-family:Playfair Display,serif;font-style:italic;font-weight:700}.font-alfa{font-family:Alfa Slab One,serif;text-transform:uppercase}.font-amatic{font-family:Amatic SC,cursive;font-weight:700;text-transform:uppercase;font-size:1.3em}.font-specialElite{font-family:Special Elite,monospace;font-weight:700}.font-shadows{font-family:Shadows Into Light,cursive}.font-unica{font-family:Unica One,sans-serif;text-transform:uppercase}.font-creepster{font-family:Creepster,cursive;text-transform:uppercase;letter-spacing:.1em}.font-impact{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;text-transform:uppercase;letter-spacing:.05em}.font-courier{font-family:Courier New,Courier,monospace;font-weight:700}.font-times{font-family:Times New Roman,Times,serif;font-style:italic;letter-spacing:-.02em}.font-comicSans{font-family:Comic Sans MS,Chalkboard SE,sans-serif}.font-arialBlack{font-family:Arial Black,Gadget,sans-serif;text-transform:uppercase;letter-spacing:-.05em}@font-face{font-family:Postcrypt;src:url(/fonts/music/postcryp.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GothikSteel;src:url(/fonts/music/Gothik%20Steel.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Abduction2002;src:url(/fonts/music/abduction2002.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DotMBold;src:url(/fonts/music/DOTMBold.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DotMatrix;src:url(/fonts/music/DOTMATRI.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SuperPixelPU;src:url(/fonts/music/Super%20Pixel%20Personal%20Use.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:LedDisplaySt;src:url(/fonts/music/The%20Led%20Display%20St.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ShadowOfTheDeads;src:url(/fonts/music/Shadow%20of%20the%20Deads.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MeltedMonster;src:url(/fonts/music/Melted%20Monster.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:HelpMeFont;src:url(/fonts/music/HelpMe.ttf) format("truetype");font-weight:400;font-style:normal}.font-postcrypt{font-family:Postcrypt,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-gothiksteel{font-family:GothikSteel,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.font-abduction2002{font-family:Abduction2002,system-ui,sans-serif;text-transform:uppercase}.font-dotmbold{font-family:DotMBold,system-ui,sans-serif;text-transform:uppercase}.font-dotmatrix{font-family:DotMatrix,system-ui,sans-serif;text-transform:uppercase}.font-superpixel{font-family:SuperPixelPU,system-ui,sans-serif;text-transform:uppercase}.font-leddisplay{font-family:LedDisplaySt,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}.font-shadowdeads{font-family:ShadowOfTheDeads,system-ui,sans-serif;text-transform:uppercase}.font-meltedmonster{font-family:MeltedMonster,system-ui,sans-serif;text-transform:uppercase}.font-helpme{font-family:HelpMeFont,system-ui,sans-serif}@font-face{font-family:TheBattleCont;src:url(/fonts/music/TheBattleCont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:WaveformFont;src:url(/fonts/music/Waveform.ttf) format("truetype");font-weight:400;font-style:normal}.font-thebattlecont{font-family:TheBattleCont,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-waveform{font-family:WaveformFont,system-ui,sans-serif;text-transform:uppercase}@font-face{font-family:PunkKid;src:url(/fonts/music/punk%20kid.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Puree2;src:url(/fonts/music/puree____2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PWTrombone;src:url(/fonts/music/PWTrombone.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:QueensOfTheApocalypse;src:url(/fonts/music/QueensOfTheApocalypse-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Scarbes;src:url(/fonts/music/Scarbes.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ScaryGlyphs;src:url(/fonts/music/scary_glyphs_and_nice_characters.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SedgwickAveDisplay;src:url(/fonts/music/SedgwickAveDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SicknessFont;src:url(/fonts/music/Sickness.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SlaytanicFont;src:url(/fonts/music/Slaytanic.ttf) format("truetype");font-weight:400;font-style:normal}.font-partyhard{font-family:PartyHard,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-punkkid{font-family:PunkKid,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.font-puree2{font-family:Puree2,system-ui,sans-serif;text-transform:uppercase}.font-pwtrombone{font-family:PWTrombone,system-ui,sans-serif}.font-queensoftheapocalypse{font-family:QueensOfTheApocalypse,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-scarbes{font-family:Scarbes,system-ui,sans-serif;text-transform:uppercase}.font-scaryglyphs{font-family:ScaryGlyphs,system-ui,sans-serif}.font-sedgwick{font-family:SedgwickAveDisplay,system-ui,sans-serif}.font-sickness{font-family:SicknessFont,system-ui,sans-serif;text-transform:uppercase}.font-slaytanic{font-family:SlaytanicFont,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}@font-face{font-family:Angost;src:url(/fonts/music/Angost-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:D2K;src:url(/fonts/music/d2k.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Dracutaz;src:url(/fonts/music/Dracutaz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DragonForcE;src:url(/fonts/music/DragonForcE.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DrumAndBassLDR;src:url(/fonts/music/drum_and_bass_ldr.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GrungeMusic;src:url(/fonts/music/Grunge%20Music.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IfFont;src:url(/fonts/music/If.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MaidenFont;src:url(/fonts/music/maiden.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MetalManiaLocal;src:url(/fonts/music/MetalMania-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.font-angost{font-family:Angost,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-d2k{font-family:D2K,system-ui,sans-serif;text-transform:uppercase}.font-dracutaz{font-family:Dracutaz,system-ui,sans-serif;text-transform:uppercase}.font-dragonforce{font-family:DragonForcE,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.font-drumandbass{font-family:DrumAndBassLDR,system-ui,sans-serif;text-transform:uppercase}.font-grunge{font-family:GrungeMusic,system-ui,sans-serif}.font-if{font-family:IfFont,system-ui,sans-serif}.font-maiden{font-family:MaidenFont,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-metalmania{font-family:MetalManiaLocal,system-ui,sans-serif;text-transform:uppercase}.genre-generator__bottom-controls{margin-top:auto;padding-bottom:1rem;width:100%;display:flex;justify-content:center}.genre-generator__footer{position:fixed;bottom:1rem;left:0;width:100%;text-align:center;font-size:.8rem;opacity:.7;color:#ccc;pointer-events:auto}.genre-generator__footer-link{color:#fff;text-decoration:none}.genre-generator__footer-link:hover{text-decoration:underline}@font-face{font-family:Quivert;src:url(/fonts/quivert/Quivert-Regular.woff2) format("woff2"),url(/fonts/quivert/Quivert-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.font-rockybilly{font-family:Rockybilly,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-quivert{font-family:Quivert,system-ui,sans-serif}.font-graffiti{font-family:Rock Salt,Permanent Marker,cursive}.font-neonSign{font-family:Neonderthaw,Lobster,cursive;letter-spacing:.08em}.font-comic{font-family:Bangers,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-elegant{font-family:Playfair Display,Cinzel,serif;letter-spacing:.05em}.font-slab{font-family:Alfa Slab One,system-ui,serif;text-transform:uppercase}.font-thin{font-family:Amatic SC,system-ui,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.font-typewriter2{font-family:Special Elite,Courier New,monospace}.font-signature{font-family:Shadows Into Light,Lobster,cursive}.font-wide{font-family:Unica One,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.font-horror{font-family:Creepster,Special Elite,cursive;text-transform:uppercase}.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif{font-family:Georgia,Times New Roman,serif}.font-mono{font-family:InconsolataVF,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-bebas{font-family:Bebas Neue,system-ui,sans-serif;letter-spacing:.08em}.font-pixel{font-family:"Press Start 2P",system-ui,sans-serif;text-transform:uppercase;font-size:.85em}.font-cursive{font-family:Lobster,Comic Sans MS,cursive}.font-condensed{font-family:Oswald,system-ui,sans-serif;letter-spacing:.05em}.font-funky{font-family:MetaDemo,sans-serif}.genre-generator{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative;padding:2rem;max-width:800px;margin:2rem auto;padding:1.5rem;border-radius:12px;border:1px solid #222;box-shadow:0 4px 20px #0009;background:radial-gradient(circle at top,#222 0,#000 60%);color:#fff;text-align:center}.genre-generator__title{font-size:1.6rem;margin-bottom:1.5rem;font-size:2.5rem;font-family:Bebas Neue,sans-serif}.genre-generator__error{color:#ff4b4b;margin-top:1rem}.genre-generator__genre{margin-top:2rem;text-align:center;position:relative}.genre-generator__button{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin:20px auto;padding:14px 32px;color:#fff;font-family:Helvetica,system-ui,sans-serif;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:3px;text-shadow:0px 1px 0px #000;background-color:#1f0893;border:none;border-radius:5px;box-shadow:inset 0 1px #280773,0 10px #040d3a,0 14px 18px #0009;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(17,28,185,0);transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease,color .1s ease}.genre-generator__genre--neon{font-size:3.5rem;color:#fff;text-shadow:0 0 5px #ff005e,0 0 10px #ff005e,0 0 20px #ff005e,0 0 40px #ff005e,0 0 80px #ff005e;animation:glow 1.5s infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #ff005e,0 0 10px #ff005e,0 0 20px #ff005e,0 0 40px #ff005e,0 0 80px #ff005e}to{text-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 40px #00d4ff,0 0 80px #00d4ff,0 0 160px #00d4ff}}@font-face{src:url(https://www.axis-praxis.org/fonts/webfonts/MetaVariableDemo-Set.woff2) format("woff2");font-family:MetaDemo;font-style:normal;font-weight:400}.genre-generator__genre--meta{transition:all .5s;-webkit-text-stroke:2px #d6f4f4;font-variation-settings:"wght" 900,"ital" 1;font-size:3.5rem;color:transparent;font-family:MetaDemo,sans-serif;text-shadow:5px 5px 0px #07bccc,8px 8px 0px #e601c0,11px 11px 0px #e9019a,14px 14px 0px #f40468,25px 25px 10px #482896;cursor:pointer}.genre-generator__genre--meta:hover{font-variation-settings:"wght" 100,"ital" 0;text-shadow:none}@keyframes lights{0%{color:#b8bee0;text-shadow:0 0 1em hsla(320,100%,50%,.2),0 0 .125em hsla(320,100%,60%,.3),-1em -.125em .5em hsla(40,100%,60%,0),1em .125em .5em hsla(200,100%,60%,0)}30%{color:#d1d8fa;text-shadow:0 0 1em hsla(320,100%,50%,.5),0 0 .125em hsla(320,100%,60%,.5),-.5em -.125em .25em hsla(40,100%,60%,.2),.5em .125em .25em hsla(200,100%,60%,.4)}40%{color:#e5eaff;text-shadow:0 0 1em hsla(320,100%,50%,.5),0 0 .125em hsla(320,100%,90%,.5),-.25em -.125em .125em hsla(40,100%,60%,.2),.25em .125em .125em hsla(200,100%,60%,.4)}70%{color:#d1d8fa;text-shadow:0 0 1em hsla(320,100%,50%,.5),0 0 .125em hsla(320,100%,60%,.5),.5em -.125em .25em hsla(40,100%,60%,.2),-.5em .125em .25em hsla(200,100%,60%,.4)}to{color:#b8bee0;text-shadow:0 0 1em hsla(320,100%,50%,.2),0 0 .125em hsla(320,100%,60%,.3),1em -.125em .5em hsla(40,100%,60%,0),-1em .125em .5em hsla(200,100%,60%,0)}}.genre-generator__genre--lights{font-size:3.5rem;font-weight:300;animation:lights 5s .75s linear infinite}@font-face{font-family:InconsolataVF;src:url(https://ggayane.github.io/css-experiments/Inconsolata-VF.ttf);font-weight:275 900;font-stretch:50% 200%}.genre-generator__genre--variable{font-family:InconsolataVF,monospace;font-size:3.5rem;font-variation-settings:"wght" 275,"wdth" 50;animation:swapthings 3s infinite both cubic-bezier(.17,.04,.04,.99)}@keyframes swapthings{0%{font-variation-settings:"wght" 275,"wdth" 50}50%{font-variation-settings:"wght" 900,"wdth" 200}to{font-variation-settings:"wght" 275,"wdth" 50}}.genre-generator__genre--melting{font-size:3.5rem;font-weight:700;text-transform:uppercase;position:relative;background:linear-gradient(90deg,#ff6f61,#ffbd44,#ff6f61);color:#000;animation:melt 3s infinite ease-in-out}.genre-generator__genre--melting:before,.genre-generator__genre--melting:after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(90deg,#ff6f61,#ffbd44,#ff6f61);color:#000;transform:scaleY(1);opacity:.5;animation:drip 3s infinite ease-in-out;z-index:-1}.genre-generator__genre--melting:after{filter:blur(10px);opacity:.3}@keyframes melt{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes drip{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(1.5);opacity:.7}}.genre-generator__genre--matrix{font-size:3.5rem;font-family:monospace;color:#0f0;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;position:relative}.genre-generator__genre--matrix:before{content:attr(data-text);position:absolute;inset:0;animation:glitch 2s infinite;color:#0f0;text-shadow:0 0 5px #0f0,0 0 15px #0f0}@keyframes glitch{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}33%{clip-path:polygon(0 0,100% 0,100% 15%,0 15%);transform:translate(-5px,-5px)}66%{clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%);transform:translate(5px,5px)}}.genre-generator__genre--spin{font-size:4rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0px #e63946,2px 2px 0px #f77f00,3px 3px 0px #fcbf49,4px 4px 0px #a8dadc,5px 5px 0px #457b9d;transform-style:preserve-3d;animation:spin-3d 4s infinite linear}@keyframes spin-3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.genre-generator__genre--mask{font-size:3.2rem;font-weight:800;background-image:linear-gradient(120deg,#ff4b91,#fd0,#00e0ff,#a200f7,#ff4b91);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mask-move 4s linear infinite}@keyframes mask-move{0%{background-position:0% 50%}to{background-position:200% 50%}}.genre-generator__genre--typewriter{font-family:InconsolataVF,system-ui,sans-serif;font-size:2.2rem;white-space:nowrap;overflow:hidden;border-right:.15em solid currentColor;display:inline-block;animation:typing 3s steps(20,end) 1 forwards,caret-blink .8s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes caret-blink{0%,to{border-color:transparent}50%{border-color:currentColor}}.genre-generator__genre--shimmer{font-size:3rem;font-weight:700;background:linear-gradient(120deg,#fff,#fd0,#ff4b91,#00e0ff,#fff 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer-move 2.5s linear infinite}@keyframes shimmer-move{0%{background-position:-50% 50%}to{background-position:150% 50%}}.genre-generator__genre--wave{font-size:3rem;display:inline-block;transform-origin:center bottom;animation:wave-move 1.8s ease-in-out infinite;font-family:Playfair Display,serif}@keyframes wave-move{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(8px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.genre-generator__genre--bounce{font-size:3.2rem;animation:bounce-in .9s cubic-bezier(.19,1,.22,1),bounce-loop 1.6s ease-in-out infinite .9s}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes bounce-loop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.genre-generator__genre--glitch2{font-size:3.3rem;position:relative;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);animation:glitch2-shake 1.5s infinite}.genre-generator__genre--glitch2:before,.genre-generator__genre--glitch2:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}.genre-generator__genre--glitch2:before{color:#ff00c1;transform:translate(-2px,-1px);animation:glitch2-offset 1.5s infinite}.genre-generator__genre--glitch2:after{color:#00e0ff;transform:translate(2px,1px);animation:glitch2-offset 1.5s infinite reverse}@keyframes glitch2-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}}@keyframes glitch2-offset{0%{clip-path:inset(0 0 40% 0)}50%{clip-path:inset(30% 0 10% 0)}to{clip-path:inset(60% 0 0 0)}}.genre-generator__genre--fadeUp{font-size:3rem;opacity:0;transform:translateY(20px);animation:fade-up .9s ease-out forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(20px);letter-spacing:.4em}60%{opacity:1;transform:translateY(-4px);letter-spacing:.1em}to{opacity:1;transform:translateY(0);letter-spacing:.05em}}.genre-generator__genre--shadow3d{font-size:3.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.1em;text-shadow:1px 1px 0 #111,2px 2px 0 #111,3px 3px 0 #111,4px 4px 0 #111,5px 5px 0 #111,6px 6px 0 #111,7px 7px 0 #111,8px 8px 0 #111}.genre-generator__genre--reflect{font-size:3.2rem;font-weight:700;color:#fff;position:relative;display:inline-block;padding-bottom:1.2rem}.genre-generator__genre--reflect:after{content:attr(data-text);position:absolute;left:0;right:0;top:100%;transform-origin:top;transform:scaleY(-1);opacity:.45;background:linear-gradient(to bottom,#fff9,#fff0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(1px)}.genre-generator__genre--chrome{font-size:3.4rem;font-weight:900;text-transform:uppercase;background-image:linear-gradient(180deg,#fdfdfd,#dcdcdc,#8f8f8f 40%,#222,#7f7f7f 60%,#f1f1f1,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 4px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.8)}.genre-generator__genre--outlineGlow{font-size:3.2rem;font-weight:800;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;text-shadow:0 0 6px rgba(255,0,140,.9),0 0 14px rgba(0,224,255,.9);background:radial-gradient(circle,#ff4b91,#00e0ff,#fd0);-webkit-background-clip:text;background-clip:text;animation:outline-glow-pulse 2.2s ease-in-out infinite}@keyframes outline-glow-pulse{0%{text-shadow:0 0 4px rgba(255,0,140,.7),0 0 10px rgba(0,224,255,.7);transform:scale(1)}50%{text-shadow:0 0 12px rgba(255,0,140,1),0 0 22px rgba(0,224,255,1);transform:scale(1.04)}to{text-shadow:0 0 4px rgba(255,0,140,.7),0 0 10px rgba(0,224,255,.7);transform:scale(1)}}.genre-generator__genre--blockSlide{font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;display:inline-block;background:#fff;color:#000;padding:.3em .6em;border-radius:.2em;animation:block-slide-in .7s cubic-bezier(.19,1,.22,1)}@keyframes block-slide-in{0%{transform:translate(-30px);opacity:0}60%{transform:translate(3px);opacity:1}to{transform:translate(0)}}.genre-generator__genre--scanner{font-size:3.1rem;text-transform:uppercase;color:#2c37ff;position:relative;display:inline-block;overflow:hidden}.genre-generator__genre--scanner:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-120%);animation:scanner-sweep 2.2s infinite}@keyframes scanner-sweep{0%{transform:translate(-120%)}50%{transform:translate(120%)}to{transform:translate(120%)}}.genre-generator__genre--lava{font-size:3.3rem;font-weight:900;text-transform:uppercase;background:radial-gradient(circle at 0% 0%,#ff9a00,#ff005e 25%,#ff9a00,#ff005e,#ff9a00);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lava-flow 5s ease-in-out infinite}@keyframes lava-flow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.genre-generator__genre--hologram{font-size:3.4rem;font-weight:700;text-transform:uppercase;color:#0ff;position:relative;text-shadow:0 0 6px rgba(0,255,255,.8),0 0 18px rgba(255,0,255,.8)}.genre-generator__genre--hologram:before{content:attr(data-text);position:absolute;inset:0;color:#f0f;mix-blend-mode:screen;transform:translate(2px,-2px);opacity:.7}.genre-generator__genre--shadowLayers{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:-1px -1px 0 #ff4b91,-2px -2px 0 #ffdd00,-3px -3px 0 #00e0ff,-4px -4px 0 #a200f7;animation:shadow-layers-shift 2s infinite alternate}@keyframes shadow-layers-shift{0%{text-shadow:-1px -1px 0 #ff4b91,-2px -2px 0 #ffdd00,-3px -3px 0 #00e0ff,-4px -4px 0 #a200f7}to{text-shadow:1px 1px 0 #ff4b91,2px 2px 0 #ffdd00,3px 3px 0 #00e0ff,4px 4px 0 #a200f7}}.genre-generator__genre--innerShadow{font-size:3.2rem;font-weight:800;text-transform:uppercase;color:#eee;text-shadow:0 2px 3px rgba(0,0,0,.9),0 -2px 3px rgba(255,255,255,.3)}.genre-generator__genre--rain:after{content:"";position:absolute;left:-20%;top:-100%;width:140%;height:300%;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 2px,transparent 4px);animation:rain-fall 2.5s linear infinite;pointer-events:none}.genre-generator__genre--zoomPop{font-size:3.2rem;font-weight:800;text-transform:uppercase;animation:zoom-pop 1.4s ease-in-out infinite;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.genre-generator__genre--blurIn{font-size:3.1rem;animation:blur-in .9s ease-out forwards;color:#4d0404}@keyframes blur-in{0%{filter:blur(12px);opacity:0;transform:translateY(10px)}30%{filter:blur(6px);opacity:.5;transform:translateY(4px)}60%{filter:blur(4px);opacity:1;transform:translateY(-2px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.genre-generator__genre--glitchLines:before{content:attr(data-text);position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 2px,transparent 4px);-webkit-background-clip:text;background-clip:text;color:transparent;animation:glitch-lines-move 1.5s linear infinite;mix-blend-mode:screen}.genre-generator__genre--ice{font-size:3.3rem;font-weight:700;text-transform:uppercase;background:linear-gradient(180deg,#e0f7ff,#9bdcff,#3db5ff,#0e2f4f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(61,181,255,.7),0 0 24px rgba(224,247,255,.9);animation:ice-shimmer 2.4s ease-in-out infinite}@keyframes ice-shimmer{0%{filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,255,255,1))}to{filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}}.genre-generator__genre--rain{font-size:3rem;font-weight:700;background-image:linear-gradient(to bottom,#fff,#ffffff1a);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;overflow:hidden}.genre-generator__genre--rain:after{content:"";position:absolute;left:-20%;top:-100%;width:140%;height:300%;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.3),transparent 4px);animation:rain-fall 2.5s linear infinite;pointer-events:none}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(50%)}}.genre-generator__genre--vhs{font-size:3.1rem;text-transform:uppercase;position:relative;color:#fff;text-shadow:0 0 2px #000;animation:vhs-wobble 1.2s infinite}.genre-generator__genre--vhs:before,.genre-generator__genre--vhs:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}.genre-generator__genre--vhs:before{color:#ff006e;transform:translate(-2px)}.genre-generator__genre--vhs:after{color:#00f5d4;transform:translate(2px)}@keyframes vhs-wobble{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.genre-generator__genre--zoomPop{font-size:3.2rem;font-weight:800;text-transform:uppercase;animation:zoom-pop 1.4s ease-in-out infinite}@keyframes zoom-pop{0%{transform:scale(.9);opacity:.7}40%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.85}}.genre-generator__genre--spiral{font-size:3.2rem;display:inline-block;animation:spiral-rotate 2.6s linear infinite}@keyframes spiral-rotate{0%{transform:rotate(0) translateZ(0)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) translateZ(0)}}.genre-generator__genre--heartbeat{font-size:3.4rem;font-weight:800;color:#ff4b91;text-shadow:0 0 14px rgba(255,75,145,.9),0 0 26px rgba(255,75,145,.7);animation:heartbeat-pulse 1.1s ease-in-out infinite}@keyframes heartbeat-pulse{0%{transform:scale(1)}25%{transform:scale(1.12)}40%{transform:scale(.98)}60%{transform:scale(1.08)}to{transform:scale(1)}}.genre-generator__genre--shake{font-size:3.1rem;animation:shake-wiggle .6s infinite}@keyframes shake-wiggle{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(1px,2px)}}.genre-generator__genre--tilt{font-size:3.2rem;transform-origin:center bottom;animation:tilt-swing 1.4s ease-in-out infinite}@keyframes tilt-swing{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}.genre-generator__genre--slideUp{font-size:3rem;opacity:0;transform:translateY(20px);animation:slide-up-in .8s ease-out forwards}@keyframes slide-up-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.genre-generator__genre--slideDown{font-size:3rem;opacity:0;transform:translateY(-20px);animation:slide-down-in .8s ease-out forwards}@keyframes slide-down-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.genre-generator__genre--flipX{font-size:3.2rem;transform-origin:center;animation:flip-x 1.6s ease-in-out infinite}@keyframes flip-x{0%{transform:perspective(600px) rotateX(0)}50%{transform:perspective(600px) rotateX(180deg)}to{transform:perspective(600px) rotateX(360deg)}}.genre-generator__genre--flipY{font-size:3.2rem;transform-origin:center;animation:flip-y 1.6s ease-in-out infinite}@keyframes flip-y{0%{transform:perspective(600px) rotateY(0)}50%{transform:perspective(600px) rotateY(180deg)}to{transform:perspective(600px) rotateY(360deg)}}.genre-generator__genre--blurIn{font-size:3.1rem;animation:blur-in .9s ease-out forwards}.genre-generator__genre--blurOut{font-size:3.1rem;animation:blur-out 1.4s ease-in-out infinite alternate}.genre-generator__genre--rainbowWave{font-size:3.3rem;font-weight:800;text-transform:uppercase;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7,#ff005e);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-wave-move 3s linear infinite}@keyframes rainbow-wave-move{0%{background-position:0% 50%}to{background-position:300% 50%}}.genre-generator__genre--glitchLines{font-size:3.2rem;position:relative;color:#fff;overflow:hidden}.genre-generator__genre--glitchLines:before{content:attr(data-text);position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,.8),transparent 4px);-webkit-background-clip:text;background-clip:text;color:transparent;animation:glitch-lines-move 1.5s linear infinite;mix-blend-mode:screen}@keyframes glitch-lines-move{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}.genre-generator__genre--strokeGrow{font-size:3.2rem;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #ffffff;animation:stroke-grow 1.8s ease-in-out infinite}@keyframes stroke-grow{0%{-webkit-text-stroke-width:1px;text-stroke-width:1px;letter-spacing:.1em}50%{-webkit-text-stroke-width:4px;text-stroke-width:4px;letter-spacing:.25em}to{-webkit-text-stroke-width:1px;text-stroke-width:1px;letter-spacing:.1em}}.genre-generator__genre--shadowDance{font-size:3.3rem;font-weight:700;color:#fff;text-shadow:8px 8px 0px #ff4b91,-8px -8px 0px #00e0ff;animation:shadow-dance 1.6s infinite alternate ease-in-out}@keyframes shadow-dance{0%{text-shadow:8px 8px 0px #ff4b91,-8px -8px 0px #00e0ff;transform:translate(0)}50%{text-shadow:-8px 8px 0px #ff4b91,8px -8px 0px #00e0ff;transform:translate(2px,-2px)}to{text-shadow:0px 0px 0px #ff4b91,0px 0px 0px #00e0ff;transform:translate(-2px,2px)}}.genre-generator__genre--shadowLayers{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;letter-spacing:.1em}.genre-generator__genre--pixel{font-size:3rem;font-family:InconsolataVF,monospace;text-transform:uppercase;color:#0ff;text-shadow:0 0 0 #00ffff,1px 0 0 #00ffff,-1px 0 0 #00ffff,0 1px 0 #00ffff,0 -1px 0 #00ffff;image-rendering:pixelated;animation:pixel-jump .8s steps(2,end) infinite}@keyframes pixel-jump{0%{transform:translate(0)}25%{transform:translate(1px)}50%{transform:translate(1px,1px)}75%{transform:translateY(1px)}to{transform:translate(0)}}.genre-generator__genre--stencil{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:3px #ffffff;letter-spacing:.2em}.genre-generator__genre--duotone{font-size:3.1rem;font-weight:800;text-transform:uppercase;color:#fd0;text-shadow:4px 0 0 #00e0ff}.genre-generator__genre--innerShadow{font-size:3.2rem;font-weight:800;text-transform:uppercase;color:#eee;text-shadow:2px 2px 0px #ff4b91,-2px -2px 0px #ffdd00}.genre-generator__genre--glass{font-size:3.3rem;font-weight:700;text-transform:uppercase;color:#ffffffd9;text-shadow:0 0 12px rgba(255,255,255,.6);background:linear-gradient(120deg,#ffffffe6,#fff3);-webkit-background-clip:text;background-clip:text}.genre-generator__genre--outlineDash{font-size:3rem;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;letter-spacing:.25em;animation:outline-dash-pulse 1.8s ease-in-out infinite}@keyframes outline-dash-pulse{0%{letter-spacing:.4em;opacity:.6}50%{letter-spacing:.15em;opacity:1}to{letter-spacing:.25em;opacity:.8}}.genre-generator__genre--fire{font-size:3.3rem;font-weight:800;text-transform:uppercase;background:linear-gradient(180deg,#ffe66d,#ff9a00,#ff3b3b,#5c0000);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,153,0,.8),0 0 20px rgba(255,69,0,.9);animation:fire-flicker .18s infinite alternate}@keyframes fire-flicker{0%{text-shadow:0 0 6px rgba(255,153,0,.6),0 0 14px rgba(255,69,0,.7);transform:translateY(0)}50%{text-shadow:0 0 14px rgba(255,204,0,1),0 0 26px rgba(255,69,0,1);transform:translateY(-1px)}to{text-shadow:0 0 8px rgba(255,153,0,.8),0 0 18px rgba(255,69,0,.9);transform:translateY(1px)}}.genre-generator__genre{padding-inline:.5rem;word-wrap:break-word;overflow-wrap:break-word}body{margin:0;padding:0}@media(max-width:1024px){.genre-generator{max-width:90%;margin:1.5rem auto;padding:1.2rem}.genre-generator__title{font-size:1.4rem}.genre-generator__button{width:100%;max-width:260px}.genre-generator__genre,.genre-generator__genre[class*=genre-generator__genre--]{font-size:clamp(2rem,6vw,3rem)!important}}@media(max-width:768px){.genre-generator{max-width:95%;margin:1rem auto;padding:1rem;border-radius:10px}.genre-generator__title{font-size:1.2rem;line-height:1.3}.genre-generator__button{width:100%;max-width:none;padding:.7rem 1rem;font-size:.95rem}.genre-generator__genre,.genre-generator__genre[class*=genre-generator__genre--]{font-size:clamp(1.6rem,8vw,2.4rem)!important}}@media(max-width:480px){.genre-generator{margin:.75rem auto;padding:.8rem}.genre-generator__title{font-size:1rem}.genre-generator__button{font-size:.9rem;padding:.6rem .8rem}.genre-generator__genre,.genre-generator__genre[class*=genre-generator__genre--]{font-size:clamp(1.4rem,9vw,2rem)!important}}.genre-generator__genre--highlightReveal{position:relative;display:inline-block;font-size:3.2rem;font-weight:800;text-transform:uppercase;color:#7f1111;border:2px solid #ff9a00;padding:.15em .3em;background-color:#fff}.genre-generator__genre--highlightReveal:before{content:"";position:absolute;inset:0;color:#fff;background:linear-gradient(90deg,#fd0,#ff9a00);transform-origin:left;transform:scaleX(0);animation:highlight-reveal-bg .9s cubic-bezier(.19,1,.22,1) forwards;z-index:-1}.genre-generator__genre--blurIn{font-size:3.2rem;font-weight:800;text-transform:uppercase;animation:blur-in .9s ease-out forwards}@keyframes blur-in{0%{filter:blur(12px);opacity:0;transform:translateY(10px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.genre-generator__genre--blurInOut{font-size:3.2rem;font-weight:800;text-transform:uppercase;animation:blur-in-out 1.4s ease-in-out infinite alternate}@keyframes blur-in-out{0%{filter:blur(12px);opacity:0;transform:translateY(10px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.genre-generator__genre--blurOut{font-size:3.2rem;font-weight:800;text-transform:uppercase;animation:blur-out 1.4s ease-in-out infinite alternate}@keyframes blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(6px);opacity:.3}}.genre-generator__genre--highlightReveal{position:relative;display:inline-block;font-size:3.2rem;font-weight:800;text-transform:uppercase;color:#111;padding:.15em .3em}.genre-generator__genre--highlightReveal:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fd0,#ff9a00);transform-origin:left;transform:scaleX(0);animation:highlight-reveal-bg .9s cubic-bezier(.19,1,.22,1) forwards;z-index:-1}@keyframes highlight-reveal-bg{0%{transform:scaleX(0)}60%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.genre-generator__genre--rotateInX{display:inline-block;font-size:3.2rem;font-weight:700;text-transform:uppercase;transform-origin:center;animation:rotate-in-x .8s cubic-bezier(.19,1,.22,1) forwards;opacity:0}@keyframes rotate-in-x{0%{transform:perspective(600px) rotateX(-90deg);opacity:0}60%{transform:perspective(600px) rotateX(20deg);opacity:1}to{transform:perspective(600px) rotateX(0);opacity:1}}.genre-generator__genre--colorPulse{font-size:3.1rem;font-weight:700;text-transform:uppercase;animation:color-pulse 2.2s ease-in-out infinite}@keyframes color-pulse{0%{color:#ff4b91;text-shadow:0 0 8px rgba(255,75,145,.7)}33%{color:#fd0;text-shadow:0 0 8px rgba(255,221,0,.7)}66%{color:#00e0ff;text-shadow:0 0 8px rgba(0,224,255,.7)}to{color:#ff4b91;text-shadow:0 0 8px rgba(255,75,145,.7)}}.genre-generator__genre--underlineSlide{position:relative;display:inline-block;font-size:3.1rem;font-weight:700;text-transform:uppercase}.genre-generator__genre--underlineSlide:after{content:"";position:absolute;left:0;right:0;bottom:-.25em;height:.18em;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7);transform-origin:left;transform:scaleX(0);animation:underline-slide 1s ease-out forwards}@keyframes underline-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.genre-generator__genre--stackedShadow{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.15em;text-shadow:1px 1px 0 #ff4b91,2px 2px 0 #ffdd00,3px 3px 0 #00e0ff,4px 4px 0 #a200f7;animation:stacked-shadow-shift 2s ease-in-out infinite alternate}@keyframes stacked-shadow-shift{0%{text-shadow:1px 1px 0 #ff4b91,2px 2px 0 #ffdd00,3px 3px 0 #00e0ff,4px 4px 0 #a200f7;transform:translate(0)}to{text-shadow:-1px -1px 0 #ff4b91,-2px -2px 0 #ffdd00,-3px -3px 0 #00e0ff,-4px -4px 0 #a200f7;transform:translate(-2px,-2px)}}.genre-generator__genre--glowTrail{font-size:3.1rem;font-weight:700;text-transform:uppercase;position:relative;color:#fff;text-shadow:0 0 10px rgba(0,224,255,.7);overflow:hidden}.genre-generator__genre--glowTrail:before{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(90deg,#ff005e,#fd0,#00e0ff);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translate(-110%);animation:glow-trail 2.2s ease-in-out infinite}@keyframes glow-trail{0%{transform:translate(-110%)}50%{transform:translate(10%)}to{transform:translate(110%)}}.genre-generator__genre--gradientStroke{font-size:3.2rem;font-weight:800;text-transform:uppercase;color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:transparent;background:linear-gradient(135deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7);-webkit-background-clip:text;background-clip:text;position:relative}.genre-generator__genre--gradientStroke:before{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#ffffff;mix-blend-mode:screen;opacity:.6}.genre-generator__genre--splitColor{font-size:3.1rem;font-weight:800;text-transform:uppercase;position:relative;color:#fff}.genre-generator__genre--splitColor:before,.genre-generator__genre--splitColor:after{content:attr(data-text);position:absolute;left:0;right:0;overflow:hidden}.genre-generator__genre--splitColor:before{top:0;height:50%;color:#ff4b91}.genre-generator__genre--splitColor:after{bottom:0;height:50%;color:#00e0ff}.genre-generator__genre--tiltSlideIn{font-size:3.2rem;font-weight:700;text-transform:uppercase;display:inline-block;opacity:0;transform:translateY(20px) rotate(-8deg);animation:tilt-slide-in .9s cubic-bezier(.19,1,.22,1) forwards}@keyframes tilt-slide-in{0%{opacity:0;transform:translateY(20px) rotate(-8deg)}60%{opacity:1;transform:translateY(-4px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.genre-generator__genre--innerNeon{font-size:3.2rem;font-weight:800;text-transform:uppercase;color:#111;text-shadow:0 0 8px rgba(0,255,194,.7),0 0 18px rgba(0,255,194,.9);background:radial-gradient(circle,#00ffc2,#111 60%);-webkit-background-clip:text;background-clip:text;animation:inner-neon-pulse 1.8s ease-in-out infinite}@keyframes inner-neon-pulse{0%{text-shadow:0 0 6px rgba(0,255,194,.5),0 0 14px rgba(0,255,194,.7)}50%{text-shadow:0 0 14px rgba(0,255,194,1),0 0 26px rgba(0,255,194,1)}to{text-shadow:0 0 6px rgba(0,255,194,.5),0 0 14px rgba(0,255,194,.7)}}.genre-generator__genre--shadowZoom{font-size:3.1rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:0 10px 25px rgba(0,0,0,.7);animation:shadow-zoom-in .8s ease-out}@keyframes shadow-zoom-in{0%{transform:scale(.8);opacity:0;text-shadow:0 4px 10px rgba(0,0,0,.5)}to{transform:scale(1);opacity:1;text-shadow:0 10px 25px rgba(0,0,0,.7)}}.genre-generator__genre--cutout{font-size:3.1rem;font-weight:800;text-transform:uppercase;position:relative;color:#fff;padding:.2em .4em}.genre-generator__genre--cutout:before{content:"";position:absolute;inset:-.3em;background:linear-gradient(135deg,#ff005e,#fd0,#00e0ff);border-radius:.4em;z-index:-2}.genre-generator__genre--cutout:after{content:attr(data-text);position:absolute;inset:0;color:#000;mix-blend-mode:screen;opacity:.1}.genre-generator__genre--slideReveal{position:relative;display:inline-block;font-size:3.1rem;font-weight:800;text-transform:uppercase;overflow:hidden}.genre-generator__genre--slideReveal:before{content:attr(data-text);position:absolute;inset:0;transform:translate(-100%);animation:slide-reveal .9s cubic-bezier(.19,1,.22,1) forwards;color:#272fa1}@keyframes slide-reveal{0%{transform:translate(-100%)}60%{transform:translate(8%)}to{transform:translate(0)}}.genre-generator__genre--zoomRotate{display:inline-block;font-size:3.2rem;font-weight:900;text-transform:uppercase;animation:zoom-rotate-in .8s ease-out}@keyframes zoom-rotate-in{0%{transform:scale(.6) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}.genre-generator__genre--glowFlash{font-size:3.1rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.6),0 0 14px rgba(255,0,140,.9);animation:glow-flash 1.1s linear infinite}@keyframes glow-flash{0%{opacity:.4;text-shadow:0 0 4px rgba(255,255,255,.4),0 0 8px rgba(255,0,140,.6)}25%{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.9),0 0 24px rgba(255,0,140,1)}50%{opacity:.6;text-shadow:0 0 6px rgba(255,255,255,.6),0 0 14px rgba(255,0,140,.8)}75%{opacity:1;text-shadow:0 0 12px rgba(255,255,255,1),0 0 28px rgba(255,0,140,1)}to{opacity:.4;text-shadow:0 0 4px rgba(255,255,255,.4),0 0 8px rgba(255,0,140,.6)}}.genre-generator__genre--outlineFill{position:relative;display:inline-block;font-size:3.1rem;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff}.genre-generator__genre--outlineFill:before{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7,#ff005e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:outline-fill-move 2.5s linear infinite}@keyframes outline-fill-move{0%{background-position:0% 50%;opacity:0}30%{opacity:1}to{background-position:200% 50%;opacity:1}}.genre-generator__genre--waveSkew{font-size:3rem;font-weight:700;display:inline-block;text-transform:uppercase;animation:wave-skew 1.6s ease-in-out infinite}@keyframes wave-skew{0%{transform:skew(0) translateY(0)}25%{transform:skew(-6deg) translateY(-4px)}50%{transform:skew(4deg) translateY(0)}75%{transform:skew(-2deg) translateY(4px)}to{transform:skew(0) translateY(0)}}.font-industrial{font-family:Black Ops One,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.font-neonBlock{font-family:Monoton,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em}.font-cartoon2{font-family:Luckiest Guy,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.font-space{font-family:Orbitron,Audiowide,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.font-handSerif{font-family:Fredericka the Great,Playfair Display,serif}.font-ultra{font-family:Ultra,Alfa Slab One,serif;text-transform:uppercase}.font-condensed2{font-family:Barlow Condensed,Oswald,system-ui,sans-serif}.font-techClean{font-family:"Exo 2",system-ui,sans-serif}.genre-generator__genre--jumpWave2{display:inline-block;font-size:3rem;font-weight:700;text-transform:uppercase;transform-origin:center bottom;animation:jump-wave2 1.5s ease-in-out infinite}@keyframes jump-wave2{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-10px) rotate(-3deg)}40%{transform:translateY(0) rotate(0)}60%{transform:translateY(-6px) rotate(2deg)}80%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(0)}}.genre-generator__genre--handWrite{font-family:Shadows Into Light,Lobster,cursive;font-size:2.4rem;white-space:nowrap;overflow:hidden;border-right:2px solid currentColor;display:inline-block;animation:hand-write 3s steps(30,end) 1 forwards,caret-blink2 .9s step-end infinite}@keyframes hand-write{0%{width:0}to{width:100%}}@keyframes caret-blink2{0%,to{border-color:transparent}50%{border-color:currentColor}}.genre-generator__genre--revealWords{font-size:3rem;text-transform:uppercase;letter-spacing:.2em;opacity:0;animation:reveal-words 1.2s ease-out forwards}@keyframes reveal-words{0%{opacity:0;letter-spacing:.4em;filter:blur(8px);transform:translateY(20px)}60%{opacity:1;letter-spacing:.15em;filter:blur(0);transform:translateY(0)}to{opacity:1;letter-spacing:.1em}}.genre-generator__genre--frozenGlow{font-size:3.3rem;font-weight:700;text-transform:uppercase;background:linear-gradient(180deg,#e0f7ff,#b7e4ff,#3db5ff,#0b1a33);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(144,216,255,.8),0 0 24px rgba(61,181,255,.9);animation:frozen-glow 2.5s ease-in-out infinite}@keyframes frozen-glow{0%{text-shadow:0 0 6px rgba(144,216,255,.6),0 0 12px rgba(61,181,255,.7)}50%{text-shadow:0 0 18px rgba(224,247,255,1),0 0 32px rgba(61,181,255,1)}to{text-shadow:0 0 6px rgba(144,216,255,.6),0 0 12px rgba(61,181,255,.7)}}.genre-generator__genre--waveClip2{font-size:3.1rem;font-weight:700;text-transform:uppercase;background:linear-gradient(to right,#fff 0% 50%,#ffffff40 50% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wave-clip2 3s ease-in-out infinite alternate}@keyframes wave-clip2{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.genre-generator__genre--whipSpin{display:inline-block;font-size:3.2rem;font-weight:800;text-transform:uppercase;transform-origin:left center;animation:whip-spin 1s cubic-bezier(.19,1,.22,1) forwards;opacity:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#00f}@keyframes whip-spin{0%{transform:rotate(-25deg) translate(-40px);opacity:0}30%{transform:rotate(12deg) translate(15px);opacity:1}50%{transform:rotate(-6deg) translate(-5px);opacity:1}60%{transform:rotate(8deg) translate(10px);opacity:1}to{transform:rotate(0) translate(0);opacity:1}}.genre-generator__genre--gradientLoop{font-size:3.1rem;font-weight:800;text-transform:uppercase;background:linear-gradient(120deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7,#ff005e);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-loop 3.3s linear infinite}@keyframes gradient-loop{0%{background-position:0% 50%}to{background-position:250% 50%}}.genre-generator__genre--particleGlow{font-size:3rem;font-weight:700;text-transform:uppercase;position:relative;color:#fff;animation:particle-glow 2s ease-in-out infinite}@keyframes particle-glow{0%{opacity:.2;text-shadow:0 0 0 rgba(255,255,255,0)}30%{opacity:1;text-shadow:0 0 12px rgba(255,255,255,.9),0 0 40px rgba(0,224,255,.7)}60%{opacity:.5;text-shadow:0 0 4px rgba(255,255,255,.5)}to{opacity:.2;text-shadow:0 0 0 rgba(255,255,255,0)}}.genre-generator__genre--dropBounce{display:inline-block;font-size:3.1rem;font-weight:800;text-transform:uppercase;animation:drop-bounce .9s cubic-bezier(.19,1,.22,1)}@keyframes drop-bounce{0%{transform:translateY(-80px);opacity:0}60%{transform:translateY(5px);opacity:1}80%{transform:translateY(-4px)}to{transform:translateY(0)}}.genre-generator__genre--scanLines{position:relative;display:inline-block;font-size:3rem;font-weight:700;text-transform:uppercase;color:#fff;overflow:hidden}.genre-generator__genre--scanLines:before{content:attr(data-text);position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,.9) 2px,transparent 4px);-webkit-background-clip:text;background-clip:text;color:transparent;mix-blend-mode:screen;animation:scan-lines-move 1.8s linear infinite}@keyframes scan-lines-move{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}.genre-generator__genre--flashStroke{font-size:3.1rem;font-weight:800;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;animation:flash-stroke 1.2s ease-in-out infinite}@keyframes flash-stroke{0%{-webkit-text-stroke-width:1px;text-stroke-width:1px;opacity:.6}30%{-webkit-text-stroke-width:4px;text-stroke-width:4px;opacity:1}60%{-webkit-text-stroke-width:2px;text-stroke-width:2px;opacity:.8}to{-webkit-text-stroke-width:1px;text-stroke-width:1px;opacity:.6}}.genre-generator__genre--innerFade{font-size:3.1rem;font-weight:700;text-transform:uppercase;background:radial-gradient(circle,#ffffff 0%,#ffffff 40%,rgba(255,255,255,.2) 70%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 16px rgba(255,255,255,.4)}.genre-generator__genre--outlinePop{font-size:3rem;font-weight:800;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;animation:outline-pop .7s ease-out}@keyframes outline-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.genre-generator__genre--shakeRotate{font-size:3.1rem;font-weight:700;text-transform:uppercase;animation:shake-rotate .7s infinite}@keyframes shake-rotate{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px,1px) rotate(-2deg)}40%{transform:translate(2px,-1px) rotate(2deg)}60%{transform:translate(-1px,-2px) rotate(-1deg)}80%{transform:translate(1px,2px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.genre-generator__genre--glitchBlocks{position:relative;display:inline-block;font-size:3.1rem;font-weight:800;text-transform:uppercase;color:#fff}.genre-generator__genre--neonLights2{font-size:3rem;text-transform:uppercase;color:#fff;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff;animation:neon-lights-2 1.6s ease-in-out infinite alternate}@keyframes neon-lights-2{0%{text-shadow:0 0 4px #0ff,0 0 10px #0ff,0 0 20px #0ff;opacity:.8}40%{text-shadow:0 0 6px #0ff,0 0 14px #0ff,0 0 30px #0ff;opacity:1}to{text-shadow:0 0 3px #0ff,0 0 8px #0ff,0 0 16px #0ff;opacity:.7}}.genre-generator__genre--rainbowSweep{font-size:3rem;font-weight:800;text-transform:uppercase;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7,#ff005e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-sweep 2.2s linear infinite}@keyframes rainbow-sweep{0%{background-position:0% 50%}to{background-position:200% 50%}}.genre-generator__genre--lineThrough3d{font-size:3rem;position:relative;text-transform:uppercase;color:#fff;text-shadow:4px 4px 0 #111}.genre-generator__genre--lineThrough3d:after{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:4px;background:linear-gradient(90deg,#ff005e,#fd0);transform:translateY(-50%) rotateX(0);transform-origin:center;animation:line-through-3d 1.4s ease-in-out infinite}@keyframes line-through-3d{0%,to{transform:translateY(-50%) rotateX(0)}50%{transform:translateY(-50%) rotateX(70deg)}}.genre-generator__genre--neonBorder{font-size:2.8rem;padding:.4em .8em;border-radius:.4em;border:2px solid #0ff;text-transform:uppercase;color:#0ff;box-shadow:0 0 8px #00ffffb3,0 0 18px #00ffff80;animation:neon-border-pulse 1.6s ease-in-out infinite}@keyframes neon-border-pulse{0%{box-shadow:0 0 4px #0ff6,0 0 10px #00ffff4d;transform:scale(1)}50%{box-shadow:0 0 14px #0ff,0 0 30px #00ffffe6;transform:scale(1.03)}to{box-shadow:0 0 4px #0ff6,0 0 10px #00ffff4d;transform:scale(1)}}.genre-generator__genre--softGlitch{font-size:3rem;position:relative;color:#fff;overflow:hidden}.genre-generator__genre--softGlitch:before,.genre-generator__genre--softGlitch:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}.genre-generator__genre--softGlitch:before{color:#ff006e;animation:soft-glitch-left 1.2s infinite}.genre-generator__genre--softGlitch:after{color:#00f5d4;animation:soft-glitch-right 1.2s infinite}@keyframes soft-glitch-left{0%,to{transform:translate(0);clip-path:inset(0 0 0 0)}30%{transform:translate(-2px,-1px);clip-path:inset(10% 0 40% 0)}60%{transform:translate(-1px,1px);clip-path:inset(50% 0 5% 0)}}@keyframes soft-glitch-right{0%,to{transform:translate(0);clip-path:inset(0 0 0 0)}30%{transform:translate(2px,1px);clip-path:inset(0 0 60% 0)}60%{transform:translate(1px,-1px);clip-path:inset(40% 0 0 0)}}.genre-generator__genre--musicGlow{font-size:3rem;font-weight:700;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px rgba(255,221,0,.8),0 0 18px rgba(255,75,145,.9);animation:music-glow-pulse 1.2s ease-in-out infinite}@keyframes music-glow-pulse{0%{transform:scale(1);text-shadow:0 0 4px rgba(255,221,0,.6),0 0 10px rgba(255,75,145,.7)}40%{transform:scale(1.06);text-shadow:0 0 14px rgba(255,221,0,1),0 0 24px rgba(255,75,145,1)}to{transform:scale(1)}}.genre-generator__genre--blendOverlay{font-size:3rem;position:relative;color:#fff;mix-blend-mode:screen}.genre-generator__genre--blendOverlay:before{content:attr(data-text);position:absolute;inset:0;color:#ff005e;mix-blend-mode:lighten;animation:blend-overlay-shift 2s ease-in-out infinite}@keyframes blend-overlay-shift{0%{transform:translate(-4px);opacity:.6}50%{transform:translate(4px);opacity:1}to{transform:translate(-4px);opacity:.6}}.genre-generator__genre--spookyBlur{font-size:3rem;text-transform:uppercase;color:#f5f5f5;text-shadow:0 0 10px rgba(0,0,0,.8);animation:spooky-blur 2.4s ease-in-out infinite}@keyframes spooky-blur{0%,to{filter:blur(0px);transform:skew(0)}40%{filter:blur(2px);transform:skew(-4deg)}70%{filter:blur(1px);transform:skew(3deg)}}.genre-generator__genre--spaciousTracking{font-size:3rem;text-transform:uppercase;letter-spacing:.2em;color:#fff;animation:spacious-tracking 1.6s ease-in-out infinite alternate}@keyframes spacious-tracking{0%{letter-spacing:.2em;opacity:.7}to{letter-spacing:.5em;opacity:1}}.genre-generator__genre--cartoonPop{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:-3px -3px 0 #ffdd00,3px 3px 0 #00e0ff;animation:cartoon-pop .9s ease-out}@keyframes cartoon-pop{0%{transform:scale(.4) rotate(-10deg);opacity:0}60%{transform:scale(1.05) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.genre-generator__genre--tilt3d{font-size:3.1rem;text-transform:uppercase;color:#fff;transform-origin:center;animation:tilt-3d 2s ease-in-out infinite}@keyframes tilt-3d{0%{transform:perspective(800px) rotateX(0) rotateY(0)}40%{transform:perspective(800px) rotateX(15deg) rotateY(-10deg)}70%{transform:perspective(800px) rotateX(-10deg) rotateY(15deg)}to{transform:perspective(800px) rotateX(0) rotateY(0)}}.genre-generator__genre--wordSwipe{font-size:3rem;position:relative;display:inline-block;overflow:hidden;text-transform:uppercase;color:#fff}.genre-generator__genre--wordSwipe:before{content:attr(data-text);position:absolute;inset:0;color:#000;background:#fff;transform:translateY(100%);animation:word-swipe 1.2s cubic-bezier(.19,1,.22,1) forwards}@keyframes word-swipe{0%{transform:translateY(100%)}to{transform:translateY(-101%)}}.genre-generator__genre--luminanceClip{font-size:3.2rem;font-weight:800;text-transform:uppercase;background:linear-gradient(120deg,#fff,#fd0,#ff4b91,#00e0ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.genre-generator__genre--luminanceClip:after{content:attr(data-text);position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 60%);mix-blend-mode:screen;-webkit-background-clip:text;background-clip:text;color:transparent;animation:luminance-clip-move 2.2s linear infinite}@keyframes luminance-clip-move{0%{transform:translate(-20%,-20%)}to{transform:translate(20%,20%)}}.genre-generator__genre--barFadeIn{font-size:2.6rem;text-transform:uppercase;position:relative;color:#fff;overflow:hidden}.genre-generator__genre--barFadeIn:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,#fff 50%,transparent 100%);transform:translate(-100%);animation:bar-fade-in-sweep 1.2s ease-out forwards}@keyframes bar-fade-in-sweep{0%{transform:translate(-100%);opacity:1}80%{transform:translate(100%);opacity:1}to{transform:translate(120%);opacity:0}}.genre-generator__genre--bassDrop{font-size:3.3rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.8),0 10px 0 #00e0ff;animation:bass-drop 1s ease-out}@keyframes bass-drop{0%{transform:translateY(-80px) scaleY(.6);opacity:0}40%{transform:translateY(0) scaleY(1.1);opacity:1}65%{transform:translateY(10px) scaleY(.95)}to{transform:translateY(0) scaleY(1)}}.genre-generator__genre--vinylSpin{font-size:3rem;text-transform:uppercase;display:inline-block;padding:.3em .6em;border-radius:999px;border:2px solid #fff;color:#fff;box-shadow:0 0 20px #000000b3;animation:vinyl-spin 3s linear infinite}@keyframes vinyl-spin{0%{transform:rotate(0);letter-spacing:.08em}50%{transform:rotate(180deg);letter-spacing:.16em}to{transform:rotate(360deg);letter-spacing:.08em}}.genre-generator__genre--laserScan{font-size:3.1rem;text-transform:uppercase;position:relative;color:#00f5ff;text-shadow:0 0 10px #00f5ff,0 0 25px #00f5ff;overflow:hidden}.genre-generator__genre--laserScan:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);transform:translate(-120%);mix-blend-mode:screen;animation:laser-scan 1.8s linear infinite}@keyframes laser-scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}.genre-generator__genre--strobeBeat{font-size:3rem;text-transform:uppercase;color:#fff;animation:strobe-beat .2s steps(2,end) infinite}@keyframes strobe-beat{0%{text-shadow:none;opacity:1}50%{text-shadow:0 0 12px #ffffff,0 0 24px #ff00ff;opacity:.2}to{text-shadow:none;opacity:1}}.genre-generator__genre--equalizerBars{font-size:2.8rem;text-transform:uppercase;position:relative;color:#fff;padding-bottom:.8em}.genre-generator__genre--equalizerBars:after{content:"";position:absolute;left:10%;right:10%;bottom:.1em;height:.4em;background:repeating-linear-gradient(to right,#00e0ff 0,#00e0ff 6px,transparent 6px,transparent 10px);transform-origin:center bottom;animation:equalizer-bars 1s ease-in-out infinite}@keyframes equalizer-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.4)}}.genre-generator__genre--reverbEcho{font-size:3rem;font-weight:700;text-transform:uppercase;position:relative;color:#fff}.genre-generator__genre--reverbEcho:before,.genre-generator__genre--reverbEcho:after{content:attr(data-text);position:absolute;inset:0;color:#ffffff40;filter:blur(2px)}.genre-generator__genre--reverbEcho:before{transform:translate(6px,6px)}.genre-generator__genre--reverbEcho:after{transform:translate(12px,12px)}.genre-generator__genre--synthWave{font-size:3.2rem;font-weight:800;text-transform:uppercase;background:linear-gradient(135deg,#ff4b91,#fd0,#00e0ff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.9);animation:synth-wave-move 3s ease-in-out infinite}@keyframes synth-wave-move{0%{background-position:0% 50%;transform:skew(-4deg)}50%{background-position:100% 50%;transform:skew(4deg)}to{background-position:0% 50%;transform:skew(-4deg)}}.genre-generator__genre--raveGlow{font-size:3.1rem;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #ff00ff,0 0 18px #00ffea,0 0 26px #ffff00;animation:rave-glow 1.4s ease-in-out infinite}@keyframes rave-glow{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(120deg)}to{filter:hue-rotate(240deg)}}.genre-generator__genre--tempoShake{font-size:3rem;text-transform:uppercase;color:#fff;animation:tempo-shake .5s infinite}@keyframes tempo-shake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(1px,2px)}}.genre-generator__genre--dubstepSlice{font-size:3rem;position:relative;color:#fff;text-transform:uppercase;overflow:hidden}.genre-generator__genre--dubstepSlice:before,.genre-generator__genre--dubstepSlice:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen}.genre-generator__genre--dubstepSlice:before{color:#ff006e;clip-path:polygon(0 0,100% 0,100% 48%,0 65%);animation:dubstep-slice-top .4s infinite}.genre-generator__genre--dubstepSlice:after{color:#00f5d4;clip-path:polygon(0 52%,100% 35%,100% 100%,0 100%);animation:dubstep-slice-bottom .4s infinite}@keyframes dubstep-slice-top{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes dubstep-slice-bottom{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.genre-generator__genre--sidechainPulse{font-size:3rem;text-transform:uppercase;color:#fff;animation:sidechain-pulse 1.2s ease-in-out infinite}@keyframes sidechain-pulse{0%{transform:scale(1);opacity:1}30%{transform:scale(.85);opacity:.5}to{transform:scale(1);opacity:1}}.genre-generator__genre--chorusEcho{font-size:3rem;text-transform:uppercase;position:relative;color:#fff}.genre-generator__genre--chorusEcho:before,.genre-generator__genre--chorusEcho:after{content:attr(data-text);position:absolute;inset:0;opacity:.4}.genre-generator__genre--chorusEcho:before{color:#fd0;transform:translate(-4px,-2px)}.genre-generator__genre--chorusEcho:after{color:#00e0ff;transform:translate(4px,2px)}.genre-generator__genre--tapeWobble{font-size:3rem;text-transform:uppercase;color:#f0f0f0;animation:tape-wobble 1.8s ease-in-out infinite}@keyframes tape-wobble{0%{transform:skew(0);filter:blur(0)}40%{transform:skew(-2deg);filter:blur(.5px)}70%{transform:skew(3deg);filter:blur(1px)}to{transform:skew(0);filter:blur(0)}}.genre-generator__genre--radioDistort{font-size:3rem;text-transform:uppercase;position:relative;color:#fff;animation:radio-distort 1.1s steps(3,end) infinite}@keyframes radio-distort{0%{filter:contrast(1) saturate(1)}50%{filter:contrast(1.4) saturate(1.6) grayscale(.3)}to{filter:contrast(1) saturate(1)}}.genre-generator__genre--arenaLight{font-size:3.2rem;text-transform:uppercase;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.8),0 0 26px rgba(0,160,255,.9);animation:arena-light 2s ease-in-out infinite}@keyframes arena-light{0%{transform:translate(-8px)}50%{transform:translate(8px)}to{transform:translate(-8px)}}.genre-generator__genre--clubTunnel{font-size:3rem;text-transform:uppercase;letter-spacing:.15em;position:relative;color:#fff}.genre-generator__genre--clubTunnel:after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:2px #fff;transform-origin:center;animation:club-tunnel-depth 1.6s ease-in-out infinite alternate}@keyframes club-tunnel-depth{0%{transform:translateZ(0) scale(1);opacity:.3}to{transform:translateZ(-60px) scale(.9);opacity:.8}}.genre-generator__genre--morphWave{font-size:3.1rem;text-transform:uppercase;color:#fff;animation:morph-wave 1.8s ease-in-out infinite}@keyframes morph-wave{0%{letter-spacing:.1em;transform:scaleX(1)}50%{letter-spacing:.3em;transform:scaleX(1.1)}to{letter-spacing:.1em;transform:scaleX(1)}}.genre-generator__genre--bpmFlash{font-size:3rem;text-transform:uppercase;color:#fff;animation:bpm-flash .6s ease-in-out infinite}@keyframes bpm-flash{0%{opacity:.2}50%{opacity:1;text-shadow:0 0 10px #ffffff,0 0 20px #ff4b91}to{opacity:.2}}.genre-generator__genre--monoStereo{font-size:3rem;text-transform:uppercase;position:relative;color:#fff}.genre-generator__genre--monoStereo:before,.genre-generator__genre--monoStereo:after{content:attr(data-text);position:absolute;inset:0;opacity:.6}.genre-generator__genre--monoStereo:before{color:#ff006e;transform:translate(-4px)}.genre-generator__genre--monoStereo:after{color:#00f5d4;transform:translate(4px)}.genre-generator__genre--waveformTrace{font-size:2.8rem;text-transform:uppercase;position:relative;color:#fff;padding-bottom:1rem}.genre-generator__genre--waveformTrace:after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:.2rem;background:linear-gradient(to right,#00e0ff,#ff4b91,#fd0);clip-path:polygon(0 50%,5% 20%,10% 80%,15% 30%,20% 70%,25% 40%,30% 80%,35% 30%,40% 60%,45% 20%,50% 80%,55% 40%,60% 70%,65% 30%,70% 80%,75% 20%,80% 60%,85% 30%,90% 70%,95% 40%,100% 50%)}.genre-generator__genre--hyperSpeed{font-size:3.4rem;font-style:italic;font-weight:900;color:#fff;transform:skew(-20deg);text-shadow:10px 0 0 rgba(255,255,255,.2),20px 0 0 rgba(255,255,255,.1),30px 0 0 rgba(255,255,255,.05);animation:speed-shake .1s infinite}@keyframes speed-shake{0%{transform:skew(-20deg) translate(0)}50%{transform:skew(-20deg) translate(-2px)}to{transform:skew(-20deg) translate(0)}}.genre-generator__genre--soapBubble{font-size:3.5rem;font-weight:800;text-transform:uppercase;color:#ffffff1a;-webkit-text-stroke:2px rgba(255,255,255,.6);background:linear-gradient(135deg,#f0f6,#0ff6,#ff06);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 5px rgba(255,255,255,.3));animation:bubble-wobble 3s ease-in-out infinite}@keyframes bubble-wobble{0%,to{transform:scale(1)}50%{transform:scale(1.05) rotate(1deg)}}.genre-generator__genre--cautionTape{font-size:3.2rem;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #000;background:repeating-linear-gradient(45deg,#f9d71c,#f9d71c 10px,#000 10px 20px);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 2px 0 #fff);animation:tape-scroll 20s linear infinite}@keyframes tape-scroll{0%{background-position:0 0}to{background-position:1000px 0}}.genre-generator__genre--superSaiyan{font-size:3.3rem;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 10px #ffcc00,0 -5px 20px #ffaa00,0 -10px 40px #ff8800;animation:power-up .8s ease-in-out infinite alternate}@keyframes power-up{0%{transform:translateY(0) scale(1);text-shadow:0 0 10px #ffcc00,0 -5px 20px #ffaa00}to{transform:translateY(-2px) scale(1.02);text-shadow:0 0 20px #ffcc00,0 -10px 40px #ff0000}}.genre-generator__genre--blueprint{font-size:3.2rem;font-family:Courier New,monospace;font-weight:700;color:transparent;-webkit-text-stroke:1px #00a2ff;background-image:radial-gradient(#00a2ff 1px,transparent 1px);background-size:4px 4px;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 2px #00a2ff)}.genre-generator__genre--prism{font-size:3.3rem;font-weight:700;color:#ffffff80;text-shadow:-4px 0 rgba(255,0,0,.8),-2px 0 rgba(255,255,0,.8),2px 0 rgba(0,255,255,.8),4px 0 rgba(0,0,255,.8);mix-blend-mode:hard-light}.genre-generator__genre--stickerSlap{font-size:3.2rem;font-weight:900;color:#000;-webkit-text-stroke:0;background-color:#fff;padding:5px 15px;transform:rotate(-3deg);box-shadow:5px 5px 10px #00000080;border:4px solid #fff;border-radius:5px}.genre-generator__genre--voidPortal{font-size:3.4rem;font-weight:900;color:#000;text-shadow:0 0 10px #8000ff;background:radial-gradient(circle,#000 40%,#3a0ca3 90%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:portal-suck 2s infinite ease-in-out alternate}@keyframes portal-suck{0%{transform:scale(1);text-shadow:0 0 10px #8000ff}to{transform:scale(.95);text-shadow:0 0 25px #f72585}}.genre-generator__genre--anaglyph3d{font-size:3.5rem;font-weight:700;color:#fffc;position:relative;text-shadow:-4px -2px 0 #00f,4px 2px 0 #f00}.genre-generator__genre--peeled{font-size:3.4rem;font-weight:900;color:#fff;background:#222;padding:.2em .4em;box-shadow:10px 10px 15px #00000080;transform:rotate(-5deg);position:relative;overflow:hidden}.genre-generator__genre--peeled:after{content:"";position:absolute;bottom:0;right:0;border-top:40px solid #555;border-right:40px solid transparent;width:0;height:0}.genre-generator__genre--longShadow{font-size:3.2rem;font-weight:900;color:#f1c40f;text-shadow:1px 1px #c0392b,2px 2px #c0392b,3px 3px #c0392b,4px 4px #c0392b,5px 5px #c0392b,6px 6px #c0392b,7px 7px #c0392b,8px 8px #c0392b,15px 15px 0px rgba(0,0,0,.2);transform:skew(-5deg)}.genre-generator__genre--maskedPattern{font-size:3.8rem;font-weight:900;color:transparent;background:repeating-linear-gradient(45deg,#ff6b6b,#ff6b6b 10px,#feca57 10px 20px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px #fff}.genre-generator__genre--embossed{font-size:3.5rem;font-weight:800;color:#333;text-shadow:-1px -1px 1px #fff,1px 1px 1px #000;opacity:.8}.genre-generator__genre--slashed{font-size:3.4rem;font-weight:900;text-transform:uppercase;position:relative;color:transparent}.genre-generator__genre--slashed:before,.genre-generator__genre--slashed:after{content:attr(data-text);position:absolute;top:0;left:0;color:#fff;overflow:hidden}.genre-generator__genre--slashed:before{clip-path:polygon(0 0,100% 0,100% 45%,0 55%);transform:translate(-3px);text-shadow:2px 0 #ff005e}.genre-generator__genre--slashed:after{clip-path:polygon(0 55%,100% 45%,100% 100%,0 100%);transform:translate(3px);text-shadow:-2px 0 #00e0ff}.genre-generator__genre--vintageLines{font-size:3.5rem;font-weight:900;color:transparent;-webkit-text-stroke:2px #ff9f43;position:relative}.genre-generator__genre--vintageLines:before{content:attr(data-text);position:absolute;left:4px;top:4px;-webkit-text-stroke:2px #ee5253;z-index:-1}.genre-generator__genre--vintageLines:after{content:attr(data-text);position:absolute;left:8px;top:8px;-webkit-text-stroke:2px #2e86de;z-index:-2}.genre-generator__genre--liquidWater{font-size:3.5rem;font-weight:900;text-transform:uppercase;position:relative;color:#ffffff1a;-webkit-text-stroke:2px #03a9f4}.genre-generator__genre--liquidWater:before{content:attr(data-text);position:absolute;left:0;top:0;width:0;height:100%;color:#03a9f4;border-right:2px solid #03a9f4;overflow:hidden;animation:liquid-fill 3s linear infinite;white-space:nowrap}@keyframes liquid-fill{0%{width:0}50%{width:100%}to{width:0}}.genre-generator__genre--smokyDissolve{font-size:3.4rem;font-weight:800;color:transparent;text-shadow:0 0 0 #fff;animation:smoky-blur 2.5s linear infinite}@keyframes smoky-blur{0%{text-shadow:0 0 0 #fff;opacity:1;filter:blur(0px);transform:rotate(0)}50%{text-shadow:10px -10px 20px #fff;opacity:.5;filter:blur(5px);transform:rotate(2deg)}to{text-shadow:20px -20px 40px #fff;opacity:0;filter:blur(20px);transform:rotate(5deg) scale(1.2)}}.genre-generator__genre--cinematicZoom{font-size:2rem;font-weight:900;color:#e50914;text-transform:uppercase;animation:cine-zoom 3s ease-out infinite;text-shadow:0 0 20px rgba(0,0,0,.8)}@keyframes cine-zoom{0%{transform:scale(1);opacity:0;letter-spacing:10px}20%{opacity:1}to{transform:scale(2.5);opacity:0;letter-spacing:0px}}.genre-generator__genre--shiningGold{font-size:3.5rem;font-weight:800;text-transform:uppercase;color:#333;background:linear-gradient(to right,#333 0,#cfc09f,#333 20%);background-position:0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine-sweep 2.5s infinite linear;background-size:200% 100%}@keyframes shine-sweep{0%{background-position:0}60%{background-position:180px}to{background-position:360px}}.genre-generator__genre--neonFlicker{font-size:3.4rem;color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #0fa,0 0 82px #0fa;animation:flicker-sign 1.5s infinite alternate}@keyframes flicker-sign{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0fa,0 0 80px #0fa;opacity:1}20%,24%,55%{text-shadow:none;opacity:.1}}.genre-generator__genre--elasticBounce{font-size:3.5rem;font-weight:900;color:#ff9f43;text-transform:uppercase;display:inline-block;animation:elastic-jump 1.5s infinite}@keyframes elastic-jump{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-20px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.genre-generator__genre--layer3d{font-size:3.5rem;font-weight:900;color:#fff;transform:rotate(-15deg) skew(15deg);text-shadow:1px 1px #ccc,2px 2px #ccc,3px 3px #ccc,4px 4px #ccc,5px 5px #ccc,6px 6px #ccc,7px 7px #ccc;transition:.2s}.genre-generator__genre--layer3d:hover{text-shadow:1px 1px #ff005e,2px 2px #ff005e,3px 3px #ff005e,4px 4px #ff005e,5px 5px #ff005e,6px 6px #ff005e,7px 7px #ff005e,8px 8px #ff005e;transform:rotate(-15deg) skew(15deg) translate(-10px,-10px)}.genre-generator__genre--focusBlur{font-size:3.4rem;font-weight:700;color:#00d2d3;letter-spacing:.2em;animation:blur-focus 2s ease-in-out infinite alternate}@keyframes blur-focus{0%{filter:blur(12px);opacity:0;transform:scale(.8)}50%{filter:blur(0px);opacity:1;transform:scale(1)}to{filter:blur(0px);opacity:1;transform:scale(1)}}.genre-generator__genre--jellyWobble{font-size:3.5rem;font-weight:900;color:#f09;text-transform:uppercase;animation:jelly-move 2s infinite;transform-origin:center}@keyframes jelly-move{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.genre-generator__genre--crtTurnOn{font-size:3.2rem;font-weight:700;color:#fff;background:#000;padding:0 10px;text-shadow:0 0 5px #fff;animation:crt-on 4s infinite;opacity:0}@keyframes crt-on{0%{transform:scaleY(.005) scaleX(0);opacity:1;filter:brightness(5)}10%{transform:scaleY(.005) scaleX(1)}15%{transform:scaleY(1) scaleX(1);filter:brightness(1)}80%{opacity:1;text-shadow:0 0 5px #fff}to{opacity:0;text-shadow:0 0 20px #fff}}.genre-generator__genre--searchlight{font-size:3.5rem;font-weight:900;text-transform:uppercase;color:#ffffff1a;background:radial-gradient(circle 40px at 0% 50%,#fff 99%,transparent 100%);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;animation:searchlight-move 4s infinite ease-in-out alternate}@keyframes searchlight-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.genre-generator__genre--circuitBoard{font-size:3.4rem;font-weight:900;color:transparent;text-transform:uppercase;background-image:repeating-linear-gradient(45deg,#0f0 0,#0f0 2px,transparent 2px,transparent 8px),repeating-linear-gradient(-45deg,#0f0 0,#0f0 2px,transparent 2px,transparent 8px);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 5px rgba(0,255,0,.5);animation:circuit-pulse 2s infinite}@keyframes circuit-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 5px #0f0)}}.genre-generator__genre--ghostFloat{font-size:3.3rem;color:#fffc;filter:blur(2px);text-shadow:0 0 10px rgba(255,255,255,.5);animation:ghost-wail 3s infinite ease-in-out}@keyframes ghost-wail{0%{transform:translateY(0) scale(1);opacity:.4;letter-spacing:.1em}50%{transform:translateY(-15px) scale(1.1);opacity:.9;letter-spacing:.2em}to{transform:translateY(0) scale(1);opacity:.4;letter-spacing:.1em}}.genre-generator__genre--vaporGrid{font-size:3.5rem;font-weight:900;text-transform:uppercase;color:#f0f;background:linear-gradient(to bottom,#f0f 40%,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:perspective(500px) rotateX(25deg);text-shadow:0 10px 10px rgba(0,255,255,.5)}.genre-generator__genre--pixelSort{font-size:3.2rem;font-weight:700;color:#fff;position:relative}.genre-generator__genre--pixelSort:after{content:attr(data-text);position:absolute;left:0;top:0;color:transparent;background:linear-gradient(to bottom,rgba(255,255,255,.8) 0%,transparent 100%);-webkit-background-clip:text;background-clip:text;transform:scaleY(1);transform-origin:top;animation:pixel-stretch 2s infinite;filter:blur(1px)}@keyframes pixel-stretch{0%{transform:scaleY(1);opacity:0}20%{transform:scaleY(3);opacity:.8}to{transform:scaleY(1);opacity:0}}:root{--color-accent: #ff4b91;--color-accent-2: #00e0ff;--color-accent-3: #ffd700}.genre-generator__genre--rainbowSlide{font-size:3.4rem;font-weight:900;text-transform:uppercase;color:transparent;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-slide 3.5s linear infinite}@keyframes rainbow-slide{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.genre-generator__genre--hueShift{font-size:3.4rem;font-weight:800;color:#fff;filter:hue-rotate(0deg);animation:hue-rotate 6s linear infinite;text-shadow:0 0 16px rgba(255,255,255,.06)}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.genre-generator__genre--chromaWave{font-size:3.6rem;font-weight:900;color:transparent;background:conic-gradient(from 0deg,#ff005e,#ff9a00,gold,#00e0ff,#a200f7,#ff005e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:chroma-rotate 4s linear infinite}@keyframes chroma-rotate{0%{transform:rotate(0);filter:saturate(1)}50%{transform:rotate(5deg);filter:saturate(1.2)}to{transform:rotate(0);filter:saturate(1)}}.genre-generator__genre--neonPulse{font-size:3.2rem;font-weight:800;color:#fff;text-shadow:0 0 8px var(--color-accent),0 0 20px var(--color-accent),0 0 40px var(--color-accent-2);animation:neon-pulse 2.4s ease-in-out infinite}@keyframes neon-pulse{0%{text-shadow:0 0 6px #ff4b91,0 0 16px #ff4b91,0 0 30px #00e0ff;color:#ff4b91;filter:hue-rotate(0deg)}50%{text-shadow:0 0 10px #00e0ff,0 0 26px #00e0ff,0 0 50px #ffd700;color:#00e0ff;filter:hue-rotate(60deg)}to{text-shadow:0 0 6px #ffd700,0 0 16px #ffd700,0 0 30px #ff4b91;color:gold;filter:hue-rotate(0deg)}}.genre-generator__genre--spectrumBars{font-size:3.2rem;font-weight:800;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.95);position:relative;background:linear-gradient(90deg,#ff005e,#ff9a00,#fd0,#00e0ff,#a200f7 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:spectrum-move 2.6s linear infinite}@keyframes spectrum-move{0%{background-position:0% 50%;-webkit-text-stroke-color:rgba(255,255,255,.9)}50%{background-position:100% 50%;-webkit-text-stroke-color:rgba(255,255,255,.7)}to{background-position:0% 50%;-webkit-text-stroke-color:rgba(255,255,255,.9)}}.genre-generator__genre--prismRotate{font-size:3.6rem;font-weight:900;color:#fff;position:relative;z-index:1}.genre-generator__genre--prismRotate:before,.genre-generator__genre--prismRotate:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;opacity:.85}.genre-generator__genre--prismRotate:before{color:#ff4b91;transform:translate(-6px,-4px);filter:blur(6px);animation:prism-a 3s ease-in-out infinite}.genre-generator__genre--prismRotate:after{color:#00e0ff;transform:translate(6px,4px);filter:blur(6px);animation:prism-b 3s ease-in-out infinite}@keyframes prism-a{0%{transform:translate(-6px,-4px) rotate(0);opacity:.6}50%{transform:translate(-12px,-6px) rotate(2deg);opacity:1}to{transform:translate(-6px,-4px) rotate(0);opacity:.6}}@keyframes prism-b{0%{transform:translate(6px,4px) rotate(0);opacity:.6}50%{transform:translate(12px,6px) rotate(-2deg);opacity:1}to{transform:translate(6px,4px) rotate(0);opacity:.6}}.genre-generator__genre--kineticGradient{font-size:3.3rem;font-weight:800;color:transparent;background:linear-gradient(120deg,#ff005e,#00e0ff,gold,#a200f7);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:kinetic 8s ease-in-out infinite}@keyframes kinetic{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.genre-generator__genre--thermal{font-size:3.2rem;font-weight:900;color:transparent;background:linear-gradient(180deg,#00f,#0ff 30%,#ff0 60%,red);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:thermalShift 4s ease-in-out infinite}@keyframes thermalShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg) saturate(1.2)}to{filter:hue-rotate(0deg)}}.genre-generator__genre--strobeRainbow{font-size:3rem;font-weight:900;color:#fff;animation:strobe-rainbow 1.2s steps(6,end) infinite;text-shadow:0 0 12px rgba(255,255,255,.08)}@keyframes strobe-rainbow{0%{color:#ff005e;text-shadow:0 0 18px #ff005e}16%{color:#ff9a00;text-shadow:0 0 18px #ff9a00}32%{color:gold;text-shadow:0 0 18px #ffd700}48%{color:#00e0ff;text-shadow:0 0 18px #00e0ff}64%{color:#a200f7;text-shadow:0 0 18px #a200f7}80%{color:#ff005e;text-shadow:0 0 18px #ff005e}to{color:#ff9a00;text-shadow:0 0 18px #ff9a00}}.genre-generator__genre--holoShift{font-size:3.5rem;font-weight:900;color:transparent;background:linear-gradient(60deg,#ff0080f2,#00c8fff2,#ffdc00f2);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holo 3.5s ease-in-out infinite}@keyframes holo{0%{background-position:0% 50%;filter:contrast(1)}50%{background-position:100% 50%;filter:contrast(1.1) saturate(1.05)}to{background-position:0% 50%;filter:contrast(1)}}.genre-generator__genre--spectralOutline{font-size:3.2rem;font-weight:800;color:#fff;text-shadow:0 0 0 #111,0 0 8px rgba(255,0,128,.6),0 0 16px rgba(0,200,255,.6),0 0 28px rgba(255,220,0,.6);animation:spectralPulse 3s ease-in-out infinite}@keyframes spectralPulse{0%{text-shadow:0 0 8px rgba(255,0,128,.6);color:#ff4b91}50%{text-shadow:0 0 8px rgba(0,200,255,.6);color:#00e0ff}to{text-shadow:0 0 8px rgba(255,220,0,.6);color:gold}}.genre-generator__genre--multiStroke{font-size:3.4rem;font-weight:900;color:transparent;-webkit-text-stroke:2px #fff;position:relative}.genre-generator__genre--multiStroke:before{content:attr(data-text);position:absolute;inset:0;-webkit-text-stroke:4px #ff005e;color:transparent;transform:translateY(-6px);animation:strokeShift 3s ease-in-out infinite}@keyframes strokeShift{0%{transform:translateY(-6px);-webkit-text-stroke-color:#ff005e}50%{transform:translateY(6px);-webkit-text-stroke-color:#00e0ff}to{transform:translateY(-6px);-webkit-text-stroke-color:#ffd700}}.genre-generator__genre--aurora{font-size:3.5rem;font-weight:900;color:transparent;background:linear-gradient(180deg,#0fb,#0af,#f6c);background-size:100% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:auroraFlow 6s ease-in-out infinite}@keyframes auroraFlow{0%{background-position:0% 0%}50%{background-position:0% 100%}to{background-position:0% 0%}}.genre-generator__genre--disco{font-size:3rem;font-weight:900;color:#fff;animation:discoFlash 1.4s linear infinite}@keyframes discoFlash{0%{color:#ff005e;text-shadow:0 0 10px #ff005e;transform:rotate(0)}25%{color:#00e0ff;text-shadow:0 0 10px #00e0ff;transform:rotate(2deg)}50%{color:gold;text-shadow:0 0 10px #ffd700;transform:rotate(0)}75%{color:#a200f7;text-shadow:0 0 10px #a200f7;transform:rotate(-2deg)}to{color:#ff005e;text-shadow:0 0 10px #ff005e;transform:rotate(0)}}.genre-generator__genre--maskSweep{font-size:3.3rem;font-weight:900;color:transparent;background:linear-gradient(90deg,#fffffff2,#fff3,#fffffff2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:maskSweep 2.6s ease-in-out infinite}@keyframes maskSweep{0%{background-position:-200% 0%;filter:hue-rotate(0deg)}50%{background-position:100% 0%;filter:hue-rotate(90deg)}to{background-position:-200% 0%;filter:hue-rotate(0deg)}}.genre-generator__genre--prismGlint{font-size:3.4rem;font-weight:900;color:transparent;background:linear-gradient(90deg,#fff,#ff005e,#00e0ff,gold 60%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:400% 100%;animation:prismGlint 1.8s linear infinite}@keyframes prismGlint{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.genre-generator__genre--glitchRGB{position:relative;color:#fff;font-weight:900;letter-spacing:.05em}.genre-generator__genre--glitchRGB:before,.genre-generator__genre--glitchRGB:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;clip-path:inset(0)}.genre-generator__genre--glitchRGB:before{color:#ff005e;transform:translate(-6px);mix-blend-mode:screen;filter:blur(.6px);animation:glitch-rgb-a 1.8s infinite linear}.genre-generator__genre--glitchRGB:after{color:#00e0ff;transform:translate(6px);mix-blend-mode:screen;filter:blur(.6px);animation:glitch-rgb-b 1.9s infinite linear}@keyframes glitch-rgb-a{0%{transform:translate(-6px) translateY(0);opacity:.9}20%{transform:translate(-18px) translateY(-2px);opacity:.6}40%{transform:translate(-3px) translateY(1px);opacity:.9}60%{transform:translate(-22px) translateY(2px);opacity:.5}to{transform:translate(-6px) translateY(0);opacity:.9}}@keyframes glitch-rgb-b{0%{transform:translate(6px) translateY(0);opacity:.9}25%{transform:translate(18px) translateY(1px);opacity:.5}50%{transform:translate(4px) translateY(-1px);opacity:.8}75%{transform:translate(22px) translateY(-2px);opacity:.4}to{transform:translate(6px) translateY(0);opacity:.9}}.genre-generator__genre--glitchVHS{position:relative;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;overflow:visible}.genre-generator__genre--glitchVHS:before,.genre-generator__genre--glitchVHS:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;mix-blend-mode:screen;opacity:.95}.genre-generator__genre--glitchVHS:before{color:#f0a;transform:translate(-4px);animation:vhs-shift .6s steps(2,end) infinite}.genre-generator__genre--glitchVHS:after{color:#00ffd8;transform:translate(4px);animation:vhs-shift .9s steps(3,end) infinite reverse}@keyframes vhs-shift{0%{transform:translateY(0) translate(0)}30%{transform:translateY(-2px) translate(-6px)}60%{transform:translateY(2px) translate(3px)}to{transform:translateY(0) translate(0)}}.genre-generator__genre--glitchJitter{display:inline-block;color:#fff;font-weight:900;animation:jitter .12s infinite}@keyframes jitter{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-1px,1px) skew(-1deg);filter:hue-rotate(20deg)}40%{transform:translate(1px,-1px) skew(1deg);filter:hue-rotate(-10deg)}60%{transform:translate(-2px) skewY(1deg);filter:hue-rotate(10deg)}80%{transform:translate(1px,2px) skewY(-1deg);filter:hue-rotate(-20deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}.genre-generator__genre--glitchScan{position:relative;color:#fff;font-weight:800}.genre-generator__genre--glitchScan:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.06) 0 1px,transparent 1px 3px);background-size:100% 3px;mix-blend-mode:multiply;animation:scan-move .8s linear infinite}@keyframes scan-move{0%{background-position-y:0}to{background-position-y:6px}}.genre-generator__genre--glitchAscii{position:relative;color:#fff;font-weight:700;letter-spacing:.03em}.genre-generator__genre--glitchAscii:before{content:attr(data-text) " " attr(data-text);position:absolute;inset:0;z-index:-1;color:#ffffff24;transform:translateY(-6px) skew(-6deg);filter:blur(.8px);animation:ascii-flicker 2.4s infinite}@keyframes ascii-flicker{0%{opacity:.4;transform:translateY(-6px)}50%{opacity:.9;transform:translateY(0)}to{opacity:.4;transform:translateY(-6px)}}.genre-generator__genre--glitchPixel{position:relative;color:#fff;font-weight:900}.genre-generator__genre--glitchPixel:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:#ff4b91;clip-path:polygon(0 0,100% 0,100% 20%,0 20%);transform:translateY(-2px);animation:pixel-slice 1.4s infinite linear}@keyframes pixel-slice{0%{clip-path:polygon(0 0,100% 0,100% 20%,0 20%);transform:translateY(0)}25%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translateY(-8px)}50%{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translateY(6px)}75%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);transform:translateY(-4px)}to{clip-path:polygon(0 0,100% 0,100% 20%,0 20%);transform:translateY(0)}}.capture-frozen,.capture-frozen *{animation:none!important;transition:none!important}