.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column}.main-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,255,242,.2);box-shadow:0 2px 10px #0000004d}.logo-link{text-decoration:none}.logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(.9rem,2vw,1.2rem);font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);text-transform:uppercase;line-height:1.6;transition:all .2s ease}.logo-link:hover .logo{filter:drop-shadow(0 0 10px rgba(0,255,242,.5));transform:scale(1.05)}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,242,.4))}50%{filter:drop-shadow(0 0 40px rgba(0,255,242,.6))}}.header-actions{display:flex;align-items:center;gap:15px}.header-credits{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);border-radius:0;font-family:"Press Start 2P",monospace;font-size:.6rem}.credits-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.credits-value{color:var(--accent-cyan);font-weight:400}.credits-value.credits-pro{color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,255,242,.5)}.header-link{padding:8px 15px;color:var(--text-primary);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;border:1px solid rgba(0,255,242,.2);background:#00fff20d}.header-link:hover{color:var(--accent-cyan);background:#00fff21a;border-color:#00fff266}.header-link-primary{background:#00fff21a;border-color:var(--accent-cyan)}.header-link-primary:hover{background:#00fff233}.pro-badge-header{padding:6px 12px;background:var(--accent-cyan);color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 10px #00fff266}.pro-badge-header.pro{background:var(--accent-magenta);border:1px solid var(--accent-magenta);box-shadow:0 0 10px #f0a6}.pro-badge-header.studio,.pro-badge-header.premium{background:#8a2be2;border:1px solid #8a2be2;box-shadow:0 0 10px #8a2be266}.subscription-btn{padding:10px 20px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);border-radius:0;color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.7rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 3px #00fff280}.subscription-btn:hover{transform:translateY(-2px);box-shadow:0 5px #00fff299}.main-content{position:relative;z-index:1;flex:1;padding:40px 20px}.main-footer{position:relative;z-index:1;text-align:center;padding:30px;color:var(--text-dim);font-size:.9rem;letter-spacing:.1em;border-top:1px solid rgba(0,255,242,.1)}.main-footer p{margin-bottom:15px;font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:15px}.footer-links a{color:var(--text-dim);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border:1px solid rgba(0,255,242,.2);background:#00fff20d;transition:all .2s ease}.footer-links a:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00fff21a;transform:translateY(-1px)}.subscription-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.subscription-content{background:#0a0a0ff2;border:3px solid var(--accent-cyan);border-radius:0;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #000c,inset 0 0 60px #00fff21a}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#ff00aa1a;color:var(--accent-magenta)}.subscription-content h2,.subscription-modal-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;margin-bottom:20px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;text-align:center}.subscription-note{color:var(--accent-cyan);margin-bottom:30px;font-style:italic}.pricing-card{background:#00fff20d;border:1px solid rgba(0,255,242,.2);border-radius:0;padding:30px}.pricing-card h3{font-family:"Press Start 2P",monospace;font-size:.9rem;margin-bottom:20px;color:var(--text-primary);text-transform:uppercase}.price{font-family:"Press Start 2P",monospace;font-size:2rem;font-weight:400;color:var(--accent-cyan);margin-bottom:20px;text-align:center}.price span{font-size:1rem;color:var(--text-dim);margin-left:5px}.features-list{list-style:none;margin-bottom:30px}.features-list li{padding:10px 0;color:var(--text-primary);border-bottom:1px solid rgba(0,255,242,.1);font-family:"Press Start 2P",monospace;font-size:.7rem;line-height:1.8}.subscribe-button-link{display:block;width:100%;text-decoration:none}.subscribe-button{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);border-radius:0;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--bg-deep);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px #00fff280}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00fff266}.subscribe-button:disabled{opacity:.6;cursor:not-allowed}.mobile-blocker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.mobile-blocker-content{text-align:center;max-width:400px;width:100%;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);border:2px solid rgba(0,255,242,.3);border-radius:20px;padding:40px 30px;box-shadow:0 20px 60px #000c,0 0 40px #00fff233}.mobile-blocker-icon{width:80px;height:80px;margin:0 auto 24px;color:var(--accent-cyan);animation:pulse-glow 2s ease-in-out infinite}.mobile-blocker-icon svg{width:100%;height:100%}.mobile-blocker-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase}.mobile-blocker-text{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);line-height:1.8;letter-spacing:.05em;margin-bottom:30px}.mobile-blocker-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.6rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;box-shadow:0 4px #00fff280}.mobile-blocker-button:hover{transform:translateY(-2px);box-shadow:0 6px #00fff299}@media (max-width: 768px){.main-header{flex-direction:row;gap:15px;padding:15px 20px;flex-wrap:wrap}.logo{font-size:.8rem}.subscription-btn{font-size:.7rem;padding:8px 16px}.header-link{pointer-events:none;opacity:.5}.logo-link{pointer-events:auto}.footer-links a{pointer-events:none;opacity:.5}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-deep)}.error-boundary-content{max-width:600px;background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:2px solid var(--accent-cyan);border-radius:0;padding:40px;text-align:center;box-shadow:0 20px 60px #000c,inset 0 0 60px #00fff21a}.error-boundary-title{font-family:"Press Start 2P",monospace;font-size:2rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(0,255,242,.3)}.error-boundary-message{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-primary);line-height:1.8;margin-bottom:30px}.error-boundary-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.error-boundary-btn{padding:12px 24px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.error-boundary-btn:hover{background:var(--accent-cyan);color:var(--bg-deep);transform:translateY(-2px);box-shadow:0 4px #00fff280,inset -1px -1px #fff3}.error-boundary-details{margin-top:30px;padding:20px;background:#00000080;border:1px solid rgba(255,0,170,.3);text-align:left;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-dim)}.error-boundary-details summary{cursor:pointer;color:var(--accent-magenta);margin-bottom:10px;font-weight:700}.error-boundary-details pre{white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;padding:10px;background:#0000004d;border:1px solid rgba(0,255,242,.1)}.home-container{position:relative;z-index:1;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:60px 20px 40px}.home-hero{text-align:center;margin-bottom:80px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px}.home-header{text-align:center;margin-bottom:80px}.home-logo{font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,6vw,3rem);font-weight:400;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 3s ease-in-out infinite;margin-bottom:20px;line-height:1.6;text-shadow:2px 2px 0 var(--accent-cyan),4px 4px 0 rgba(0,255,242,.3)}.home-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.8rem);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-weight:400;margin-bottom:10px}.home-subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;font-weight:400}.category-section{width:100%;max-width:1200px;margin-bottom:40px}.category-section-title{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.8rem);color:var(--accent-cyan);text-align:center;margin-bottom:30px;letter-spacing:.1em;text-transform:uppercase;position:relative;padding:10px 0}.category-section-title:before,.category-section-title:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:linear-gradient(to right,transparent,rgba(0,255,242,.3),transparent)}.category-section-title:before{left:0}.category-section-title:after{right:0}.category-section-title-purple{color:#8a2be2}.category-section-title-purple:before,.category-section-title-purple:after{background:linear-gradient(to right,transparent,rgba(138,43,226,.4),transparent)}.category-section-title-gold{color:gold}.category-section-title-gold:before,.category-section-title-gold:after{background:linear-gradient(to right,transparent,rgba(255,215,0,.4),transparent)}.category-section-title-cyan{color:#00fff2}.category-section-title-cyan:before,.category-section-title-cyan:after{background:linear-gradient(to right,transparent,rgba(0,255,242,.4),transparent)}.category-section-title-pink{color:#ff6b9d}.category-section-title-pink:before,.category-section-title-pink:after{background:linear-gradient(to right,transparent,rgba(255,107,157,.4),transparent)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;width:100%}.category-card{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:40px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:visible}.category-badge{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;z-index:10;transition:all .3s ease}.category-badge-tooltip{position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;padding:6px 10px;background:linear-gradient(145deg,#12121afa,#0a0a0ffa);border:1px solid rgba(0,255,242,.3);border-radius:6px;font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(-5px);transition:all .3s ease;box-shadow:0 4px 12px #00000080;z-index:20}.category-badge-tooltip:before{content:"";position:absolute;bottom:100%;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(0,255,242,.3)}.category-badge-game .category-badge-tooltip{border-color:#ff6b3566;color:#ff6b35}.category-badge-game .category-badge-tooltip:before{border-bottom-color:#ff6b3566}.category-badge-creative .category-badge-tooltip{border-color:#8a2be266;color:#8a2be2}.category-badge-creative .category-badge-tooltip:before{border-bottom-color:#8a2be266}.category-badge-pack .category-badge-tooltip{border-color:#ff6b9d66;color:#ff6b9d}.category-badge-pack .category-badge-tooltip:before{border-bottom-color:#ff6b9d66}.category-badge-fun .category-badge-tooltip{border-color:#ff6b9d66;color:#ff6b9d}.category-badge-fun .category-badge-tooltip:before{border-bottom-color:#ff6b9d66}.category-badge-ai .category-badge-tooltip{border-color:#ffd70066;color:gold}.category-badge-ai .category-badge-tooltip:before{border-bottom-color:#ffd70066}.category-badge-generator .category-badge-tooltip{border-color:#00fff266;color:#00fff2}.category-badge-generator .category-badge-tooltip:before{border-bottom-color:#00fff266}.category-badge:hover .category-badge-tooltip{opacity:1;transform:translateY(0)}.category-badge svg{width:100%;height:100%;transition:all .3s ease}.category-badge-game{background:#ff6b3533;border:1px solid rgba(255,107,53,.4)}.category-badge-game svg{color:#ff6b35}.category-card:hover .category-badge-game{background:#ff6b354d;border-color:#ff6b3599;box-shadow:0 0 15px #ff6b354d;transform:scale(1.1)}.category-badge-creative{background:#8a2be233;border:1px solid rgba(138,43,226,.4)}.category-badge-creative svg{color:#8a2be2}.category-card:hover .category-badge-creative{background:#8a2be24d;border-color:#8a2be299;box-shadow:0 0 15px #8a2be24d;transform:scale(1.1)}.category-badge-pack{background:#ff6b9d33;border:1px solid rgba(255,107,157,.4)}.category-badge-pack svg{color:#ff6b9d}.category-card:hover .category-badge-pack{background:#ff6b9d4d;border-color:#ff6b9d99;box-shadow:0 0 15px #ff6b9d4d;transform:scale(1.1)}.category-badge-fun{background:#ff6b9d33;border:1px solid rgba(255,107,157,.4)}.category-badge-fun svg{color:#ff6b9d}.category-card:hover .category-badge-fun{background:#ff6b9d4d;border-color:#ff6b9d99;box-shadow:0 0 15px #ff6b9d4d;transform:scale(1.1)}.category-badge-ai{background:#ffd70033;border:1px solid rgba(255,215,0,.4)}.category-badge-ai svg{color:gold}.category-card:hover .category-badge-ai{background:#ffd7004d;border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d;transform:scale(1.1)}.category-badge-generator{background:#00fff233;border:1px solid rgba(0,255,242,.4)}.category-badge-generator svg{color:#00fff2}.category-card:hover .category-badge-generator{background:#00fff24d;border-color:#00fff299;box-shadow:0 0 15px #00fff24d;transform:scale(1.1)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.category-card:hover{transform:translateY(-10px);border-color:#00fff24d;box-shadow:0 20px 60px #00000080,0 0 40px #00fff21a}.category-card:hover:before{transform:scaleX(1)}.category-card.color-cyan{border-color:#00fff233;background:linear-gradient(145deg,#12121aeb,#0a0a0ff5);box-shadow:0 0 20px #00fff214}.category-card.color-cyan:hover{box-shadow:0 20px 60px #00000080,0 0 50px #00fff24d,0 0 80px #00fff226;transform:translateY(-11px);border-color:#00fff266}.category-card.color-magenta{border-color:#f0a3;background:linear-gradient(145deg,#12121aeb,#0a0a0ff5);box-shadow:0 0 20px #ff00aa14}.category-card.color-magenta:hover{box-shadow:0 20px 60px #00000080,0 0 50px #ff00aa4d,0 0 80px #ff00aa26;transform:translateY(-11px);border-color:#f0a6}.category-card.color-orange{border-color:#ff6b3533;background:linear-gradient(145deg,#12121aeb,#0a0a0ff5);box-shadow:0 0 20px #ff6b3514}.category-card.color-orange:hover{box-shadow:0 20px 60px #00000080,0 0 50px #ff6b354d,0 0 80px #ff6b3526;transform:translateY(-11px);border-color:#ff6b3566}.category-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#00fff21a,#ff00aa1a);display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:16px;transition:all .3s ease;border:1px solid rgba(0,255,242,.1)}.category-icon svg{width:100%;height:100%;color:var(--accent-cyan);transition:all .3s ease}.category-card.color-cyan .category-icon{background:linear-gradient(135deg,#00fff233,#00fff214);border-color:#00fff24d;box-shadow:0 0 15px #00fff233}.category-card.color-cyan .category-icon svg{color:var(--accent-cyan);filter:drop-shadow(0 0 4px rgba(0,255,242,.5))}.category-card.color-magenta .category-icon{background:linear-gradient(135deg,#f0a3,#ff00aa14);border-color:#ff00aa4d;box-shadow:0 0 15px #f0a3}.category-card.color-magenta .category-icon svg{color:var(--accent-magenta);filter:drop-shadow(0 0 4px rgba(255,0,170,.5))}.category-card.color-purple{border-color:#8a2be233;background:linear-gradient(145deg,#12121aeb,#0a0a0ff5);box-shadow:0 0 20px #8a2be214}.category-card.color-purple:hover{box-shadow:0 20px 60px #00000080,0 0 50px #8a2be24d,0 0 80px #8a2be226;transform:translateY(-11px);border-color:#8a2be266}.category-card.color-purple .category-icon{background:linear-gradient(135deg,#8a2be233,#8a2be214);border-color:#8a2be24d;box-shadow:0 0 15px #8a2be233}.category-card.color-purple .category-icon svg{color:#8a2be2;filter:drop-shadow(0 0 4px rgba(138,43,226,.5))}.category-card.color-orange .category-icon{background:linear-gradient(135deg,#ff6b3533,#ff6b3514);border-color:#ff6b354d;box-shadow:0 0 15px #ff6b3533}.category-card.color-orange .category-icon svg{color:#ff6b35;filter:drop-shadow(0 0 4px rgba(255,107,53,.5))}.category-card.color-orange:hover .category-icon{box-shadow:0 0 20px #ff6b354d;border-color:#ff6b3566}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg);border-color:#00fff266;box-shadow:0 0 20px #00fff233}.category-card.color-cyan:hover .category-icon{box-shadow:0 0 20px #00fff24d}.category-card.color-magenta:hover .category-icon{box-shadow:0 0 20px #ff00aa4d;border-color:#f0a6}.category-card.color-purple:hover .category-icon{box-shadow:0 0 20px #8a2be24d;border-color:#8a2be266}.category-card.color-gold{border-color:#ffd7004d;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);box-shadow:0 0 30px #ffd7001a}.category-card.color-gold:before{background:linear-gradient(90deg,gold,#fa0,gold)}.category-card.color-gold:hover{border-color:#ffd70099;box-shadow:0 20px 60px #00000080,0 0 60px #ffd70066,0 0 100px #fa03;transform:translateY(-12px) scale(1.02)}.category-card.color-gold .category-icon{background:linear-gradient(135deg,#ffd70040,#ffaa0026);border-color:#ffd70066;box-shadow:0 0 20px #ffd7004d}.category-card.color-gold .category-icon svg{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.category-card.color-gold:hover .category-icon{transform:scale(1.15) rotate(8deg);border-color:#ffd700cc;box-shadow:0 0 30px #ffd70099,0 0 50px #fa06;background:linear-gradient(135deg,#ffd70059,#ffaa0040)}.category-card.color-gold .category-title{background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(255,215,0,.5)}.category-card.color-pink{border-color:#ff6b9d33;background:linear-gradient(145deg,#12121aeb,#0a0a0ff5);box-shadow:0 0 20px #ff6b9d14}.category-card.color-pink:hover{box-shadow:0 20px 60px #00000080,0 0 50px #ff6b9d4d,0 0 80px #ff6b9d26;transform:translateY(-11px);border-color:#ff6b9d66}.category-card.color-pink .category-icon{background:linear-gradient(135deg,#ff6b9d33,#ff6b9d14);border-color:#ff6b9d4d;box-shadow:0 0 15px #ff6b9d33}.category-card.color-pink .category-icon svg{color:#ff6b9d;filter:drop-shadow(0 0 4px rgba(255,107,157,.5))}.category-card.color-pink:hover .category-icon{box-shadow:0 0 20px #ff6b9d4d;border-color:#ff6b9d66}.category-title{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,.9rem);font-weight:400;margin-bottom:12px;color:var(--text-primary);letter-spacing:.05em;line-height:1.6}.category-description{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.65rem);color:var(--text-dim);line-height:1.8;font-weight:400;letter-spacing:.02em}.category-new-tag{position:absolute;top:12px;right:12px;background:red;color:#fff;font-family:"Press Start 2P",monospace;font-size:.5rem;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:0 0 10px #ff000080,0 2px 4px #0000004d;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 10px #ff000080,0 2px 4px #0000004d}50%{box-shadow:0 0 20px #f00c,0 2px 4px #0000004d}}.category-arrow{position:absolute;bottom:30px;right:30px;width:40px;height:40px;border:1px solid rgba(0,255,242,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);transition:all .3s ease}.category-card:hover .category-arrow{background:var(--accent-cyan);color:var(--bg-deep);transform:translate(5px)}@media (max-width: 768px){.mobile-only-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin-bottom:40px;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);border:2px solid rgba(0,255,242,.3);border-radius:20px;max-width:500px;width:100%;box-shadow:0 10px 40px #00000080,0 0 30px #00fff21a}.mobile-message-icon{width:80px;height:80px;margin-bottom:24px;color:var(--accent-cyan);animation:pulse-glow 2s ease-in-out infinite}.mobile-message-icon svg{width:100%;height:100%}.mobile-message-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase}.mobile-message-text{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);line-height:1.8;letter-spacing:.05em}.category-card-mobile{pointer-events:none;cursor:default;opacity:.7;position:relative}.category-card-mobile:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0f4d;border-radius:20px;z-index:1}.category-card-mobile{pointer-events:none!important}.categories-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.category-card{padding:30px 20px}.category-icon{width:60px;height:60px;margin-bottom:20px;padding:12px}.category-title{font-size:.7rem;margin-bottom:10px}.category-description{font-size:.45rem}.home-hero{margin-bottom:40px;padding-top:20px}.home-logo{font-size:clamp(1.2rem,8vw,2rem);margin-bottom:15px}.home-tagline{font-size:clamp(.5rem,3vw,.7rem);margin-bottom:8px}.home-subtitle{font-size:clamp(.4rem,2.5vw,.6rem)}}@media (min-width: 769px){.mobile-only-message{display:none}.category-card-mobile{pointer-events:auto!important;cursor:pointer;opacity:1}.category-card-mobile:after{display:none}.category-card-mobile:hover{transform:translateY(-10px);border-color:#00fff24d;box-shadow:0 20px 60px #00000080,0 0 40px #00fff21a}.category-card-mobile:hover:before{transform:scaleX(1)}}.auth-page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:450px;background:#0a0a0fe6;border:3px solid rgba(0,255,242,.3);border-radius:0;padding:40px;box-shadow:inset 0 0 60px #00fff21a,0 15px 50px #00000080,inset -3px -3px #00fff233,inset 3px 3px #0000004d}.auth-header{text-align:center;margin-bottom:40px}.auth-logo-link{text-decoration:none;display:inline-block;margin-bottom:20px}.auth-logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:1.8rem;font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);margin:0;line-height:1.6;text-transform:uppercase}.auth-subtitle{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;margin:0}.auth-form{display:flex;flex-direction:column;gap:25px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase}.auth-input{padding:12px 15px;background:#0006;border:2px solid rgba(0,255,242,.2);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:.8rem;transition:all .2s ease}.auth-input:focus{outline:none;border-color:var(--accent-cyan);background:#0009;box-shadow:0 0 10px #00fff24d}.auth-input::placeholder{color:var(--text-dim);opacity:.5}.auth-submit-btn{padding:15px 30px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);border-radius:0;color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #00fff280,inset -1px -1px #fff3;margin-top:10px}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-magenta),var(--accent-cyan));transform:translateY(-2px);box-shadow:0 6px #00fff299,inset -1px -1px #ffffff4d}.auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #00fff266,inset -1px -1px #0000004d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{padding:12px 15px;background:#ff00001a;border:2px solid rgba(255,0,0,.3);color:#ff6b6b;font-family:"Press Start 2P",monospace;font-size:.7rem;text-align:center;letter-spacing:.05em}.auth-footer{text-align:center;margin-top:20px}.auth-footer-text{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-dim);margin-bottom:10px}.auth-link{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--accent-magenta);text-decoration:underline}.auth-link-small{font-size:.6rem;display:block;margin-top:10px}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:2px solid rgba(0,255,242,.2)}.auth-divider span{padding:0 15px;font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);letter-spacing:.1em}.auth-google-btn{width:100%;padding:15px 30px;background:#0006;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px #00fff24d,inset -1px -1px #ffffff1a}.auth-google-btn:hover:not(:disabled){background:#0009;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 6px #00fff266,inset -1px -1px #fff3}.auth-google-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #00fff24d,inset -1px -1px #0003}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}.auth-success{padding:15px;background:#00ff001a;border:2px solid rgba(0,255,0,.3);color:#0f0;font-family:"Press Start 2P",monospace;font-size:.7rem;text-align:center;letter-spacing:.05em;line-height:1.6}.auth-success p{margin:8px 0}.auth-verification{padding:15px;background:#ffff001a;border:2px solid rgba(255,255,0,.3);color:#ff0;font-family:"Press Start 2P",monospace;font-size:.7rem;text-align:center;letter-spacing:.05em;line-height:1.6}.auth-verification p{margin:8px 0}.auth-success-text{color:#0f0!important;margin-top:10px!important}.auth-resend-btn{margin-top:10px;padding:10px 20px;background:#00fff233;border:2px solid var(--accent-cyan);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.auth-resend-btn:hover{background:#00fff24d;box-shadow:0 0 10px #00fff280}.auth-terms-checkbox{margin:15px 0}.auth-terms-label{display:flex;align-items:flex-start;gap:10px;font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--text-primary);line-height:1.6;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-terms-label input[type=checkbox]{margin-top:4px;width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--accent-cyan);flex-shrink:0}.auth-terms-label span{flex:1}.auth-terms-link{color:var(--accent-cyan);text-decoration:underline;transition:color .2s ease}.auth-terms-link:hover{color:var(--accent-magenta)}.profile-page{position:relative;z-index:1;min-height:calc(100vh - 200px);padding:40px 20px}.profile-container{max-width:800px;margin:0 auto}.profile-message{max-width:800px;margin:0 auto 20px;padding:15px 50px 15px 20px;font-family:"Press Start 2P",monospace;font-size:.75rem;text-align:center;letter-spacing:.05em;border:2px solid;border-radius:0;position:relative;line-height:1.6}.profile-message.success{background:#00ff001a;border-color:#00ff004d;color:#0f0}.profile-message.info{background:#ffff001a;border-color:#ffff004d;color:#ff0}.profile-message.error{background:#ff00001a;border-color:#ff00004d;color:#f44}.profile-message-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:inherit;font-size:1.5rem;cursor:pointer;line-height:1;padding:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;opacity:.7}.profile-message-close:hover{opacity:1}.profile-panel{background:#0a0a0fcc;border:3px solid rgba(0,255,242,.3);border-radius:0;padding:40px;box-shadow:inset 0 0 60px #00fff21a,0 15px 50px #00000080}.profile-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(0,255,242,.1)}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-section-title{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.profile-info{display:flex;flex-direction:column;gap:15px}.profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.profile-label{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.profile-value{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--text-primary)}.profile-badge{padding:6px 12px;border-radius:0;text-transform:uppercase}.profile-badge.free{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.profile-badge.pro{background:var(--accent-cyan);border:1px solid var(--accent-cyan);color:var(--bg-deep);box-shadow:0 0 10px #00fff266}.profile-badge.studio{background:#8a2be2;border:1px solid #8a2be2;color:var(--bg-deep);box-shadow:0 0 10px #8a2be266}.profile-badge.premium{background:var(--accent-magenta);border:1px solid var(--accent-magenta);color:var(--bg-deep);box-shadow:0 0 10px #f0a6}.usage-stats{display:flex;flex-direction:column;gap:20px}.usage-item{display:flex;flex-direction:column;gap:8px}.usage-label{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.usage-bar-container{position:relative;width:100%;height:30px;background:#0006;border:2px solid rgba(0,255,242,.2);border-radius:0;overflow:hidden}.usage-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transition:width .3s ease;box-shadow:0 0 10px #00fff266}.usage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:1}.usage-bar-container.pro-unlimited{border:2px solid var(--accent-cyan);box-shadow:0 0 8px #00fff24d,inset 0 0 10px #00fff20d;background:#00fff20d}.usage-bar.pro-bar{width:100%!important;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-magenta) 50%,var(--accent-cyan) 100%);box-shadow:0 0 8px #00fff266}.usage-text.pro-text{color:var(--accent-cyan);font-size:.7rem;text-shadow:0 0 5px rgba(0,255,242,.5),1px 1px 2px rgba(0,0,0,.8);letter-spacing:.1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;margin:0;padding:0}.pro-features{display:flex;flex-direction:column;gap:12px}.pro-feature-item{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);padding:8px 0}.subscription-info{display:flex;flex-direction:column;gap:15px}.subscription-text{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-primary);line-height:1.8}.subscription-expires-text{font-family:"Press Start 2P",monospace;font-size:.6rem;color:red;line-height:1.8;margin-top:10px;text-shadow:0 0 5px rgba(255,0,0,.5)}.btn-upgrade{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.8rem;padding:15px 30px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #00fff280}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px #00fff299}.btn-secondary{background:#00fff21a;border:2px solid rgba(0,255,242,.3);color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.7rem;padding:12px 25px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#00fff233;border-color:var(--accent-cyan);box-shadow:0 0 15px #00fff24d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.profile-actions{margin-top:30px;display:flex;justify-content:center}.profile-actions .btn-secondary{background:#00fff21a!important;border:2px solid rgba(0,255,242,.3)!important;color:var(--accent-cyan)!important}.profile-actions .btn-secondary:hover:not(:disabled){background:#00fff233!important;border-color:var(--accent-cyan)!important;box-shadow:0 0 15px #00fff24d!important}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.upgrade-modal{background:#0a0a0ff2;border:3px solid var(--accent-cyan);border-radius:0;padding:40px;max-width:1100px;width:95%;position:relative;box-shadow:0 20px 60px #000c,inset 0 0 60px #00fff21a}.upgrade-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.upgrade-modal-close:hover{color:var(--accent-cyan)}.upgrade-modal-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:var(--accent-cyan);text-align:center;margin-bottom:30px;text-transform:uppercase}.upgrade-modal-content{text-align:center}.upgrade-price{font-family:"Press Start 2P",monospace;font-size:2rem;color:var(--accent-cyan);margin-bottom:30px}.upgrade-price span{font-size:1rem;color:var(--text-dim)}.upgrade-features-list{list-style:none;padding:0;margin:0 0 30px;text-align:left}.upgrade-features-list li{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-primary);padding:10px 0;border-bottom:1px solid rgba(0,255,242,.1)}.upgrade-features-list li:last-child{border-bottom:none}.btn-upgrade-modal{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #00fff280;margin-bottom:15px}.btn-upgrade-modal:hover{transform:translateY(-2px);box-shadow:0 6px #00fff299}.upgrade-modal-note{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);line-height:1.8}.admin-panel{min-height:100vh;background:var(--bg-dark);padding:20px;color:var(--text-primary)}.admin-container{max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-header-buttons{display:flex;gap:15px;flex-wrap:wrap}.admin-title{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--accent-cyan);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(0,255,242,.5);margin:0}.admin-back-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.admin-back-btn:hover{background:#00fff233;box-shadow:0 0 15px #00fff266}.admin-nav-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#ff00aa1a;border:2px solid var(--accent-magenta);color:var(--accent-magenta);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.admin-nav-btn:hover{background:#f0a3;box-shadow:0 0 15px #f0a6}.admin-loading{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--text-dim);text-align:center;padding:40px}.admin-message{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:15px 20px;margin-bottom:20px;border:2px solid;text-align:center}.admin-message.success{background:#00ff001a;border-color:#0f0;color:#0f0}.admin-message.error{background:#ff00001a;border-color:red;color:red}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.admin-stat{padding:20px;background:#0000004d;border:2px solid rgba(0,255,242,.2);text-align:center}.admin-stat-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.admin-stat-value{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,255,242,.5)}.admin-stat-value.admin-stat-error{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}.admin-users-list{background:#0000004d;border:2px solid rgba(0,255,242,.2);overflow-x:auto}.admin-users-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:15px;padding:15px 20px;background:#00fff21a;border-bottom:2px solid rgba(0,255,242,.3);font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.admin-user-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:15px;padding:15px 20px;border-bottom:1px solid rgba(0,255,242,.1);align-items:center;transition:background .2s}.admin-user-row:hover{background:#00fff20d}.admin-user-col{font-family:"Press Start 2P",monospace;font-size:.5rem;display:flex;align-items:center;gap:10px}.admin-user-email{color:var(--text-primary);word-break:break-all}.admin-user-id{color:var(--text-dim);font-size:.4rem}.admin-badge{display:inline-block;padding:5px 10px;border:2px solid;text-transform:uppercase;font-size:.4rem}.admin-badge-free{border-color:var(--text-dim);color:var(--text-dim)}.admin-badge-pro{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px #00fff24d}.admin-badge-premium{border-color:var(--accent-magenta);color:var(--accent-magenta);box-shadow:0 0 10px #ff00aa4d}.admin-badge-replied{border-color:#0f0;color:#0f0;box-shadow:0 0 10px #00ff004d}.admin-badge-unread{border-color:#fa0;color:#fa0;box-shadow:0 0 10px #ffaa004d}.admin-credits-display{display:flex;align-items:center;gap:5px}.admin-credits-used{color:var(--text-primary)}.admin-credits-separator{color:var(--text-dim)}.admin-credits-max{color:var(--accent-cyan)}.admin-credit-controls{display:flex;flex-direction:column;gap:8px}.admin-credit-input{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 12px;background:#00000080;border:2px solid rgba(0,255,242,.3);color:var(--text-primary);width:120px;text-align:center}.admin-credit-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00fff266}.admin-credit-input:disabled{opacity:.5;cursor:not-allowed}.admin-credit-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 12px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;transition:all .2s;min-width:80px}.admin-credit-btn-add{width:100%}.admin-credit-btn:hover:not(:disabled){background:#00fff233;box-shadow:0 0 10px #00fff266}.admin-credit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-credit-quick-buttons{display:flex;gap:4px;flex-wrap:wrap}.admin-credit-btn-quick{font-family:"Press Start 2P",monospace;font-size:.4rem;padding:6px 10px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;transition:all .2s;min-width:40px}.admin-credit-btn-quick:hover:not(:disabled){background:#00fff233;box-shadow:0 0 8px #00fff266}.admin-credit-btn-quick:disabled{opacity:.5;cursor:not-allowed}.admin-credit-btn-subtract{border-color:#f44;color:#f44;background:#ff44441a}.admin-credit-btn-subtract:hover:not(:disabled){background:#f443;box-shadow:0 0 8px #f446}.admin-processing{font-size:.4rem;color:var(--text-dim);font-style:italic}.admin-no-users{padding:40px;text-align:center;font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim)}.admin-issues-section{background:#ff44441a;border:2px solid #ff4444;padding:20px;margin-bottom:30px}.admin-presets-section{background:#0000004d;border:2px solid rgba(0,255,242,.2);padding:20px;margin-bottom:30px}.admin-presets-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.admin-presets-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.admin-presets-users{display:flex;flex-direction:column;gap:8px}.admin-presets-users-header{display:flex;justify-content:space-between;padding:10px 12px;background:#00fff21a;border:1px solid rgba(0,255,242,.2);font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.admin-presets-user{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#0006;border:1px solid rgba(0,255,242,.15);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.admin-presets-user:hover{background:#00fff214;border-color:#00fff266}.admin-presets-user.active{background:#00fff226;border-color:var(--accent-cyan);box-shadow:0 0 10px #00fff24d}.admin-presets-user-info{display:flex;flex-direction:column;gap:4px}.admin-presets-user-email{font-family:"Press Start 2P",monospace;font-size:.55rem}.admin-presets-user-id{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text-dim)}.admin-presets-user-count{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan)}.admin-presets-detail{background:#00000059;border:1px solid rgba(0,255,242,.2);padding:15px;min-height:200px}.admin-presets-detail-header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid rgba(0,255,242,.2);padding-bottom:10px;margin-bottom:12px}.admin-presets-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.admin-preset-row{display:flex;justify-content:space-between;gap:12px;padding:10px;background:#00fff20d;border:1px solid rgba(0,255,242,.1)}.admin-preset-name{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--text-primary)}.admin-preset-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--text-dim)}.admin-presets-empty{padding:20px;font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--text-dim);text-align:center}@media (max-width: 900px){.admin-presets-grid{grid-template-columns:1fr}}.admin-section-title{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#f44;margin:0 0 15px;text-shadow:0 0 10px rgba(255,68,68,.5)}.admin-issues-description{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);margin-bottom:15px}.admin-issues-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.admin-issue-item{background:#0000004d;border:1px solid rgba(255,68,68,.3);padding:15px}.admin-issue-item.admin-issue-unread{border-color:#ffaa0080;background:#ffaa000d}.admin-issue-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px}.admin-issue-message{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin-top:10px;padding:10px;background:#0000004d;border:1px solid rgba(0,255,242,.2);line-height:1.6}.admin-issue-actions{display:flex;gap:8px;flex-shrink:0}.admin-issue-btn{font-family:"Press Start 2P",monospace;font-size:.4rem;padding:6px 12px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.admin-issue-btn:hover{background:#00fff233;box-shadow:0 0 8px #00fff266}.admin-issue-date{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text-dim)}.admin-issue-email{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-primary);margin-bottom:8px;font-weight:700}.admin-issue-problem{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#f44;margin-bottom:8px}.admin-issue-details{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-issue-status{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text-dim);padding:4px 8px;background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.admin-refresh-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#ff44441a;border:2px solid #ff4444;color:#f44;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.admin-refresh-btn:hover:not(:disabled){background:#f443;box-shadow:0 0 15px #f446}.admin-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-users-header,.admin-user-row{grid-template-columns:1fr;gap:10px}.admin-user-col{flex-direction:column;align-items:flex-start}.admin-stats{grid-template-columns:1fr}}.admin-downloads{min-height:100vh;background:var(--bg-deep);padding:20px;color:var(--text-primary)}.admin-downloads-container{max-width:1400px;margin:0 auto}.admin-downloads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.admin-downloads-title{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--accent-cyan);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(0,255,242,.5);margin:0}.admin-downloads-back-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.admin-downloads-back-btn:hover{background:#00fff233;box-shadow:0 0 15px #00fff266}.admin-downloads-content{display:flex;flex-direction:column;gap:40px}.download-item{background:#00fff20d;border:2px solid rgba(0,255,242,.2);border-radius:8px;padding:30px}.download-item-title{font-family:Orbitron,sans-serif;font-size:1.8rem;color:var(--accent-cyan);margin:0 0 10px;text-transform:uppercase;letter-spacing:.1em}.download-item-description{font-size:1rem;color:#ffffffb3;margin:0 0 30px;line-height:1.6}.download-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--accent-cyan)}.download-spinner{width:60px;height:60px;border:4px solid rgba(0,255,242,.2);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.download-preview{margin-bottom:30px;display:flex;justify-content:center;background:#0000004d;padding:20px;border-radius:8px}.download-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 0 40px #00fff24d,0 0 80px #f0a3;transition:transform .3s ease}.download-image:hover{transform:scale(1.02)}.download-btn{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:15px 30px;background:linear-gradient(135deg,#00fff233,#f0a3);border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .3s;display:block;margin:0 auto}.download-btn:hover{background:linear-gradient(135deg,#00fff24d,#ff00aa4d);box-shadow:0 0 20px #00fff280,0 0 40px #ff00aa4d;transform:translateY(-2px)}.download-btn:active{transform:translateY(0)}.download-item-placeholder{background:#00fff205;border:2px dashed rgba(0,255,242,.1);border-radius:8px;padding:40px;text-align:center}.placeholder-text{color:#ffffff4d;font-style:italic;font-size:.9rem}.email-announcement-section{background:#00fff214;border:2px solid rgba(0,255,242,.3);border-radius:8px;padding:40px;margin-bottom:40px}.email-section-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin:0 0 30px;text-shadow:0 0 10px rgba(0,255,242,.5),0 0 20px rgba(255,0,170,.3)}.email-content{display:flex;flex-direction:column;gap:30px}.email-label{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:10px}.email-subject-section{background:#0000004d;padding:20px;border-radius:8px;border:1px solid rgba(0,255,242,.2)}.email-subject{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.4;padding:15px;background:#00fff21a;border-radius:4px;border-left:4px solid var(--accent-cyan)}.email-body-section{background:#0000004d;padding:30px;border-radius:8px;border:1px solid rgba(0,255,242,.2)}.email-body-text{background:#0a0a0f99;border:1px solid rgba(0,255,242,.1);border-radius:8px;padding:25px;margin-bottom:20px;max-height:800px;overflow-y:auto}.email-body-content{color:#ffffffe6;line-height:1.8;font-size:1rem}.email-body-content p{margin:0 0 15px}.email-greeting{font-size:1.1rem;font-weight:500;margin-bottom:20px!important}.email-feature-title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:var(--accent-cyan);margin:30px 0 15px;text-transform:uppercase;letter-spacing:.05em}.email-feature{margin:20px 0;padding:20px;background:#00fff20d;border-left:3px solid var(--accent-cyan);border-radius:4px}.feature-heading{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--accent-cyan);margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.email-body-content strong{color:var(--accent-cyan);font-weight:600}.email-link{color:var(--accent-cyan);text-decoration:underline;transition:color .2s}.email-link:hover{color:#fff}.email-signoff{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin:30px 0 10px!important;font-weight:600}.email-signature{font-style:italic;color:#ffffffb3;margin:10px 0 0!important}.feature-image{margin:20px 0;text-align:center}.feature-img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 0 30px #00fff24d,0 0 60px #f0a3;border:2px solid rgba(0,255,242,.3)}.image-caption{margin-top:10px!important;font-size:.9rem;color:#fff9;font-style:italic}.copy-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:12px 24px;background:#00fff226;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s;border-radius:4px}.copy-btn:hover{background:#00fff240;box-shadow:0 0 15px #00fff266;transform:translateY(-2px)}.copy-btn-large{font-size:.7rem;padding:15px 30px;width:100%;margin-top:10px}.email-stats-section{background:#ff00aa14;border:2px solid rgba(255,0,170,.2);border-radius:8px;padding:25px}.email-stats-title{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#f0a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 15px}.email-stats-list{list-style:none;padding:0;margin:0}.email-stats-list li{color:#ffffffe6;padding:10px 0 10px 25px;position:relative;line-height:1.6;font-size:1rem}.email-stats-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-cyan);font-weight:700;font-size:1.2rem}.email-body-text::-webkit-scrollbar{width:8px}.email-body-text::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.email-body-text::-webkit-scrollbar-thumb{background:#00fff24d;border-radius:4px}.email-body-text::-webkit-scrollbar-thumb:hover{background:#00fff280}.admin-downloads-archive{margin-top:60px;padding-top:40px;border-top:2px solid rgba(0,255,242,.2)}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.archive-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin:0}.archive-toggle-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#ffffffb3;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s;border-radius:4px}.archive-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6}.archive-content{opacity:.8}.archive-content .download-item{background:#ffffff05;border-color:#ffffff1a}.archive-content .download-item-title{color:#fff9}.archive-content .download-item-description{color:#ffffff80}.archive-content .download-btn{border-color:#ffffff4d;color:#ffffffb3;background:#ffffff0d}.archive-content .download-btn:hover{background:#ffffff1a;border-color:#fff6;color:#ffffffe6}@media (max-width: 768px){.admin-downloads-title{font-size:1rem}.download-item-title{font-size:1.2rem}.download-item,.email-announcement-section{padding:20px}.email-subject{font-size:1.1rem}.email-body-section{padding:20px}.email-body-content{font-size:.9rem}.email-feature-title{font-size:1.1rem}.feature-heading{font-size:1rem}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.upgrade-modal-content{background:#0a0a0ff2;border:3px solid var(--accent-cyan);border-radius:0;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #000c,inset 0 0 60px #00fff21a}.upgrade-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.upgrade-modal-close:hover{background:#ff00aa1a;color:var(--accent-magenta)}.upgrade-modal-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;margin-bottom:20px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;text-align:center}.upgrade-modal-message{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-primary);text-align:center;margin-bottom:25px;line-height:1.6;padding:15px;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:0}.upgrade-pricing-card{background:#00fff20d;border:1px solid rgba(0,255,242,.2);border-radius:0;padding:30px}.upgrade-price{font-family:"Press Start 2P",monospace;font-size:2rem;font-weight:400;color:var(--accent-cyan);margin-bottom:20px;text-align:center}.upgrade-price span{font-size:1rem;color:var(--text-dim);margin-left:5px}.upgrade-features-list{list-style:none;margin-bottom:30px}.upgrade-features-list li{padding:10px 0;color:var(--text-primary);border-bottom:1px solid rgba(0,255,242,.1);font-family:"Press Start 2P",monospace;font-size:.7rem;line-height:1.8}.upgrade-subscribe-link{display:block;width:100%;text-decoration:none}.upgrade-subscribe-button{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);border-radius:0;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--bg-deep);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px #00fff280}.upgrade-subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00fff266}.upgrade-subscribe-button:disabled{opacity:.6;cursor:not-allowed}.upgrade-buy-credits-button{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-magenta),var(--accent-cyan));border:2px solid var(--accent-magenta);border-radius:0;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--bg-deep);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px #ff00aa80;margin-top:10px}.upgrade-buy-credits-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #f0a6}.upgrade-buy-credits-button:disabled{opacity:.6;cursor:not-allowed}.upgrade-note{color:var(--accent-cyan);margin-top:20px;font-style:italic;text-align:center;font-family:JetBrains Mono,monospace;font-size:.8rem}.export-progress-container{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.2);border-radius:12px;padding:20px;margin:20px 0;box-sizing:border-box}.export-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.export-progress-label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan);letter-spacing:1px}.export-progress-count{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-magenta)}.export-progress-percentage{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan)}.export-progress-time{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-secondary)}.export-progress-bar-wrapper{width:100%;height:8px;background:#00fff21a;border-radius:4px;overflow:hidden;margin-bottom:10px}.export-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #00fff280}.export-progress-message{font-family:Rajdhani,sans-serif;font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:8px}.tool-page{position:relative;z-index:1;min-height:calc(100vh - 200px);padding:40px 20px;max-width:1200px;margin:0 auto}.tool-header{text-align:center;margin-bottom:60px}.tool-logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1rem,4vw,1.8rem);font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);margin-bottom:20px;line-height:1.6;text-transform:uppercase}.tool-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-weight:400;line-height:1.8}.tool-content{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:40px;text-align:center}.tool-content p{font-size:1.2rem;color:var(--text-primary);margin-bottom:20px}.note{color:var(--accent-cyan);font-style:italic;font-size:1rem}.info-section{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:30px;margin-bottom:30px;width:100%;box-sizing:border-box}.info-content ul{margin:0;padding-left:20px;list-style:none}.info-content li{margin-bottom:10px;position:relative;padding-left:20px;color:var(--text-primary);font-weight:500}.info-content li:last-child{margin-bottom:0}.info-content li:before{content:"•";position:absolute;left:0;color:var(--accent-cyan)}.tool-nav{margin-bottom:20px}.info-section{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.2);border-radius:20px;padding:25px 30px;margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto}.info-section h3{font-family:"Press Start 2P",monospace;color:var(--accent-cyan);font-size:clamp(.5rem,1.5vw,.7rem);margin-bottom:15px;letter-spacing:.05em;text-transform:uppercase}.back-link{color:var(--accent-cyan);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border:2px solid var(--accent-cyan);border-radius:0;background:#00fff21a;transition:all .2s ease;display:inline-block;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.back-link:hover{background:var(--accent-cyan);color:var(--bg-deep);transform:translateY(-2px);box-shadow:0 4px #00fff280,inset -1px -1px #fff3}.generator-container{display:grid;grid-template-columns:1fr 320px;gap:30px;max-width:1200px;margin:0 auto}@media (max-width: 900px){.generator-container{grid-template-columns:1fr}}.generator-panel{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:24px;padding:30px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}.panel-title{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.status-indicator{display:flex;align-items:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);transition:all .3s ease}.status-dot.ready{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-dot.playing{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulse .3s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.waveform-display{background:#00000080;border-radius:16px;padding:20px;margin-bottom:25px;width:100%;min-height:120px}.waveform-display canvas{width:100%;height:120px;display:block;border-radius:8px}.kick-visual{display:flex;justify-content:center;align-items:center;margin-bottom:25px}.kick-drum{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a4a,#1a1a24);border:4px solid #2a2a3a;box-shadow:inset 0 0 30px #00000080,0 0 0 8px #ff33551a,0 0 40px #f353;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;position:relative}.kick-drum:before{content:"";position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4a4a5a,#2a2a34);border:2px solid #3a3a4a}.kick-drum:hover{transform:scale(.98);box-shadow:inset 0 0 30px #00000080,0 0 0 8px #ff33554d,0 0 60px #ff335580}.kick-drum-label{position:absolute;bottom:-30px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.drum-visual{display:flex;justify-content:center;align-items:center;margin-bottom:50px;padding-bottom:20px}.snare-drum{width:140px;height:70px;background:linear-gradient(180deg,#4a4a5a,#2a2a34,#3a3a44);border-radius:10px;border:3px solid #5a5a6a;box-shadow:inset 0 -10px 20px #0000004d,0 0 0 6px #a855f71a,0 0 30px #a855f733;position:relative;cursor:pointer;transition:all .1s ease}.snare-drum:before{content:"";position:absolute;top:5px;left:10%;right:10%;height:3px;background:repeating-linear-gradient(90deg,#888 0px,#888 2px,transparent 2px,transparent 8px)}.snare-drum:after{content:"CLICK TO PLAY";position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);letter-spacing:.05em;white-space:nowrap;text-transform:uppercase}.snare-drum:hover{transform:scale(.97);box-shadow:inset 0 -10px 20px #0000004d,0 0 0 6px #a855f74d,0 0 50px #a855f766}.hand{font-size:3rem;cursor:pointer;transition:all .1s ease;filter:drop-shadow(0 0 10px rgba(249,115,22,.3))}.hand.left{transform:scaleX(-1)}.hand:hover{transform:scale(1.2);filter:drop-shadow(0 0 20px rgba(249,115,22,.6))}.hand.left:hover{transform:scaleX(-1) scale(1.2)}.clap-label{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);letter-spacing:.05em;margin-top:10px;text-align:center;text-transform:uppercase}.cymbal{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c9a227,#8b7355 40%,#4a3f35 80%);border:3px solid #d4af37;box-shadow:0 0 0 5px #14b8a61a,0 0 25px #14b8a633;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .05s ease;position:relative}.cymbal:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#2a2a34,#1a1a24);border:2px solid #4a4a5a}.cymbal:after{content:"CLICK TO PLAY";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;width:100%;text-align:center}.cymbal:hover{transform:scale(.95) rotate(2deg);box-shadow:0 0 0 5px #14b8a64d,0 0 40px #14b8a666}.hat-type-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:25px;margin-top:10px}.type-btn{padding:12px 30px;background:#14b8a61a;border:3px solid rgba(20,184,166,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.type-btn:hover{border-color:var(--accent-cyan)}.type-btn.active{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan)}.note-display{display:flex;justify-content:center;align-items:center;margin-bottom:25px;gap:20px}.current-note{font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);line-height:1.6}.note-freq{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-dim)}.note-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:25px}.note-btn{width:44px;height:44px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.note-btn:hover{background:#00fff233}.note-btn.active{background:var(--accent-cyan);color:var(--bg-deep)}.note-btn.black{background:#00000080;border-color:#ffffff1a}.note-btn.black.active{background:var(--accent-magenta)}.chord-display{display:flex;justify-content:center;align-items:center;margin-bottom:25px;gap:15px}.chord-name{font-family:"Press Start 2P",monospace;font-size:clamp(1.2rem,3vw,2rem);font-weight:400;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);line-height:1.6}.chord-notes{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-dim)}.selector-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.selector-group{flex:1;min-width:150px}.selector-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.selector-buttons{display:flex;flex-wrap:wrap;gap:6px}.sel-btn{padding:8px 12px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.sel-btn:hover{background:#00fff233}.sel-btn.active{background:var(--accent-cyan);color:var(--bg-deep)}.sel-btn.black{background:#0006}.sel-btn.black.active{background:var(--accent-magenta)}.controls-section{margin-bottom:25px}.section-title{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--accent-cyan);letter-spacing:.05em;margin-bottom:15px;display:flex;align-items:center;gap:10px;text-transform:uppercase}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,255,242,.3),transparent)}.sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slider-group{background:#0000004d;border-radius:12px;padding:15px}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.slider-name{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.slider-value{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-orange)}input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;box-shadow:0 0 10px #00fff280;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;border:none;box-shadow:0 0 10px #00fff280}.preset-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.preset-btn{padding:10px 16px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.preset-btn:hover{background:#00fff233;border-color:var(--accent-cyan)}.preset-btn.active{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan)}.preset-btn.loading{cursor:wait;opacity:.8}.preset-btn:disabled{cursor:not-allowed;opacity:.6}.preset-loading{display:flex;align-items:center;gap:8px}.preset-loading .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.action-buttons{display:flex;gap:12px;align-items:flex-start;margin-bottom:35px}.export-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;flex:1;position:relative}.export-button-wrapper .btn{width:100%;margin-bottom:0}.credit-cost{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;opacity:.9;text-shadow:0 0 6px rgba(0,255,242,.5);font-weight:400;text-align:center;white-space:nowrap;margin-top:10px}.credit-cost-inline{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--accent-cyan);opacity:.9;text-shadow:0 0 6px rgba(0,255,242,.5);margin-left:4px}.btn{flex:1;padding:16px 24px;border:3px solid transparent;border-radius:0;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff1a;display:flex;align-items:center;justify-content:center;min-height:50px;white-space:nowrap}.btn-preview{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan);box-shadow:0 4px #00fff280,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.btn-preview:hover{transform:translate(2px,-2px);box-shadow:0 6px #00fff280,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.btn-random{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px #ff6b3580,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.btn-random:hover{transform:translate(2px,-2px);box-shadow:0 6px #ff6b3580,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.btn-download{background:#fc0;color:var(--bg-deep);border-color:#fc0;box-shadow:0 4px #ffcc0080,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.btn-download:hover{transform:translate(2px,-2px);box-shadow:0 6px #ffcc0080,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.sidebar{display:flex;flex-direction:column;gap:20px}.info-panel,.history-panel{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:24px}.info-title{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.info-grid{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;padding:10px 12px;background:#0000004d;border-radius:8px}.info-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase}.info-value{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-cyan)}.history-panel{flex:1}.history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}::-webkit-scrollbar,.history-list::-webkit-scrollbar,.preset-list-scroll::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track,.preset-list-scroll::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb,.preset-list-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00fff299,#00fff24d);border-radius:6px;border:2px solid rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover,.preset-list-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00fff2cc,#00fff280)}*{scrollbar-width:thin;scrollbar-color:rgba(0,255,242,.6) rgba(0,0,0,.3)}.export-wizard-content::-webkit-scrollbar{width:12px}.export-wizard-content::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.export-wizard-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00fff299,#00fff24d);border-radius:6px;border:2px solid rgba(0,0,0,.3)}.export-wizard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00fff2cc,#00fff280)}.ai-prompt-input::placeholder{text-align:center!important;color:#ffffff80}.ai-prompt-input::-webkit-input-placeholder{text-align:center!important;color:#ffffff80}.ai-prompt-input::-moz-placeholder{text-align:center!important;color:#ffffff80;opacity:1}.ai-prompt-input:-ms-input-placeholder{text-align:center!important;color:#ffffff80}.history-item{display:flex;align-items:center;justify-content:space-between;background:#0000004d;border-radius:8px;padding:10px 12px;transition:all .2s ease}.history-item:hover{background:#00fff21a}.history-name{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-primary)}.history-actions{display:flex;gap:6px}.history-btn{background:#ffffff1a;border:none;border-radius:4px;padding:4px 8px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.history-btn:hover{background:var(--accent-cyan)}.empty-history{text-align:center;color:var(--text-dim);font-size:.85rem;padding:20px 0}.keyboard-hint{text-align:center;color:var(--text-dim);font-size:.8rem;margin-top:15px;padding:10px;background:#0003;border-radius:8px}.keyboard-hint kbd{background:#00fff233;padding:2px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;color:var(--accent-cyan)}.current-note-display{background:#0000004d;border:2px solid var(--accent-cyan);border-radius:0;padding:20px;margin-bottom:25px;text-align:center}.current-note-label{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.current-note-value{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,2rem);color:var(--accent-cyan);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 10px rgba(0,255,242,.5);margin-bottom:5px}.current-note-freq{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.8rem);color:var(--accent-magenta)}.btn-record:hover{background:#ef44444d}.btn-export:disabled{opacity:.4;cursor:not-allowed}.export-controls{display:flex;flex-direction:column;gap:20px;padding:20px;background:#0003;border:1px solid rgba(0,255,242,.2);border-radius:0}.export-group{display:flex;flex-direction:column;gap:10px}.export-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.export-input{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:8px 12px;background:#00000080;border:2px solid var(--accent-cyan);border-radius:0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.export-input:focus{outline:none;border-color:var(--accent-magenta);box-shadow:inset -1px -1px #ff00aa4d,inset 1px 1px #0000004d,0 0 10px #ff00aa4d}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.checkbox-grid.notes-grid{grid-template-columns:repeat(6,1fr)}.checkbox-label{display:flex;align-items:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-primary);cursor:pointer;padding:6px;border:1px solid rgba(0,255,242,.2);border-radius:0;transition:all .2s ease}.checkbox-label:hover{background:#00fff21a;border-color:var(--accent-cyan)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-cyan)}.checkbox-label input[type=checkbox]:checked+span{color:var(--accent-cyan)}.export-progress{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-magenta);text-align:center;padding:10px;background:#ff00aa1a;border:1px solid rgba(255,0,170,.3);border-radius:0}.btn-export-presets{padding:12px 24px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);border-radius:0;color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:inset -2px -2px #00fff24d,inset 2px 2px #0000004d}.btn-export-presets:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px #00fff280,inset -2px -2px #fff3}.btn-export-presets:disabled{opacity:.5;cursor:not-allowed;transform:none}.synth-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;padding:10px;background:#0000004d;border:1px solid rgba(0,255,242,.2);border-radius:0}.synth-tab{padding:8px 16px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.synth-tab:hover{background:#00fff233;transform:translateY(-1px)}.synth-tab.active{background:var(--accent-cyan);color:var(--bg-deep);box-shadow:0 2px #00fff280,inset -1px -1px #fff3}.record-time{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:#ef4444;margin:0 10px;min-width:60px;display:inline-block}.octave-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,255,242,.2)}.octave-btn{padding:8px 16px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.octave-btn:hover{background:#00fff233;transform:translateY(-1px)}.octave-btn:active{transform:translateY(0)}.octave-value{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--accent-magenta);min-width:100px;text-align:center}.adsr-visual-container{margin-bottom:20px;background:#0000004d;border:2px solid var(--accent-cyan);border-radius:0;padding:15px}.adsr-visual{width:100%;height:60px;display:block}.filter-visual-container{margin-bottom:20px;background:#0000004d;border:2px solid var(--accent-magenta);border-radius:0;padding:15px}.filter-visual{width:100%;height:60px;display:block}.knobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:25px;margin-bottom:25px}.knob-container{display:flex;flex-direction:column;align-items:center;gap:12px}.knob-label{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:center}.knob-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.knob{position:relative;width:70px;height:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:radial-gradient(circle at 50% 50%,#00fff24d,#00000080 70%),conic-gradient(from -90deg,var(--accent-cyan) 0deg,var(--accent-cyan) calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 360deg),rgba(0,255,242,.1) calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 360deg),rgba(0,255,242,.1) 360deg);border-radius:50%;border:3px solid var(--accent-cyan);cursor:pointer;outline:none;box-shadow:inset -4px -4px #00000080,inset 4px 4px #00fff233,0 0 0 2px #000c,0 2px 4px #0000004d;transition:transform .1s ease}.knob:hover{transform:scale(1.05)}.knob:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%) rotate(calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 270deg - 90deg));transform-origin:center bottom;width:5px;height:18px;background:var(--accent-cyan);border:1px solid rgba(0,0,0,.5);border-radius:2px;box-shadow:0 0 4px #00fff299,inset -1px -1px #0000004d,inset 1px 1px #fff3;z-index:1}.knob::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent;cursor:pointer}.knob::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:pointer}.knob-value{position:absolute;bottom:-28px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);color:var(--accent-cyan);text-align:center;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.free-tier-hint{padding:10px 15px;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:0;margin-bottom:15px;text-align:center;font-family:"Press Start 2P",monospace;font-size:.6rem;color:orange;text-transform:uppercase;letter-spacing:.05em}.select-all-buttons{display:flex;gap:10px;margin-bottom:10px}.select-all-btn{padding:6px 12px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.5rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.select-all-btn:hover{background:#00fff233;border-color:var(--accent-cyan);transform:translateY(-1px)}.setting-slider-large{width:100%;margin-top:10px}.export-total-display{padding:15px 20px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:0;text-align:center;margin-bottom:15px;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.export-total-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.export-total-value{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--accent-cyan);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 10px rgba(0,255,242,.5);margin-bottom:8px}.export-total-breakdown{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;line-height:1.6}.export-total-cost{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan);margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,255,242,.2);font-weight:400;text-transform:uppercase;letter-spacing:.05em}.pattern-selector-container{margin-bottom:30px}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-bottom:25px}.pattern-box{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:2px solid rgba(0,255,242,.2);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.pattern-box:hover{border-color:#00fff280;transform:translateY(-2px);box-shadow:0 4px 12px #00fff233}.pattern-box.active{border-color:var(--accent-cyan);background:linear-gradient(145deg,#00fff226,#00c8be1a);box-shadow:0 0 20px #00fff24d,inset 0 0 20px #00fff21a}.pattern-name{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-align:center;text-transform:uppercase;letter-spacing:.05em}.pattern-visualization{width:100%;height:40px;background:#0000004d;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center}.pattern-visualization svg{width:100%;height:100%}.pattern-visualization polyline,.pattern-visualization line{stroke:var(--accent-cyan);fill:none;stroke-width:2}.pattern-box.active .pattern-visualization polyline,.pattern-box.active .pattern-visualization line{stroke:var(--accent-cyan);filter:drop-shadow(0 0 4px rgba(0,255,242,.8))}.pattern-controls{display:flex;gap:20px;flex-wrap:wrap}.pattern-controls .slider-group{flex:1;min-width:200px}@media (max-width: 600px){.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.pattern-box{padding:8px}.pattern-name{font-size:.4rem}.pattern-visualization{height:30px}}.pattern-library-section{margin-bottom:25px}.pattern-library-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--accent-cyan);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px}.pattern-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-bottom:20px}.pattern-library-grid .pattern-box{min-width:80px;padding:8px}.pattern-library-grid .pattern-box.draggable{cursor:grab}.pattern-library-grid .pattern-box.draggable:active{cursor:grabbing}.pattern-sequence-section{margin-bottom:25px}.pattern-sequence-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--accent-cyan);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px}.pattern-sequence-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.sequence-box{width:100%;min-height:70px;background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:2px solid rgba(0,255,242,.2);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.sequence-box:hover{border-color:#00fff280;background:linear-gradient(145deg,#00fff21a,#00c8be0d)}.sequence-box.filled{border-color:var(--accent-cyan);background:linear-gradient(145deg,#00fff226,#00c8be1a)}.sequence-box.empty{border-style:dashed}.sequence-box-name{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-align:center;text-transform:uppercase;letter-spacing:.05em}.sequence-box-visualization{width:100%;height:25px;background:#0000004d;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center}.sequence-box-visualization svg{width:100%;height:100%}.sequence-box-visualization polyline,.sequence-box-visualization line{stroke:var(--accent-cyan);fill:none;stroke-width:2}.sequence-box-empty-label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);text-align:center;opacity:.5}.pattern-fill-all-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.pattern-fill-all-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--accent-cyan);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.fill-all-box{width:120px;min-height:70px}@media (max-width: 600px){.pattern-library-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.pattern-library-grid .pattern-box{min-width:60px;padding:6px}.pattern-sequence-boxes{grid-template-columns:repeat(2,1fr);gap:8px}.sequence-box{min-height:60px;padding:6px}.fill-all-box{width:100px;min-height:60px}}.export-wizard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.export-wizard-modal{background:linear-gradient(145deg,#12121afa,#0a0a0ffa);border:2px solid rgba(0,255,242,.3);border-radius:24px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;position:relative;z-index:99999}.export-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid rgba(0,255,242,.2)}.export-wizard-header h2{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.7rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin:0}.export-wizard-close{background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.export-wizard-close:hover{color:var(--accent-cyan);background:#00fff21a}.export-wizard-progress{padding:20px 30px;border-bottom:1px solid rgba(0,255,242,.1)}.export-wizard-step-indicator{display:flex;justify-content:space-between;align-items:center;gap:10px}.export-wizard-step-dot{flex:1;height:40px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease;position:relative}.export-wizard-step-dot:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--accent-cyan);transition:width .3s ease}.export-wizard-step-dot.active{background:#00fff21a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.export-wizard-step-dot.current{background:var(--accent-cyan);color:var(--bg-deep);box-shadow:0 0 15px #00fff280}.export-wizard-step-dot.active:not(.current):after{width:100%}.export-wizard-content{flex:1;overflow-y:auto;padding:30px;min-height:300px}.export-wizard-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.export-wizard-step h3{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1vw,.65rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:25px}.export-wizard-hint{font-family:Rajdhani,sans-serif;font-size:.9rem;color:var(--text-dim);margin-top:10px;font-style:italic}.export-wizard-summary{display:flex;flex-direction:column;gap:15px}.export-summary-item{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-primary);padding:12px;background:#00fff20d;border:1px solid rgba(0,255,242,.1);border-radius:8px}.export-summary-item strong{color:var(--accent-cyan);font-weight:600;margin-right:10px}.export-summary-total{margin-top:20px;padding:20px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:12px;text-align:center}.export-wizard-footer{display:flex;justify-content:space-between;gap:15px;padding:25px 30px;border-top:1px solid rgba(0,255,242,.2)}.export-wizard-footer .btn{flex:1;padding:15px 25px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1vw,.55rem);text-transform:uppercase;letter-spacing:.05em;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease}.export-wizard-footer .btn-secondary{background:#ffffff0d;border-color:var(--text-dim);color:var(--text-dim)}.export-wizard-footer .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary)}.export-wizard-footer .btn-secondary:disabled{opacity:.3;cursor:not-allowed}.export-wizard-footer .btn-primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-deep)}.export-wizard-footer .btn-primary:hover:not(:disabled){background:#00e6d6;border-color:#00e6d6;transform:translateY(-2px);box-shadow:0 4px 15px #00fff266}@media (max-width: 768px){.export-wizard-modal{max-width:95%;max-height:95vh}.export-wizard-step-indicator{gap:5px}.export-wizard-step-dot{height:30px;font-size:.4rem}.export-wizard-content{padding:20px}.export-wizard-footer{flex-direction:column}.export-wizard-footer .btn{width:100%}}.preset-name-wrapper{position:relative;overflow:hidden}.preset-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s}.preset-name-wrapper:hover .preset-name-text{opacity:0}.preset-name-marquee{opacity:0;transition:opacity .2s;min-width:max-content}.preset-name-wrapper:hover .preset-name-marquee{opacity:1;animation:marquee-scroll 12s ease-in-out infinite}@keyframes marquee-scroll{0%,to{transform:translate(0)}25%{transform:translate(calc(-100% + 250px))}75%{transform:translate(calc(-100% + 250px))}}.ai-synth-page .tool-logo{color:gold;text-shadow:2px 2px 0 #ffaa00,4px 4px 0 rgba(255,215,0,.4),0 0 20px rgba(255,215,0,.3);animation:pulse-glow-gold 3s ease-in-out infinite}@keyframes pulse-glow-gold{0%,to{text-shadow:2px 2px 0 #ffaa00,4px 4px 0 rgba(255,215,0,.4),0 0 20px rgba(255,215,0,.3)}50%{text-shadow:2px 2px 0 #ffaa00,4px 4px 0 rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.5)}}.ai-synth-section{background:linear-gradient(145deg,#12121af2,#0a0a0ffa)!important;border:1px solid rgba(255,215,0,.3)!important;box-shadow:0 0 30px #ffd70026,0 10px 40px #0006!important}.ai-synth-section h3{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.5)}.ai-synth-section .info-content strong{color:gold!important}.ai-synth-section .info-content p:last-child{border-top-color:#ffd70033!important}.ai-synth-panel{background:linear-gradient(145deg,#12121af2,#0a0a0ffa)!important;border:1px solid rgba(255,215,0,.2)!important;box-shadow:0 0 25px #ffd7001a,0 10px 40px #0006!important}.ai-synth-panel .panel-title,.ai-synth-panel .status-indicator{color:#ffd700cc!important}.ai-synth-panel .status-dot.ready{background:#ffd70099!important;box-shadow:0 0 10px #ffd70066!important}.ai-synth-panel .status-dot.playing{background:gold!important;box-shadow:0 0 15px #ffd700cc!important}.ai-synth-panel .current-note-label{color:#ffd700cc!important}.ai-synth-panel .current-note-display{border-color:#ffd70066!important;box-shadow:0 0 15px #ffd70033!important}.ai-synth-panel .current-note-value{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.5)!important}.ai-synth-panel .octave-btn{background:#ffd7001a!important;border-color:#ffd7004d!important;color:gold!important}.ai-synth-panel .octave-btn:hover{background:#ffd70033!important;border-color:#ffd70080!important;box-shadow:0 0 10px #ffd7004d!important}.ai-synth-panel .octave-value{color:#ffd700cc!important}.ai-synth-panel .keyboard-hint{color:#ffd70099!important;border-color:#ffd70033!important}.admin-presets-page{display:grid;grid-template-columns:1fr 3fr;gap:20px}.admin-presets-users-panel{display:flex;flex-direction:column;gap:8px}.admin-presets-library-panel{min-height:300px}@media (max-width: 1100px){.admin-presets-page{grid-template-columns:1fr}}.category-page{position:relative;z-index:1;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;padding:40px 20px}.category-page-header{text-align:center;margin-bottom:60px;width:100%;max-width:1200px}.waveform-decoration{display:flex;justify-content:center;gap:4px;margin-bottom:40px}.wave-bar{width:4px;background:linear-gradient(to top,var(--accent-cyan),var(--accent-magenta));border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(1){height:20px}.wave-bar:nth-child(2){height:35px}.wave-bar:nth-child(3){height:25px}.wave-bar:nth-child(4){height:45px}.wave-bar:nth-child(5){height:30px}.wave-bar:nth-child(6){height:50px}.wave-bar:nth-child(7){height:35px}.wave-bar:nth-child(8){height:20px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.category-logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);margin-bottom:20px;line-height:1.6;text-transform:uppercase}.category-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-weight:400;line-height:1.8}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1000px;width:100%}.tool-card{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:40px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.tool-card:hover{transform:translateY(-10px);border-color:#00fff24d;box-shadow:0 20px 60px #00000080,0 0 40px #00fff21a}.tool-card:hover:before{transform:scaleX(1)}.tool-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#00fff226,#00fff20d);display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:16px;transition:all .3s ease;border:1px solid rgba(0,255,242,.2)}.tool-icon svg{width:100%;height:100%;color:var(--accent-cyan);transition:all .3s ease}.tool-card:hover .tool-icon{transform:scale(1.1) rotate(5deg);border-color:#00fff266;box-shadow:0 0 20px #00fff233}.tool-title{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.9rem);font-weight:400;color:var(--text-primary);line-height:1.6;text-transform:uppercase;letter-spacing:.05em;word-break:break-word;margin:0}.tool-arrow{width:32px;height:32px;border:2px solid var(--accent-cyan);background:#00fff21a;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.6rem;transition:all .2s ease;flex-shrink:0;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.tool-card:hover .tool-arrow{background:var(--accent-cyan);color:var(--bg-deep);transform:translate(2px,-2px);box-shadow:0 2px #00fff280,inset -1px -1px #fff3}.hybridisers-page{position:relative;z-index:1;min-height:calc(100vh - 200px);padding:40px 20px;max-width:1400px;margin:0 auto}.hybridisers-header{text-align:center;margin-bottom:60px}.hybridisers-logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1rem,4vw,2rem);font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);margin-bottom:20px;line-height:1.6;text-transform:uppercase}.hybridisers-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-weight:400;line-height:1.8}.hybridisers-content{display:flex;flex-direction:column;gap:30px}.mode-toggle{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.mode-btn{padding:12px 30px;background:#12121ae6;border:3px solid rgba(0,255,242,.2);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);letter-spacing:.05em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.mode-btn:hover{border-color:var(--accent-cyan);background:#00fff21a}.mode-btn.active{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-magenta) 100%);border-color:transparent;color:var(--bg-deep);font-weight:700}.upload-section,.settings-section,.generation-options,.info-section{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:30px;width:100%;box-sizing:border-box}.hybridisers-content .info-section{max-width:none;margin-left:0;margin-right:0}.upload-section h2,.settings-section h2,.generation-options h2{font-family:"Press Start 2P",monospace;color:var(--accent-cyan);font-size:clamp(.6rem,2vw,.9rem);margin-bottom:20px;letter-spacing:.05em;text-transform:uppercase}.info-section h3{font-family:"Press Start 2P",monospace;color:var(--accent-cyan);font-size:clamp(.6rem,2vw,.9rem);margin-bottom:15px;letter-spacing:.05em;text-transform:uppercase}.info-content{font-family:Rajdhani,sans-serif;color:var(--text-primary);font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.7}.info-content p{margin-bottom:12px}.info-content p:last-child{margin-bottom:0;padding-top:12px;border-top:1px solid rgba(0,255,242,.1);color:var(--text-dim);font-size:clamp(.85rem,1.3vw,1rem)}.info-content strong{color:var(--accent-cyan);font-weight:600}.upload-area{display:flex;flex-direction:column;gap:15px}.file-upload-label{display:inline-block;padding:20px 40px;background:#00fff21a;border:3px dashed rgba(0,255,242,.3);border-radius:0;color:var(--accent-cyan);cursor:pointer;transition:all .2s ease;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);letter-spacing:.05em;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.file-upload-label.primary-upload{padding:25px 50px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#00fff226,#ff00aa26);border-width:3px}.file-upload-label.secondary-upload{padding:15px 30px;font-size:.9rem}.file-upload-label:hover{background:#00fff233;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 12px #00fff233}.file-upload-label.primary-upload:hover{background:linear-gradient(135deg,#00fff240,#ff00aa40);box-shadow:0 6px 20px #00fff24d}.folder-upload-item{margin-bottom:15px;display:flex;align-items:center;gap:10px}.remove-folder-btn{padding:5px 12px;background:#f003;border:2px solid rgba(255,0,0,.4);border-radius:0;color:#f44;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);cursor:pointer;transition:all .2s ease;line-height:1.6;min-width:30px;box-shadow:inset -1px -1px #ff00004d,inset 1px 1px #0000004d}.remove-folder-btn:hover{background:#ff00004d;border-color:#f44}.sample-counts-summary{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,255,242,.1)}.total-count-large{font-size:clamp(.7rem,2vw,1rem);color:var(--accent-cyan);font-weight:400;text-align:center;font-family:"Press Start 2P",monospace;letter-spacing:.05em;margin-bottom:15px;text-transform:uppercase;line-height:1.6}.count-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:15px}.count-item-small{font-size:.85rem;color:var(--text-dim);text-align:center}.count-item-small span{color:var(--accent-cyan);font-weight:600}.settings-essential{display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.setting-item-large{display:flex;flex-direction:column;gap:12px}.setting-item-large label{font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-primary);font-family:"Press Start 2P",monospace;letter-spacing:.05em;font-weight:400;text-transform:uppercase}.setting-input-large{padding:15px 20px;background:#0006;border:3px solid rgba(0,255,242,.2);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);transition:all .2s ease;text-transform:uppercase;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #00fff21a}.setting-input-large:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00fff21a}.setting-slider-large{width:100%;height:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00fff233;border-radius:4px;outline:none}.setting-slider-large::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00fff266}.setting-slider-large::-moz-range-thumb{width:20px;height:20px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00fff266}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:clamp(.4rem,1.2vw,.6rem);color:var(--text-dim);font-family:"Press Start 2P",monospace;letter-spacing:.05em;text-transform:uppercase}.setting-item input[type=text],.setting-item input[type=range],.setting-item select{padding:10px;background:#0006;border:2px solid rgba(0,255,242,.2);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.6rem);text-transform:uppercase;box-shadow:inset -1px -1px #0000004d,inset 1px 1px #00fff21a}.setting-item input[type=text]:focus,.setting-item select:focus{outline:none;border-color:var(--accent-cyan)}.setting-item input[type=range]{cursor:pointer}.advanced-toggle{padding:10px 20px;background:#0000004d;border:3px solid rgba(0,255,242,.2);border-radius:0;color:var(--accent-cyan);cursor:pointer;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);letter-spacing:.05em;transition:all .2s ease;margin-top:15px;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.advanced-toggle:hover{background:#00fff21a;border-color:var(--accent-cyan)}.advanced-settings{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,255,242,.1)}.preset-buttons{display:flex;gap:12px;margin-bottom:25px;justify-content:center;flex-wrap:wrap}.preset-btn{padding:12px 24px;background:#00fff21a;border:3px solid rgba(0,255,242,.3);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:.05em;min-width:120px;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.preset-btn:hover{background:#00fff233;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 12px #00fff233}.options-simplified{display:flex;flex-direction:column;gap:30px}.options-group-main{background:#0003;border:1px solid rgba(0,255,242,.1);border-radius:12px;padding:20px}.options-group-main h3{font-family:"Press Start 2P",monospace;color:var(--accent-magenta);font-size:clamp(.6rem,2vw,.8rem);margin-bottom:20px;letter-spacing:.05em;text-align:center;text-transform:uppercase}.options-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.option-checkbox-large{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;color:var(--text-primary);font-size:.95rem;transition:all .3s ease;border-radius:6px;background:#0003;border:1px solid transparent}.option-checkbox-large:hover{background:#00fff21a;border-color:#00fff24d;color:var(--accent-cyan)}.option-checkbox-large input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-cyan);flex-shrink:0}.option-checkbox-large span{flex:1;font-weight:500}.generate-btn{padding:25px 60px;background:var(--accent-cyan);border:3px solid var(--accent-cyan);border-radius:0;color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1rem);font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 8px #00fff280,inset -2px -2px #0003,inset 2px 2px #ffffff1a;width:100%;max-width:500px;margin:0 auto;display:block}.generate-btn:hover:not(:disabled){transform:translate(2px,-2px);box-shadow:0 10px #00fff280,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.generate-btn:active:not(:disabled){transform:translateY(-1px)}.generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.generate-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.generate-btn-wrapper .credit-cost{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;opacity:1;text-shadow:0 0 10px rgba(0,255,242,.7);font-weight:400;text-align:center}.usage-section{margin-bottom:20px}.usage-section-fixed{margin-bottom:20px;position:relative;min-height:60px}.usage-info{padding:10px 15px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);border-radius:0;text-align:center;margin-bottom:15px}.usage-text{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em}.limit-warning{color:var(--accent-magenta);font-size:.6rem;margin-left:8px}.upgrade-hint{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);margin-top:8px;text-align:center}.multiplier-info{color:var(--accent-cyan);font-size:.7rem;margin-left:8px}.multiplier-buttons{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.multiplier-btn{padding:8px 16px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.7rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.multiplier-btn:hover:not(:disabled){background:#00fff233;border-color:var(--accent-cyan);transform:translateY(-1px)}.multiplier-btn.active{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan);box-shadow:0 2px #00fff280,inset -1px -1px #fff3}.multiplier-btn:disabled{opacity:.4;cursor:not-allowed}.pro-hint{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan);margin-top:8px;text-align:center}.progress{padding:15px;background:#00fff21a;border:3px solid rgba(0,255,242,.3);border-radius:0;color:var(--accent-cyan);text-align:center;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);letter-spacing:.05em;margin-top:20px;text-transform:uppercase;box-shadow:inset -2px -2px #00fff233,inset 2px 2px #0000004d}.upload-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.upload-confirm-modal{background:#0a0a0ff2;border:3px solid var(--accent-cyan);border-radius:0;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #000c,inset 0 0 60px #00fff21a}.upload-confirm-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-family:"Press Start 2P",monospace}.upload-confirm-close:hover{color:var(--accent-cyan)}.upload-confirm-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:.1em}.upload-confirm-message{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-primary);text-align:center;line-height:1.8;margin-bottom:30px;letter-spacing:.05em}.upload-confirm-buttons{display:flex;gap:15px;justify-content:center}.upload-confirm-buttons .btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:12px 24px;border:2px solid;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease}.upload-confirm-buttons .btn-secondary{background:#ffffff1a;border-color:var(--text-dim);color:var(--text-primary)}.upload-confirm-buttons .btn-secondary:hover{background:#fff3;border-color:var(--text-primary)}.upload-confirm-buttons .btn-primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-deep)}.upload-confirm-buttons .btn-primary:hover{background:var(--accent-magenta);border-color:var(--accent-magenta);color:var(--bg-deep)}@media (max-width: 768px){.hybridisers-content{gap:20px}.upload-section,.settings-section,.generation-options,.info-section{padding:20px}.settings-grid,.options-grid{grid-template-columns:1fr}.count-grid{grid-template-columns:repeat(2,1fr)}.upload-confirm-modal{padding:30px 20px}.upload-confirm-buttons{flex-direction:column}.upload-confirm-buttons .btn{width:100%}}.hybridiser-wizard .export-wizard-step-indicator{display:flex;justify-content:space-between;align-items:center;gap:10px}.hybridiser-wizard .export-wizard-step-dot{flex:1;height:36px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.hybridiser-wizard .export-wizard-step-dot.active{background:#00fff21a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.hybridiser-wizard .export-wizard-step-dot.current{background:var(--accent-cyan);color:var(--bg-deep);box-shadow:0 0 12px #00fff266}.hybridiser-wizard .export-wizard-step h3{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1vw,.65rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.hybridiser-wizard .export-group{margin-bottom:16px}.hybridiser-wizard .export-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.hybridiser-wizard .export-input,.hybridiser-wizard .export-group .setting-input-large{width:100%;padding:12px 16px;background:#12121ae6;border:1px solid rgba(0,255,242,.3);border-radius:8px;color:var(--text-primary);font-size:1rem;box-sizing:border-box}.hybridiser-wizard .export-wizard-hint{font-family:Rajdhani,sans-serif;font-size:.9rem;color:var(--text-dim);margin-top:8px;font-style:italic}.hybridiser-wizard .export-wizard-summary{display:flex;flex-direction:column;gap:12px}.hybridiser-wizard .export-summary-item{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-primary);padding:12px;background:#00fff20d;border:1px solid rgba(0,255,242,.1);border-radius:8px}.hybridiser-wizard .export-summary-item strong{color:var(--accent-cyan);margin-left:6px}.hybridiser-wizard .export-summary-total{margin-top:8px;padding:20px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:12px;text-align:center}.hybridiser-wizard .export-total-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);letter-spacing:.1em;margin-bottom:6px}.hybridiser-wizard .export-total-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.hybridiser-wizard .export-total-cost{margin-top:8px;font-size:.9rem;color:var(--text-dim)}.hybridiser-wizard .export-wizard-footer .btn{flex:1;padding:14px 24px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1vw,.55rem);text-transform:uppercase;letter-spacing:.05em;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease}.hybridiser-wizard .export-wizard-footer .btn-secondary{background:#ffffff0d;border-color:var(--text-dim);color:var(--text-dim)}.hybridiser-wizard .export-wizard-footer .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary)}.hybridiser-wizard .export-wizard-footer .btn-secondary:disabled{opacity:.3;cursor:not-allowed}.hybridiser-wizard .export-wizard-footer .btn-primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-deep)}.hybridiser-wizard .export-wizard-footer .btn-primary:hover:not(:disabled){background:#00e6d6;border-color:#00e6d6;transform:translateY(-2px);box-shadow:0 4px 15px #00fff266}.draw-sounds-page{min-height:calc(100vh - 200px);padding:40px 20px}.draw-sounds-container{display:flex;gap:30px;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.draw-sounds-container{flex-direction:column}}.canvas-container{flex:1;min-width:0;background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:20px;padding:30px}.canvas-container canvas{width:100%;height:600px;background:#0a0a0f;border-radius:12px;cursor:crosshair;border:1px solid rgba(0,255,242,.1)}.canvas-controls{display:flex;flex-direction:column;gap:20px;margin-top:20px}.canvas-control-item{width:100%;background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.canvas-control-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--accent-cyan);margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase}.canvas-control-item .slider{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.canvas-control-item .slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;box-shadow:0 0 10px #00fff280}.canvas-control-item .slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;border:none}.controls-panel{width:350px;display:flex;flex-direction:column;gap:20px}@media (max-width: 1024px){.controls-panel{width:100%}}.control-group{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:16px;padding:20px;box-sizing:border-box;overflow:hidden;width:100%}.control-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--accent-cyan);margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase}.mode-selector{display:flex;gap:10px}.mode-btn{flex:1;padding:10px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);border-radius:8px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:#00fff233}.mode-btn.active{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan)}.foley-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:100%;box-sizing:border-box}.foley-type-btn{padding:8px 6px;background:#ff00aa1a;border:1px solid rgba(255,0,170,.3);border-radius:6px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;box-sizing:border-box;text-align:center}.foley-type-btn:hover{background:#f0a3;transform:translateY(-2px)}.foley-type-btn.active{background:var(--accent-magenta);color:var(--bg-deep);border-color:var(--accent-magenta);box-shadow:0 0 15px #ff00aa80}.scale-type-selector{display:flex;gap:8px;margin-bottom:15px}.scale-type-btn{flex:1;padding:8px 12px;background:#00fff21a;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.scale-type-btn:hover{background:#00fff233;transform:translateY(-1px)}.scale-type-btn.active{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan);box-shadow:0 2px #00fff280,inset -1px -1px #fff3}.key-navigator{display:flex;align-items:center;gap:15px;justify-content:center}.key-nav-btn{width:40px;height:40px;padding:0;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.key-nav-btn:hover{background:var(--accent-cyan);color:var(--bg-deep);transform:translateY(-2px);box-shadow:0 4px #00fff280,inset -1px -1px #fff3}.current-key-display{min-width:60px;padding:10px 20px;background:#00fff226;border:2px solid var(--accent-cyan);border-radius:0;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d}.color-picker-container{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.color-option{width:100%;aspect-ratio:1;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--accent-cyan);box-shadow:0 0 15px #00fff280}.slider{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;box-shadow:0 0 10px #00fff280}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));cursor:pointer;border:none}.btn{width:100%;padding:12px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.btn:hover:not(:disabled){background:#00fff233;border-color:var(--accent-cyan);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-record{background:#ef444433;border:2px solid #ef4444;color:#ef4444}.btn-record:hover:not(:disabled){background:#ef44444d}.btn-stop{background:#ef4444;border:2px solid #ef4444;color:#fff;animation:record-pulse 1s ease infinite}@keyframes record-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.btn-export{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #3b82f6;color:#fff}.btn-export:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.record-time{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#ef4444;margin:0 10px;min-width:60px;display:inline-block;text-align:center}.record-duration-display{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);text-align:center;text-shadow:0 0 8px rgba(0,255,242,.6)}.credit-cost-display{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);text-align:center;opacity:.9;text-shadow:0 0 6px rgba(0,255,242,.4)}.recording-section{border:2px solid var(--accent-cyan);background:#00fff20d}.btn-toggle-advanced{background:#00fff21a;border:1px solid rgba(0,255,242,.3);color:var(--accent-cyan);font-size:.6rem;padding:10px}.btn-toggle-advanced:hover{background:#00fff233;border-color:var(--accent-cyan)}.advanced-settings-content{display:flex;flex-direction:column;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,255,242,.2)}.recording-limit-hint{padding:10px 15px;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:0;margin-bottom:15px;text-align:center;font-family:"Press Start 2P",monospace;font-size:.5rem;color:orange;text-transform:uppercase;letter-spacing:.05em}.recording-limit-hint.pro{background:#00fff21a;border:1px solid rgba(0,255,242,.3);color:var(--accent-cyan)}.draw-waveform-container{width:100%;padding:20px;background:#0000004d;border:2px solid var(--accent-cyan);border-radius:0;margin-bottom:25px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.draw-waveform-canvas{cursor:crosshair;display:block;border:1px solid rgba(0,255,242,.2);background:#0a0a0f;margin:0 auto}.draw-waveform-canvas:active{cursor:crosshair}.draw-hint{text-align:center;color:var(--text-dim);font-size:.85rem;margin-top:20px;padding:15px;background:#0003;border:1px solid rgba(0,255,242,.1);border-radius:0;font-family:"Press Start 2P",monospace;line-height:1.6}.btn-clear{background:var(--accent-magenta);color:var(--bg-dark);border:2px solid var(--accent-magenta)}.btn-clear:hover{background:var(--accent-magenta);filter:brightness(1.2);box-shadow:0 0 15px #ff00aa80}.btn-clear:active{transform:translateY(2px);box-shadow:0 2px 5px #ff00aa4d}.btn-loop{background:#00fff21a;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}.btn-loop:hover:not(:disabled){background:#00fff233;box-shadow:0 0 15px #00fff266}.btn-loop:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 5px #00fff24d}.btn-loop-active{background:var(--accent-cyan);color:var(--bg-deep);border:2px solid var(--accent-cyan);box-shadow:0 0 20px #00fff299}.btn-loop-active:hover:not(:disabled){background:var(--accent-cyan);filter:brightness(1.1);box-shadow:0 0 25px #00fff2cc}.btn-loop-active:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 5px #00fff280}.export-button-wrapper .credit-cost{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;opacity:.9;text-shadow:0 0 6px rgba(0,255,242,.5);font-weight:400;text-align:center;white-space:nowrap}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:15px}.preset-btn{background:#00fff20d;border:2px solid rgba(0,255,242,.2);color:var(--accent-cyan);padding:12px 8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;min-height:60px;justify-content:center}.preset-btn:hover{background:#00fff226;border-color:var(--accent-cyan);box-shadow:0 0 15px #00fff24d;transform:translateY(-2px)}.preset-btn:active{transform:translateY(0);box-shadow:0 2px 5px #00fff233}.preset-icon{font-size:1.2rem;line-height:1}.preset-name{font-size:.45rem;line-height:1.2;text-align:center;word-break:break-word}.quiz-container{max-width:900px;margin:0 auto;padding:20px}.quiz-progress{margin-bottom:40px}.progress-bar{width:100%;height:8px;background:#00fff21a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transition:width .3s ease;border-radius:4px}.progress-text{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.7rem);color:var(--text-dim);text-align:center;letter-spacing:.05em}.quiz-question{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:24px;padding:40px}.question-title{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,.9rem);color:var(--text-primary);margin-bottom:16px;text-align:center;letter-spacing:.05em;line-height:1.6}.question-note{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-dim);text-align:center;margin-bottom:30px;letter-spacing:.05em}.audio-controls{display:flex;gap:16px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.question-instruction{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-dim);text-align:center;margin:30px 0 20px;letter-spacing:.05em;line-height:1.6}.audio-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);padding:12px 24px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);color:var(--accent-cyan);cursor:pointer;transition:all .3s ease;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;position:relative}.audio-btn:hover{background:#00fff233;border-color:#00fff280;transform:translateY(-2px);box-shadow:0 4px 12px #00fff233}.audio-btn.playing{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan);box-shadow:0 0 20px #00fff280;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.answer-options{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.answer-options.eq-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.eq-option{background:#ffffff08;border:2px solid rgba(0,255,242,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.eq-option:hover{background:#00fff21a;border-color:#00fff266;transform:translateY(-4px);box-shadow:0 8px 20px #00fff233}.eq-option.selected{border-color:var(--accent-cyan);background:#00fff226}.eq-option.correct{border-color:#22c55e;background:#22c55e26}.eq-option.wrong{border-color:#ef4444;background:#ef444426}.eq-visualization{width:100%;height:120px;border-radius:8px;background:#08080c}.eq-label{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-primary);text-align:center;letter-spacing:.05em;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.eq-option.correct .eq-label{color:#22c55e}.eq-option.wrong .eq-label{color:#ef4444}.answer-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,1.5vw,.8rem);padding:20px 24px;background:#ffffff08;border:2px solid rgba(0,255,242,.2);color:var(--text-primary);cursor:pointer;transition:all .3s ease;border-radius:8px;text-align:left;position:relative;letter-spacing:.05em;text-transform:uppercase}.answer-btn:hover:not(:disabled){background:#00fff21a;border-color:#00fff266;transform:translate(8px)}.answer-btn.selected{border-color:var(--accent-cyan);background:#00fff226}.answer-btn.correct{border-color:#22c55e;background:#22c55e26;color:#22c55e}.answer-btn.wrong{border-color:#ef4444;background:#ef444426;color:#ef4444}.answer-btn:disabled{cursor:not-allowed;opacity:.8}.answer-indicator{position:absolute;right:20px;font-size:1.2em}.btn-next{width:100%;margin-top:20px}.btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);padding:14px 28px;background:var(--accent-cyan);border:2px solid var(--accent-cyan);color:var(--bg-deep);cursor:pointer;transition:all .3s ease;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block;text-align:center}.btn:hover{background:transparent;color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 12px #00fff24d}.btn-primary{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan)}.btn-primary:hover{background:transparent;color:var(--accent-cyan)}.btn-secondary{background:transparent;color:var(--accent-magenta);border-color:var(--accent-magenta)}.btn-secondary:hover{background:var(--accent-magenta);color:var(--bg-deep)}.quiz-results{max-width:900px;margin:0 auto;padding:20px}.results-card{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:24px;padding:40px;text-align:center}.results-title{font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,2.5vw,1.2rem);color:var(--text-primary);margin-bottom:30px;letter-spacing:.05em;text-transform:uppercase}.results-score{margin-bottom:30px}.score-value{font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,6vw,3rem);color:var(--accent-cyan);margin-bottom:8px;letter-spacing:.05em}.score-percentage{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1rem);color:var(--text-dim);letter-spacing:.05em}.points-awarded{margin-bottom:40px;padding:20px;background:#00fff21a;border:1px solid rgba(0,255,242,.3);border-radius:8px}.points-label{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-dim);margin-bottom:8px;letter-spacing:.05em;text-transform:uppercase}.points-value{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.5rem);color:var(--accent-cyan);letter-spacing:.05em}.results-questions{margin-bottom:40px;text-align:left}.result-item{padding:16px;margin-bottom:12px;border-radius:8px;display:flex;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.05);background:#ffffff05}.result-item.correct{border-color:#22c55e4d;background:#22c55e0d}.result-item.incorrect{border-color:#ef44444d;background:#ef44440d}.result-number{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-dim);min-width:40px;letter-spacing:.05em}.result-details{flex:1}.result-note{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1vw,.55rem);color:var(--text-dim);margin-bottom:4px;letter-spacing:.05em}.result-answer{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-primary);letter-spacing:.05em}.result-item.correct .result-answer{color:#22c55e}.result-item.incorrect .result-answer{color:#ef4444}.results-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.loading-message{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,255,242,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-message p{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--text-dim);letter-spacing:.05em;margin:8px 0}.loading-subtitle{font-size:clamp(.4rem,1vw,.55rem)!important;opacity:.7}@media (max-width: 768px){.quiz-question{padding:24px}.audio-controls{flex-direction:column}.audio-btn{width:100%}.answer-options.eq-options{grid-template-columns:1fr}.results-actions{flex-direction:column}.btn{width:100%}}.skrillex-pack-page{position:relative;min-height:100vh;width:100%}.download-button{padding:20px 50px;font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.9rem);font-weight:400;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#ff6b9d,#ff8cc8);border:2px solid rgba(255,107,157,.5);border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 0 20px #ff6b9d80,inset -2px -2px #0000004d,inset 2px 2px #fff3;z-index:10;transition:transform .1s ease-out,box-shadow .1s ease-out;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.download-button:hover{transform:translate(-2px,-2px);box-shadow:0 0 30px #ff6b9db3,inset -2px -2px #0000004d,inset 2px 2px #fff3}.download-button:active{transform:translate(0);box-shadow:0 0 15px #ff6b9d80,inset 2px 2px #0000004d,inset -2px -2px #fff3}@media (max-width: 768px){.download-button{padding:15px 30px}}.rick-rolled-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:30px;padding:40px}.giggle-image{max-width:400px;width:100%;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 20px rgba(255,107,157,.5))}.rick-rolled-text{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,4vw,2rem);color:#ff6b9d;text-align:center;text-transform:uppercase;letter-spacing:.1em;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(255,107,157,.5),0 0 40px rgba(255,107,157,.3);animation:pulse-glow-pink 2s ease-in-out infinite}.rick-rolled-reset{padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);font-weight:400;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#00fff22e,#ff00aa2e);border:2px solid rgba(0,255,242,.5);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out;box-shadow:0 0 20px #00fff22e,0 0 20px #ff00aa1f,inset 0 2px 4px #00000059}.rick-rolled-reset:hover{transform:translateY(-2px);border-color:#ff6b9db3;box-shadow:0 0 26px #00fff240,0 0 26px #ff00aa2e,inset 0 2px 4px #00000059}.rick-rolled-reset:active{transform:translateY(0)}@keyframes pulse-glow-pink{0%,to{text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(255,107,157,.5),0 0 40px rgba(255,107,157,.3)}50%{text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 30px rgba(255,107,157,.7),0 0 60px rgba(255,107,157,.5)}}@media (max-width: 768px){.giggle-image{max-width:300px}.rick-rolled-text{font-size:clamp(.8rem,5vw,1.5rem)}}.fl-studio-page{position:relative;z-index:1;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.fl-studio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px;gap:30px}.loading-text{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,4vw,2rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-bar-container{width:100%;max-width:500px;height:30px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d,0 0 10px #00fff233}.loading-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));width:0%;animation:loading 5.5s linear forwards;box-shadow:0 0 20px #00fff299}@keyframes loading{0%{width:0%}to{width:100%}}.fl-studio-crash{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px}.fl-crash-image{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 40px #00000080}.laser-keyboard-page{position:relative;z-index:1;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;padding:40px 20px}.laser-keyboard-header{text-align:center;margin-bottom:40px;width:100%;max-width:1200px}.laser-keyboard-title{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1rem,4vw,1.8rem);font-weight:400;letter-spacing:.05em;color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.3);margin-bottom:20px;line-height:1.6;text-transform:uppercase}.laser-keyboard-subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-weight:400;line-height:1.8;margin-bottom:20px}.laser-keyboard-timer{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.9rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-top:20px;padding:10px 20px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:8px;display:inline-block}.laser-keyboard-export-controls{display:flex;gap:20px;justify-content:center;margin-top:20px}.laser-keyboard-export-btn,.laser-keyboard-reset-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);padding:15px 30px;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--accent-cyan);border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);color:var(--accent-cyan);box-shadow:0 0 20px #00fff233,inset 0 2px 4px #0000004d}.laser-keyboard-export-btn:hover{background:var(--accent-cyan);color:var(--bg-deep);box-shadow:0 0 30px #00fff280;transform:translateY(-2px)}.laser-keyboard-reset-btn{border-color:var(--accent-magenta);color:var(--accent-magenta);box-shadow:0 0 20px #f0a3,inset 0 2px 4px #0000004d}.laser-keyboard-reset-btn:hover{background:var(--accent-magenta);color:var(--bg-deep);box-shadow:0 0 30px #ff00aa80;transform:translateY(-2px)}.laser-keyboard-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;overflow:visible}.laser-keyboard-loading{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.9rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;padding:40px}.laser-keyboard-input-wrapper{position:relative;width:100%;overflow:visible}.laser-keyboard-input{width:100%;min-height:400px;padding:30px;font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,1.5vw,.8rem);color:var(--text-primary);background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:2px solid var(--accent-cyan);border-radius:10px;resize:vertical;outline:none;line-height:2;letter-spacing:.05em;box-shadow:0 0 20px #00fff233,inset 0 2px 4px #0000004d;transition:border-color .3s ease,box-shadow .3s ease;position:relative;z-index:1}.laser-keyboard-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.laser-beam{position:absolute;pointer-events:none;border-radius:2px;transition:opacity .05s linear;filter:brightness(1.5);will-change:transform,opacity;z-index:10}.laser-keyboard-input:focus{border-color:var(--accent-magenta);box-shadow:0 0 30px #ff00aa4d,inset 0 2px 4px #0000004d}.laser-keyboard-input:disabled{opacity:.6;cursor:not-allowed}.laser-keyboard-input::placeholder{color:var(--text-dim);opacity:.5}@media (max-width: 768px){.laser-keyboard-page{padding:20px 15px}.laser-keyboard-input{min-height:300px;padding:20px}}.fun-facts-container{min-height:calc(100vh - 200px);padding:60px 20px 40px;display:flex;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto}.fun-facts-header{text-align:center;margin-bottom:60px;width:100%}.fun-facts-title{font-family:"Press Start 2P",monospace;font-size:clamp(1.2rem,4vw,2rem);font-weight:400;letter-spacing:.1em;background:linear-gradient(135deg,#ff6b9d,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-transform:uppercase}.fun-facts-subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.fun-facts-layout{display:flex;gap:40px;width:100%;align-items:flex-start}.fun-facts-sidebar{flex-shrink:0;width:280px;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);border:1px solid rgba(255,107,157,.3);border-radius:20px;padding:30px 20px;position:sticky;top:100px}.sidebar-title{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;text-align:center;padding-bottom:15px;border-bottom:1px solid rgba(255,107,157,.2)}.fun-facts-categories{display:flex;flex-direction:column;gap:15px}.fun-fact-category-btn{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(255,107,157,.3);border-radius:12px;padding:18px 20px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.fun-fact-category-btn:hover{border-color:#ff6b9d80;transform:translateY(-3px);box-shadow:0 8px 25px #ff6b9d33}.fun-fact-category-btn.active{border-color:#ff6b9dcc;background:linear-gradient(145deg,#ff6b9d26,#ff6b9d0d);box-shadow:0 8px 25px #ff6b9d4d,0 0 20px #ff6b9d33}.category-btn-title{display:block;font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,1.8vw,.8rem);color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.category-btn-description{display:block;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.2vw,.55rem);color:var(--text-dim);letter-spacing:.02em;line-height:1.6}.fun-fact-category-btn.active .category-btn-title{color:#ff6b9d;text-shadow:0 0 10px rgba(255,107,157,.5)}.fun-facts-content{flex:1;min-width:0}.fun-fact-card{background:linear-gradient(145deg,#12121af2,#0a0a0ffa);border:1px solid rgba(255,107,157,.3);border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080,0 0 40px #ff6b9d1a;transition:all .3s ease}.fun-fact-card:hover{border-color:#ff6b9d80;box-shadow:0 20px 60px #00000080,0 0 50px #ff6b9d33}.fun-fact-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.fun-fact-card-title{font-family:"Press Start 2P",monospace;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:400;color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase;margin:0}.fun-fact-badge{background:#ff6b9d33;border:1px solid rgba(255,107,157,.4);border-radius:8px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase}.fun-fact-main-content{display:flex;gap:30px;align-items:flex-start;margin-bottom:40px}.fun-fact-text-section{flex:1;max-width:400px;min-width:300px;display:flex;flex-direction:column;gap:20px}.fun-fact-note-display{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;animation:fade-in .5s ease}.note-label-large{font-family:"Press Start 2P",monospace;font-size:clamp(2rem,5vw,4rem);color:#ff6b9d;letter-spacing:.15em;text-transform:uppercase;font-weight:400;text-shadow:0 0 20px rgba(255,107,157,.8),0 0 40px rgba(255,107,157,.5),0 0 60px rgba(255,107,157,.3);line-height:1.2;animation:note-pulse 2s ease-in-out infinite}@keyframes note-pulse{0%,to{text-shadow:0 0 20px rgba(255,107,157,.8),0 0 40px rgba(255,107,157,.5),0 0 60px rgba(255,107,157,.3)}50%{text-shadow:0 0 30px rgba(255,107,157,1),0 0 60px rgba(255,107,157,.7),0 0 90px rgba(255,107,157,.5)}}.fun-fact-description{margin-bottom:0;animation:fade-in .5s ease}.fun-fact-description p{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.65rem);color:var(--text-primary);line-height:2;letter-spacing:.02em}.fun-fact-description strong{color:#ff6b9d;font-weight:400}.fun-fact-image-section{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0000004d;border-radius:12px;padding:20px;border:1px solid rgba(255,107,157,.2);position:relative;transition:all .3s ease;width:300px}.fun-fact-image-section.clickable{cursor:pointer;border-color:#ff6b9d80;animation:pulse-border 2s ease-in-out infinite}.fun-fact-image-section.clickable:hover{border-color:#ff6b9dcc;background:#00000080;transform:scale(1.02);box-shadow:0 0 30px #ff6b9d4d}@keyframes pulse-border{0%,to{box-shadow:0 0 10px #ff6b9d33}50%{box-shadow:0 0 25px #ff6b9d80}}.main-display-image{max-width:100%;width:100%;height:250px;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:image-reveal .6s ease;background:#0003}@keyframes image-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fun-fact-image-section.clickable:hover .main-display-image{transform:scale(1.05)}.image-hint{margin-top:15px;animation:bounce-hint 1.5s ease-in-out infinite}.hint-text{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1vw,.5rem);color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase;display:block;text-align:center;opacity:.8}@keyframes bounce-hint{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-5px);opacity:1}}.main-display-controls{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;animation:fade-in .5s ease}.main-play-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);padding:16px 32px;background:#ff6b9d33;border:2px solid rgba(255,107,157,.4);border-radius:12px;color:#ff6b9d;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase;width:100%;max-width:200px;position:relative;overflow:hidden}.main-play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,157,.3),transparent);transition:left .5s ease}.main-play-btn:hover:before{left:100%}.main-play-btn:hover{background:#ff6b9d4d;border-color:#ff6b9db3;transform:scale(1.05);box-shadow:0 0 20px #ff6b9d66}.main-play-btn.playing{background:#ff6b9d66;border-color:#ff6b9de6;box-shadow:0 0 25px #ff6b9d99,0 0 50px #ff6b9d4d;animation:pulse-pink 1.5s ease-in-out infinite}.main-display-note{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,1.8vw,.9rem);color:#ff6b9d;letter-spacing:.1em;text-align:center;padding:12px 24px;background:#ff6b9d33;border-radius:10px;border:2px solid rgba(255,107,157,.5);text-transform:uppercase;font-weight:400;box-shadow:0 0 15px #ff6b9d4d;text-shadow:0 0 10px rgba(255,107,157,.5)}.fun-fact-recap{width:100%;padding:30px;background:#0006;border:1px solid rgba(255,107,157,.3);border-radius:16px;animation:fade-in .5s ease}.recap-title{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,.9rem);color:var(--text-primary);margin-bottom:30px;letter-spacing:.05em;text-transform:uppercase;text-align:center}.recap-sounds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.recap-sound-item{display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(145deg,#12121acc,#0a0a0fe6);border:2px solid rgba(255,107,157,.3);border-radius:20px;padding:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.recap-sound-item:hover{border-color:#ff6b9db3;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #ff6b9d66,0 0 50px #ff6b9d33}.recap-sound-image-wrapper{flex-shrink:0;width:180px;height:180px;border-radius:16px;overflow:hidden;border:3px solid rgba(255,107,157,.5);background:#00000080;box-shadow:0 8px 25px #ff6b9d4d,0 0 40px #ff6b9d33;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.recap-sound-item:hover .recap-sound-image-wrapper{border-color:#ff6b9de6;box-shadow:0 12px 35px #ff6b9d80,0 0 60px #ff6b9d4d;transform:scale(1.08) rotate(2deg)}.recap-sound-image{width:100%;height:100%;object-fit:cover}.recap-sound-controls{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.recap-sound-preview-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);padding:16px 24px;background:#ff6b9d33;border:2px solid rgba(255,107,157,.4);border-radius:12px;color:#ff6b9d;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase;width:100%;position:relative;overflow:hidden}.recap-sound-preview-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,157,.3),transparent);transition:left .5s ease}.recap-sound-preview-btn:hover:before{left:100%}.recap-sound-preview-btn:hover{background:#ff6b9d4d;border-color:#ff6b9db3;transform:scale(1.05);box-shadow:0 0 20px #ff6b9d66}.recap-sound-preview-btn.playing{background:#ff6b9d66;border-color:#ff6b9de6;box-shadow:0 0 25px #ff6b9d99,0 0 50px #ff6b9d4d;animation:pulse-pink 1.5s ease-in-out infinite}.recap-sound-note{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,1.8vw,.9rem);color:#ff6b9d;letter-spacing:.1em;text-align:center;padding:12px 24px;background:#ff6b9d33;border-radius:10px;border:2px solid rgba(255,107,157,.5);text-transform:uppercase;font-weight:400;box-shadow:0 0 15px #ff6b9d4d;text-shadow:0 0 10px rgba(255,107,157,.5)}.sounds-title{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,.9rem);color:var(--text-primary);margin-bottom:30px;letter-spacing:.05em;text-transform:uppercase;text-align:center;animation:fade-in .5s ease}.sounds-container{display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;min-height:300px}.sound-item{width:100%;max-width:400px}.sound-item{display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(145deg,#12121acc,#0a0a0fe6);border:2px solid rgba(255,107,157,.3);border-radius:20px;padding:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.sound-item.hidden{display:none}.sound-item.revealed{animation:reveal-pop .6s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:1;pointer-events:all;filter:grayscale(0) blur(0)}@keyframes reveal-pop{0%{opacity:0;transform:scale(.3) rotate(-10deg);filter:grayscale(100%) blur(5px)}50%{transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0);filter:grayscale(0) blur(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sound-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,157,.1),transparent);transition:left .6s ease}.sound-item:hover:before{left:100%}.sound-item:hover{border-color:#ff6b9db3;background:linear-gradient(145deg,#12121af2,#0a0a0ffa);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #ff6b9d66,0 0 50px #ff6b9d33}.sound-image-wrapper{flex-shrink:0;width:200px;height:200px;border-radius:16px;overflow:hidden;border:3px solid rgba(255,107,157,.5);background:#00000080;box-shadow:0 8px 25px #ff6b9d4d,0 0 40px #ff6b9d33;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.sound-lock{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.lock-icon{font-size:3rem;animation:lock-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,157,.5))}@keyframes lock-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.sound-item.revealed .sound-lock{animation:lock-unlock .5s ease forwards}@keyframes lock-unlock{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg);pointer-events:none}}.sound-image-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(255,107,157,.1) 100%);opacity:0;transition:opacity .3s ease}.sound-item:hover .sound-image-wrapper{border-color:#ff6b9de6;box-shadow:0 12px 35px #ff6b9d80,0 0 60px #ff6b9d4d;transform:scale(1.08) rotate(2deg)}.sound-item:hover .sound-image-wrapper:after{opacity:1}.sound-image{width:100%;height:100%;object-fit:cover}.sound-controls{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.sound-preview-btn{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.65rem);padding:16px 24px;background:#ff6b9d33;border:2px solid rgba(255,107,157,.4);border-radius:12px;color:#ff6b9d;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase;width:100%;position:relative;overflow:hidden}.sound-preview-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,157,.3),transparent);transition:left .5s ease}.sound-preview-btn:hover:before{left:100%}.sound-preview-btn:hover{background:#ff6b9d4d;border-color:#ff6b9db3;transform:scale(1.05);box-shadow:0 0 20px #ff6b9d66}.sound-preview-btn.playing{background:#ff6b9d66;border-color:#ff6b9de6;box-shadow:0 0 25px #ff6b9d99,0 0 50px #ff6b9d4d;animation:pulse-pink 1.5s ease-in-out infinite}@keyframes pulse-pink{0%,to{box-shadow:0 0 25px #ff6b9d99,0 0 50px #ff6b9d4d}50%{box-shadow:0 0 35px #ff6b9de6,0 0 70px #ff6b9d80}}.sound-note{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.6rem);color:var(--text-primary);letter-spacing:.05em;text-align:center;padding:8px;background:#ff6b9d1a;border-radius:8px;border:1px solid rgba(255,107,157,.2)}@media (max-width: 1024px){.fun-facts-layout{flex-direction:column;gap:30px}.fun-facts-sidebar{width:100%;position:static}.fun-facts-categories{flex-direction:row;flex-wrap:wrap}.fun-fact-category-btn{flex:1;min-width:200px}.sounds-container{flex-direction:column}.sound-item{max-width:100%}}@media (max-width: 768px){.fun-facts-container{padding:40px 15px 30px}.fun-facts-layout{gap:20px}.fun-facts-sidebar{padding:20px 15px}.fun-facts-categories{flex-direction:column;gap:12px}.fun-fact-category-btn{min-width:auto}.fun-fact-card{padding:25px 20px}.fun-fact-card-header{flex-direction:column;align-items:flex-start}.fun-fact-main-content{flex-direction:column;gap:20px}.fun-fact-text-section{max-width:100%;min-width:auto}.fun-fact-image-section{width:100%;max-width:100%}.main-display-image{max-width:100%}.fun-fact-recap{padding:20px 15px}.recap-sounds-grid{grid-template-columns:1fr;gap:20px}.recap-sound-image-wrapper{width:150px;height:150px}.sound-item{padding:20px}.sound-image-wrapper{width:180px;height:180px}}.upload-area{width:100%;padding:40px 20px;border:3px dashed rgba(0,255,242,.3);border-radius:12px;text-align:center;background:#0003;transition:all .3s ease;margin-bottom:20px}.upload-label{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.upload-label:hover .upload-area{border-color:var(--accent-cyan);background:#00fff20d}.upload-icon{font-size:3rem;opacity:.7}.upload-success{color:#0f8;font-size:.8rem}.upload-filename{color:var(--accent-cyan);font-size:.6rem;word-break:break-word;max-width:100%}.upload-info{color:var(--text-dim);font-size:.5rem;margin-top:10px}.intro-section{width:100%;display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:400px}.intro-animation{width:100%;max-width:800px;display:flex;justify-content:center;align-items:center}.upload-hint{color:var(--text-dim);font-size:.5rem;margin-top:10px}.tool-page.game-active{padding:10px 20px;min-height:auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.tool-page.game-active .tool-header{margin-bottom:10px;flex-shrink:0}.tool-page.game-active .tool-logo{font-size:clamp(.8rem,3vw,1.2rem);margin-bottom:5px}.tool-page.game-active .tool-tagline{font-size:clamp(.4rem,1.2vw,.6rem)}.game-section{width:100%;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.game-stats{display:flex;justify-content:space-around;padding:10px;background:#0000004d;border:2px solid rgba(0,255,242,.2);border-radius:8px;margin-bottom:10px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan)}.game-canvas-container{width:100%;display:flex;justify-content:center;margin-bottom:10px;flex:1;min-height:0;align-items:center;position:relative}.game-canvas{border:3px solid rgba(0,255,242,.3);border-radius:12px;background:#0a0a0f;box-shadow:0 0 30px #00fff233;max-width:100%;max-height:100%;width:auto;height:auto}.game-instructions{display:flex;justify-content:space-around;padding:8px;background:#0003;border:1px solid rgba(0,255,242,.1);border-radius:6px;gap:10px;flex-wrap:wrap;flex-shrink:0}.instruction-item{display:flex;align-items:center;gap:12px}.instruction-key{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-cyan);background:#00fff21a;padding:6px 10px;border:2px solid rgba(0,255,242,.3);border-radius:4px}.instruction-text{font-family:Rajdhani,sans-serif;font-size:.75rem;color:var(--text-primary)}.game-results{width:100%;padding:30px;text-align:center}.result-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0000004d;border:2px solid rgba(0,255,242,.2);border-radius:12px;margin-bottom:20px}.result-label{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.result-value{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--accent-cyan)}.result-status{margin:30px 0}.status-intact{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#0f8;text-transform:uppercase;letter-spacing:.1em;padding:20px;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:12px}.status-damaged{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#fa0;text-transform:uppercase;letter-spacing:.1em;padding:20px;background:#ffaa001a;border:2px solid rgba(255,170,0,.3);border-radius:12px}.status-heavy{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#f60;text-transform:uppercase;letter-spacing:.1em;padding:20px;background:#ff66001a;border:2px solid rgba(255,102,0,.3);border-radius:12px}.status-ruined{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#f06;text-transform:uppercase;letter-spacing:.1em;padding:20px;background:#ff00661a;border:2px solid rgba(255,0,102,.3);border-radius:12px}.result-description{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-primary);line-height:1.6;margin-top:20px;padding:20px;background:#0003;border-radius:8px}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#fff6}.btn-secondary:active:not(:disabled){transform:translateY(2px)}@keyframes spin{to{transform:rotate(360deg)}}.gradient-orb{display:none}.legal-page{position:relative;z-index:1;min-height:calc(100vh - 200px);padding:40px 20px;max-width:900px;margin:0 auto}.legal-header{margin-bottom:40px;text-align:center;padding-bottom:30px;border-bottom:2px solid rgba(0,255,242,.3)}.legal-back-link{display:inline-block;margin-bottom:20px;color:var(--accent-cyan);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;border:2px solid var(--accent-cyan);border-radius:0;background:#00fff21a;transition:all .2s ease;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.legal-back-link:hover{background:var(--accent-cyan);color:var(--bg-deep);transform:translateY(-2px);box-shadow:0 4px #00fff280,inset -1px -1px #fff3}.legal-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.5rem);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin:20px 0 10px;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(0,255,242,.3)}.legal-subtitle{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.legal-content{background:linear-gradient(145deg,#12121ae6,#0a0a0ff2);border:1px solid rgba(0,255,242,.1);border-radius:0;padding:40px;box-shadow:inset 0 0 60px #00fff20d,0 15px 50px #00000080}.legal-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(0,255,242,.1)}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,242,.2)}.legal-section p{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-primary);line-height:1.8;margin-bottom:15px}.legal-section ul{margin:15px 0;padding-left:25px}.legal-section li{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-primary);line-height:1.8;margin-bottom:10px}.legal-section strong{color:var(--accent-cyan);font-weight:600}.legal-section a{color:var(--accent-cyan);text-decoration:underline;transition:color .2s ease}.legal-section a:hover{color:var(--accent-magenta)}.contact-info{display:grid;gap:20px;margin:20px 0}.contact-item{padding:15px;background:#0000004d;border:1px solid rgba(0,255,242,.2);border-radius:0}.contact-item strong{display:block;font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan);margin-bottom:8px;text-transform:uppercase}.contact-item a{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-primary);text-decoration:none;word-break:break-all}.contact-item a:hover{color:var(--accent-cyan);text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.form-input,.form-textarea{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:12px;background:#00000080;border:2px solid rgba(0,255,242,.3);border-radius:0;color:var(--text-primary);transition:all .2s ease;box-shadow:inset -1px -1px #00fff233,inset 1px 1px #0000004d}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:inset -1px -1px #00fff24d,inset 1px 1px #0000004d,0 0 10px #00fff24d}.form-textarea{resize:vertical;min-height:120px}.form-submit-btn{padding:15px 30px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:2px solid var(--accent-cyan);color:var(--bg-deep);font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #00fff280,inset -2px -2px #0003,inset 2px 2px #ffffff1a;align-self:flex-start}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px #00fff299,inset -2px -2px #0003,inset 2px 2px #ffffff1a}.contact-success{padding:20px;background:#00fff21a;border:2px solid var(--accent-cyan);border-radius:0;text-align:center}.contact-success p{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;margin:0}.faq-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.faq-item{padding:20px;background:#0000004d;border:1px solid rgba(0,255,242,.2);border-radius:0}.faq-item h3{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.faq-item p{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);line-height:1.6;margin:0}@media (max-width: 768px){.legal-content{padding:20px}.legal-section h2{font-size:.7rem}.legal-section p,.legal-section li{font-size:.8rem}}:root{--bg-deep: #0a0a0f;--bg-mid: #12121a;--accent-cyan: #00fff2;--accent-magenta: #ff00aa;--accent-orange: #ff6b35;--text-primary: #e8e8f0;--text-dim: #6a6a80;--glow-cyan: 0 0 30px rgba(0, 255, 242, .4);--glow-magenta: 0 0 30px rgba(255, 0, 170, .4)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--bg-deep);font-family:Rajdhani,sans-serif;color:var(--text-primary);overflow-x:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#root{min-height:100vh}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,242,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.gradient-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,242,.15) 0%,transparent 70%);top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,0,170,.12) 0%,transparent 70%);bottom:-150px;left:-150px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}