.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}.main-header-enter{animation:chrome-enter-down 1.2s cubic-bezier(.22,1,.36,1) both}.main-footer-enter{animation:chrome-enter-up 1.35s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}@keyframes chrome-enter-down{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes chrome-enter-up{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.header-left{display:flex;align-items:center;gap:14px}.extras-menu{position:relative}.extras-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;width:28px;height:28px;padding:4px;background:transparent;border:1px solid rgba(0,255,242,.12);cursor:pointer;opacity:.45;transition:opacity .2s ease,border-color .2s ease}.extras-menu-btn:hover,.extras-menu-btn.open{opacity:.9;border-color:#00fff259}.extras-menu-btn span{display:block;height:2px;width:100%;background:var(--text-dim)}.extras-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;padding:10px 0;background:#0c0c12fa;border:1px solid rgba(0,255,242,.25);box-shadow:0 12px 30px #00000080;z-index:100}.extras-menu-label{margin:0 0 6px;padding:4px 14px;font-family:Rajdhani,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.7}.extras-menu-label-section{margin-top:8px;padding-top:10px;border-top:1px solid rgba(0,255,242,.12)}.extras-menu-link{display:block;padding:10px 14px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:background .15s ease,color .15s ease}.extras-menu-link:hover{background:#00fff214;color:var(--accent-cyan)}.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-content-landing{padding:0;display:flex;flex-direction:column}.app-container.is-landing{min-height:100vh;height:100vh;overflow:hidden}.app-container.is-booting{pointer-events:none}.boot-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden;background:#050508;contain:strict;transform:translateZ(0)}.boot-transition-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(0,255,255,.4),transparent 55%),radial-gradient(circle at 50% 55%,rgba(255,0,255,.28),transparent 50%),#050508;opacity:0;will-change:opacity}.boot-transition-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.boot-transition-bar{flex:1;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.5) 22%,rgba(255,0,255,.4) 50%,rgba(0,255,255,.5) 78%,transparent 100%);transform:scaleX(0);transform-origin:left center;opacity:.85;will-change:transform,opacity}.boot-transition-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.4) 3px,rgba(0,0,0,.4) 6px);opacity:0;will-change:opacity}.boot-transition-mark{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.92);margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2.4vw,1.1rem);letter-spacing:.35em;color:#f0f0f5e6;text-shadow:2px 0 0 rgba(255,0,170,.7),-2px 0 0 rgba(0,255,255,.7);opacity:0;will-change:transform,opacity}.boot-transition--crush .boot-transition-flash{animation:boot-flash-in 1.35s cubic-bezier(.4,0,.2,1) forwards}.boot-transition--crush .boot-transition-bar{animation:boot-bar-wipe .75s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(var(--i) * .04s)}.boot-transition--crush .boot-transition-scan{animation:boot-scan-in 1.35s ease forwards}.boot-transition--crush .boot-transition-mark{animation:boot-mark-in 1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.25s}.boot-transition--reveal{background:transparent}.boot-transition--reveal .boot-transition-flash{animation:boot-flash-out 1.45s cubic-bezier(.4,0,.2,1) forwards}.boot-transition--reveal .boot-transition-bars{animation:boot-bars-out .95s cubic-bezier(.4,0,.2,1) forwards}.boot-transition--reveal .boot-transition-scan{animation:boot-scan-out 1.3s ease forwards}.boot-transition--reveal .boot-transition-mark{animation:boot-mark-out .55s ease forwards}@keyframes boot-flash-in{0%{opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes boot-flash-out{0%{opacity:1}45%{opacity:.5}to{opacity:0}}@keyframes boot-bar-wipe{0%{transform:scaleX(0);opacity:0}35%{opacity:1}to{transform:scaleX(1);opacity:.9}}@keyframes boot-bars-out{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.06)}}@keyframes boot-scan-in{0%{opacity:0}to{opacity:.65}}@keyframes boot-scan-out{0%{opacity:.65}to{opacity:0}}@keyframes boot-mark-in{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.88);letter-spacing:.55em}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);letter-spacing:.35em}}@keyframes boot-mark-out{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-48%,0) scale(1.06)}}.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:80px 20px 60px}.home-hero{text-align:center;margin-bottom:70px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-header{text-align:center;margin-bottom:80px}.waveform-decoration{display:flex;justify-content:center;gap:4px;margin-bottom:32px}.wave-bar{width:4px;background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));border-radius:2px;animation:wave 1.5s ease-in-out infinite;opacity:.9;box-shadow:0 0 10px var(--accent-cyan)}.wave-bar:nth-child(1){height:24px}.wave-bar:nth-child(2){height:40px}.wave-bar:nth-child(3){height:30px}.wave-bar:nth-child(4){height:50px}.wave-bar:nth-child(5){height:36px}.wave-bar:nth-child(6){height:56px}.wave-bar:nth-child(7){height:40px}.wave-bar:nth-child(8){height:24px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.home-logo{font-family:"Press Start 2P",monospace;font-size:clamp(2rem,7vw,4rem);font-weight:400;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-magenta));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.4;animation:shine 5s linear infinite;filter:drop-shadow(0 0 8px rgba(0,255,255,.3))}@keyframes shine{to{background-position:200% center}}.home-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2vw,.8rem);color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;font-weight:400;opacity:.8}.home-back-hybridiser{display:inline-block;margin-top:18px;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;letter-spacing:.04em}.home-back-hybridiser:hover{text-decoration:underline}.category-sections-wrapper{width:100%;max-width:1300px;display:flex;flex-direction:column;gap:80px}.category-section{width:100%}.category-section-title{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1rem);color:var(--text-primary);margin-bottom:32px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:16px}.category-section-title:after{content:"";flex-grow:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%}.categories-grid-featured{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.categories-grid-compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{background:#12121a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 24px #0003}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.category-card-compact{padding:24px}.category-card:hover{transform:translateY(-8px);border-color:#ffffff26;background:#19192399;box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff0d}.category-card:hover:before{transform:translate(100%)}.category-card-accent-gold{border-bottom:3px solid rgba(255,190,0,.3)}.category-card-accent-gold:hover{border-bottom-color:var(--accent-gold);box-shadow:0 16px 40px #ffbe0026}.category-card-accent-purple{border-bottom:3px solid rgba(179,0,255,.3)}.category-card-accent-purple:hover{border-bottom-color:var(--accent-purple);box-shadow:0 16px 40px #b300ff26}.category-card-accent-cyan{border-bottom:3px solid rgba(0,255,255,.3)}.category-card-accent-cyan:hover{border-bottom-color:var(--accent-cyan);box-shadow:0 16px 40px #00ffff26}.category-card-accent-orange{border-bottom:3px solid rgba(255,85,0,.3)}.category-card-accent-orange:hover{border-bottom-color:var(--accent-orange);box-shadow:0 16px 40px #ff550026}.category-card-accent-pink{border-bottom:3px solid rgba(255,51,136,.3)}.category-card-accent-pink:hover{border-bottom-color:var(--accent-pink);box-shadow:0 16px 40px #ff338826}.category-icon-wrapper{position:relative;width:64px;height:64px;margin-bottom:24px}.category-card-compact .category-icon-wrapper{width:52px;height:52px;margin-bottom:20px}.category-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;filter:blur(20px);opacity:.3;transition:opacity .4s ease,transform .4s ease;z-index:0}.category-card:hover .category-icon-glow{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}.glow-gold{background:var(--accent-gold)}.glow-purple{background:var(--accent-purple)}.glow-cyan{background:var(--accent-cyan)}.glow-orange{background:var(--accent-orange)}.glow-pink{background:var(--accent-pink)}.category-icon{position:relative;width:100%;height:100%;border-radius:14px;background:#ffffff08;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 10px #ffffff0d;z-index:1;transition:transform .3s ease}.category-card-compact .category-icon{padding:10px;border-radius:12px}.category-card:hover .category-icon{transform:scale(1.05);background:#ffffff14}.category-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.category-content{flex-grow:1;display:flex;flex-direction:column}.category-title{font-family:Rajdhani,sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;margin:0 0 10px;color:var(--text-primary);line-height:1.2}.category-card-compact .category-title{font-size:clamp(1.1rem,1.5vw,1.3rem)}.category-description{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-dim);line-height:1.5;margin:0;font-weight:500}.category-card-compact .category-description{font-size:.9rem}.category-arrow{position:absolute;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .3s ease;opacity:0;transform:translate(-10px);border:1px solid rgba(255,255,255,.1)}.category-card-compact .category-arrow{bottom:24px;right:24px;width:36px;height:36px}.category-card:hover .category-arrow{opacity:1;transform:translate(0);background:var(--text-primary);color:var(--bg-deep)}.category-arrow svg{width:20px;height:20px}@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}.mobile-message-text{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dim);line-height:1.8}.category-card-mobile{pointer-events:none!important;opacity:.6;filter:grayscale(1)}.categories-grid{grid-template-columns:1fr;gap:20px}.category-sections-wrapper{gap:40px}.home-hero{margin-bottom:40px;padding-top:20px}.category-arrow{display:none}}@media (min-width: 769px){.mobile-only-message{display:none}.category-card-mobile{pointer-events:auto!important;opacity:1}}.landing-page{position:relative;z-index:1;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;contain:layout paint}.landing-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.landing-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px);opacity:.3}.landing-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 45%,transparent 30%,rgba(5,5,8,.55) 100%),radial-gradient(circle at 20% 20%,rgba(0,255,255,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,0,255,.07),transparent 45%)}.landing-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(36px,6vh,56px);text-align:center;animation:landing-enter .7s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}@keyframes landing-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-brand{position:relative;margin:0;font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1.6rem,7.5vw,4.4rem);font-weight:400;letter-spacing:.04em;line-height:1.35;color:var(--accent-cyan);text-shadow:3px 3px 0 var(--accent-magenta),6px 6px 0 rgba(0,255,242,.22),0 0 40px rgba(0,255,255,.35);animation:landing-brand-breathe 4s ease-in-out infinite}.landing-brand:before,.landing-brand:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.landing-brand:before{color:#f0a;text-shadow:none;transform:translate(-2px)}.landing-brand:after{color:#00fff2;text-shadow:none;transform:translate(2px)}@keyframes landing-brand-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.012);opacity:.96}}.landing-start{position:relative;isolation:isolate;min-width:200px;padding:18px 42px;border:2px solid rgba(0,255,255,.65);background:linear-gradient(180deg,#00ffff24,#00ffff0a);color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:clamp(.75rem,2vw,.95rem);letter-spacing:.18em;cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 0 0 1px #ff00ff26,0 0 28px #00ffff2e;animation:landing-start-pulse 2.4s ease-in-out infinite}.landing-start-label{position:relative;z-index:1}.landing-start-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(0,255,255,.28),transparent 55%);opacity:.5;animation:landing-start-glow 2.4s ease-in-out infinite;z-index:0;will-change:transform,opacity}.landing-start:hover:not(:disabled){transform:translateY(-2px) scale(1.03);border-color:var(--accent-cyan);box-shadow:0 0 0 1px #ff00ff59,0 0 40px #00ffff59}.landing-start:active:not(:disabled){transform:translateY(0) scale(.98)}.landing-start:disabled{cursor:default}@keyframes landing-start-pulse{0%,to{box-shadow:0 0 0 1px #ff00ff26,0 0 24px #00ffff29}50%{box-shadow:0 0 0 1px #ff00ff47,0 0 36px #00ffff47}}@keyframes landing-start-glow{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:.65;transform:scale(1.05)}}.landing-page.is-starting .landing-stage{animation:landing-crush-out 1.1s cubic-bezier(.55,.05,.35,1) forwards}.landing-page.is-starting .landing-brand{animation:landing-brand-glitch .55s steps(2) infinite}.landing-page.is-starting .landing-brand:before,.landing-page.is-starting .landing-brand:after{opacity:.7;animation:landing-rgb-split .18s steps(2) infinite}.landing-page.is-starting .landing-start{animation:none;border-color:var(--accent-magenta);background:#ff00ff2e;transform:scale(.96);opacity:.5}.landing-page.is-starting .landing-scanlines{opacity:.65}@keyframes landing-crush-out{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.04) skew(-1deg)}to{opacity:0;transform:scale(1.14) skew(2deg)}}@keyframes landing-brand-glitch{0%{clip-path:inset(0 0 0 0);transform:translate(0)}25%{clip-path:inset(12% 0 55% 0);transform:translate(-5px,1px)}50%{clip-path:inset(48% 0 18% 0);transform:translate(6px,-2px)}75%{clip-path:inset(8% 0 70% 0);transform:translate(-3px,2px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes landing-rgb-split{0%{transform:translate(-3px)}50%{transform:translate(4px,1px)}to{transform:translate(-2px,-1px)}}@media (max-width: 768px){.landing-brand{font-size:clamp(1.2rem,9vw,2rem)}.landing-start{min-width:170px;padding:16px 32px}}.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)}.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-section{max-width:1100px;margin-bottom:30px}.admin-users-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.admin-users-section-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);margin:0;text-shadow:0 0 12px rgba(0,255,242,.45)}.admin-users-count{display:flex;align-items:baseline;gap:12px}.admin-users-count-label{font-family:IBM Plex Mono,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;color:var(--text-dim);letter-spacing:.04em}.admin-users-count-value{font-family:"Press Start 2P",monospace;font-size:1.35rem;color:var(--accent-cyan);text-shadow:0 0 12px rgba(0,255,242,.4)}.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 1.3fr 1.05fr .7fr .7fr 1.1fr;column-gap:28px;row-gap:16px;padding:16px 20px;background:#00fff21a;border-bottom:2px solid rgba(0,255,242,.3);font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.admin-user-row{display:grid;grid-template-columns:2fr 1.3fr 1.05fr .7fr .7fr 1.1fr;column-gap:28px;row-gap:16px;padding:16px 20px;border:none;border-bottom:1px solid rgba(0,255,242,.1);align-items:center;transition:background .2s;width:100%;background:transparent;color:inherit;text-align:left;cursor:pointer}.admin-user-row:hover,.admin-user-row.is-selected{background:#00fff214}.admin-user-col{font-family:"Press Start 2P",monospace;font-size:.62rem;display:flex;align-items:center;gap:10px;min-width:0}.admin-user-email{color:var(--text-primary);word-break:break-all;font-size:.68rem;line-height:1.5}.admin-user-id{color:var(--text-dim);font-size:.55rem;word-break:break-all;line-height:1.4}.admin-user-col.gen,.admin-user-col.dl{justify-content:flex-start}.admin-user-col.gen{padding-left:12px}.admin-user-col.date{padding-left:8px}.admin-user-stat{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.04em}.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-creator{border-color:#7dffb3;color:#7dffb3;box-shadow:0 0 10px #7dffb34d}.admin-badge-studio{border-color:#fa0;color:#fa0;box-shadow:0 0 10px #ffaa004d}.admin-badge-guest{border-color:#ffffff73;color:#ffffffb3}.admin-user-row.is-guest{background:#ffffff08}.admin-user-row.is-guest .admin-user-email{color:#ffffffd9;letter-spacing:.08em}.admin-user-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.admin-user-detail-box{width:min(560px,100%);background:#0a1218;border:2px solid var(--accent-cyan);box-shadow:0 0 30px #00fff240;padding:22px}.admin-user-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.admin-user-detail-title{margin:0;font-family:"Press Start 2P",monospace;font-size:.72rem;color:var(--accent-cyan);line-height:1.5;word-break:break-all}.admin-user-detail-close{font-family:"Press Start 2P",monospace;font-size:.7rem;background:transparent;border:2px solid rgba(0,255,242,.4);color:var(--accent-cyan);cursor:pointer;padding:6px 10px}.admin-user-detail-close:hover{background:#00fff21f}.admin-user-detail-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.admin-user-detail-meta>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--text-primary)}.admin-user-detail-meta span:first-child{color:var(--text-dim)}.admin-user-detail-meta code{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-primary);word-break:break-all;text-align:right}.admin-user-detail-actions{border-top:1px solid rgba(0,255,242,.2);padding-top:16px}.admin-usage-section{--usage-text: "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;background:radial-gradient(ellipse at top left,rgba(0,255,242,.08),transparent 45%),radial-gradient(ellipse at bottom right,rgba(255,0,170,.06),transparent 40%),#00000059;border:2px solid rgba(0,255,242,.35);padding:28px;margin-bottom:30px}.admin-features-section{--usage-text: "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;background:#00000059;border:2px solid rgba(0,255,242,.28);padding:24px 28px;margin-bottom:30px}.admin-features-header{margin-bottom:18px}.admin-feature-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08)}.admin-feature-copy{min-width:0}.admin-feature-name{font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--accent-cyan);margin-bottom:8px;letter-spacing:.04em}.admin-feature-desc{font-family:var(--usage-text);font-size:.9rem;color:var(--text-dim);line-height:1.4}.admin-toggle-btn{font-family:"Press Start 2P",monospace;font-size:.55rem;min-width:72px;padding:12px 16px;border:2px solid rgba(255,255,255,.25);background:#ffffff0a;color:var(--text-dim);cursor:pointer;letter-spacing:.08em;transition:all .15s ease}.admin-toggle-btn.is-on{border-color:var(--accent-cyan);background:#00fff21f;color:var(--accent-cyan);box-shadow:0 0 12px #00fff240}.admin-toggle-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.admin-toggle-btn:disabled{opacity:.5;cursor:wait}.admin-usage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.admin-usage-title{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent-cyan);margin:0 0 8px;text-shadow:0 0 12px rgba(0,255,242,.45);letter-spacing:.04em}.admin-usage-description{font-family:var(--usage-text);font-size:.95rem;color:var(--text-dim);margin:0;line-height:1.45}.admin-usage-refresh-btn{font-family:var(--usage-text);font-size:.9rem;font-weight:600;padding:12px 20px;background:#00fff21a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;letter-spacing:.04em;transition:all .2s}.admin-usage-refresh-btn:hover:not(:disabled){background:#00fff233;box-shadow:0 0 18px #00fff259}.admin-usage-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-usage-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.admin-usage-hero{position:relative;overflow:hidden;background:#00000073;border:2px solid rgba(0,255,242,.28);padding:24px 28px;display:flex;flex-direction:column;gap:6px;min-height:140px}.admin-usage-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent-cyan)}.admin-usage-hero-downloaded{border-color:#ff00aa59}.admin-usage-hero-downloaded:before{background:var(--accent-magenta)}.admin-usage-hero-label{font-family:var(--usage-text);font-size:1rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.admin-usage-hero-number{font-family:"Press Start 2P",monospace;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.25;color:var(--accent-cyan);text-shadow:0 0 18px rgba(0,255,242,.45);margin-top:4px}.admin-usage-hero-downloaded .admin-usage-hero-number{color:var(--accent-magenta);text-shadow:0 0 18px rgba(255,0,170,.4)}.admin-usage-hero-unit{font-family:var(--usage-text);font-size:1rem;color:var(--text-primary);opacity:.85}.admin-usage-by-tool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-usage-tool-card{background:#0006;border:2px solid rgba(0,255,242,.18);padding:20px 22px 22px}.admin-usage-tool-hybridiser{border-top:3px solid var(--accent-cyan)}.admin-usage-tool-synth{border-top:3px solid #7dffb3}.admin-usage-tool-crazify{border-top:3px solid var(--accent-magenta)}.admin-usage-tool-name{font-family:"Press Start 2P",monospace;font-size:.85rem;color:var(--text-primary);margin-bottom:18px;letter-spacing:.04em}.admin-usage-tool-hybridiser .admin-usage-tool-name{color:var(--accent-cyan)}.admin-usage-tool-synth .admin-usage-tool-name{color:#7dffb3}.admin-usage-tool-crazify .admin-usage-tool-name{color:var(--accent-magenta)}.admin-usage-tool-metrics{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.admin-usage-metric{display:flex;flex-direction:column;gap:8px;min-width:0}.admin-usage-metric-number{font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.3;color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.08)}.admin-usage-metric-label{font-family:var(--usage-text);font-size:.95rem;color:var(--text-dim);letter-spacing:.04em}.admin-usage-metric-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(0,255,242,.35),transparent)}@media (max-width: 900px){.admin-usage-totals,.admin-usage-by-tool{grid-template-columns:1fr}}.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}.admin-tool-usage-table-wrap{overflow-x:auto;margin-top:12px}.admin-tool-usage-table{width:100%;border-collapse:collapse;font-family:"Press Start 2P",monospace;font-size:.55rem}.admin-tool-usage-table th,.admin-tool-usage-table td{padding:10px 14px;text-align:left;border:1px solid rgba(0,255,242,.2)}.admin-tool-usage-table th{background:#00fff21a;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em}.admin-tool-usage-table tbody tr:nth-child(2n){background:#0003}.admin-tool-usage-table tbody tr:hover{background:#00fff20d}@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-user-detail-meta>div{flex-direction:column;align-items:flex-start}}.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}}.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-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 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}.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}.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{background:#ef444433;border:2px solid #ef4444;color:#ef4444}.btn-record:hover{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)}.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)}.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}.upgrade-hint{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text-dim);margin-top:8px;text-align:center}.limit-warning{color:var(--accent-magenta);font-size:.6rem;margin-left:8px}.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-credits-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffd7001f;border:1px solid rgba(255,215,0,.35);border-radius:8px;font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.05em;margin-top:4px}.ai-synth-credits-label{color:#ffd700d9;text-transform:uppercase}.ai-synth-credits-value{color:gold;font-weight:400;text-shadow:0 0 12px rgba(255,215,0,.5)}.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}}.bulk-modal{max-width:480px;width:min(480px,92vw)}.bulk-amount-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 .75rem}.bulk-amount-btn{flex:1;min-width:5rem}.bulk-eta-preview,.bulk-eta-left,.bulk-status,.bulk-progress-text{margin:.35rem 0;font-size:.9rem;opacity:.85}.bulk-progress{margin:1rem 0}.bulk-progress-bar{height:10px;border-radius:4px;background:#ffffff14;overflow:hidden;border:1px solid rgba(0,255,242,.25)}.bulk-progress-fill{height:100%;background:linear-gradient(90deg,#00fff2,#f0a);transition:width .2s ease}.bulk-error{color:#ff6b8a;font-size:.9rem;margin:.5rem 0}.dl-format-menu{position:relative;display:inline-flex}.dl-format-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding-left:8px;padding-right:8px}.dl-format-icon{display:block;flex-shrink:0}.dl-format-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:96px;padding:4px;background:#0a0e16f5;border:1px solid rgba(0,255,255,.28);box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:2px}.dl-format-option{font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-align:left;color:#e6ebf5d9;background:transparent;border:none;padding:8px 10px;cursor:pointer;white-space:nowrap;transition:color .12s ease,background .12s ease}.dl-format-option:hover:not(:disabled){color:var(--accent-cyan, #00ffff);background:#00ffff14}.dl-format-option:disabled{opacity:.35;cursor:not-allowed}.hybridisers-page{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:28px 32px 100px;min-height:calc(100vh - 180px)}.hybridisers-page.is-entering{animation:hybridiser-enter 1.35s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}.hybridisers-page.is-entering .hybridisers-header{animation:hybridiser-header-enter 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:.08s}.hybridisers-page.is-entering .hybridisers-content{animation:hybridiser-content-enter 1.2s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s}@keyframes hybridiser-enter{0%{opacity:0;transform:translate3d(0,12px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes hybridiser-header-enter{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hybridiser-content-enter{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.hybridisers-page.is-dragging:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;border:3px dashed rgba(0,255,255,.55);background:#00ffff0a}.hybridisers-header{text-align:center;margin-bottom:40px}.hybridisers-logo{font-family:"Press Start 2P",Orbitron,monospace;font-size:clamp(1.4rem,3.5vw,2.2rem);color:var(--accent-cyan);text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(0,255,242,.25);letter-spacing:.06em;margin:0 0 14px;line-height:1.5}.hybridisers-tagline{font-family:Rajdhani,sans-serif;font-size:1.35rem;color:var(--text-dim);margin:0;letter-spacing:.1em;text-transform:uppercase}.hybridisers-content{display:flex;flex-direction:column;gap:28px}.hyb-section-title{font-family:"Press Start 2P",monospace;font-size:.75rem;color:var(--accent-magenta);letter-spacing:.06em;text-transform:uppercase;margin:0}.hyb-workspace-title{margin-bottom:4px}.hyb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:min(62vh,560px);padding:12px 0 40px}.hyb-empty .hyb-hint-inline{margin-top:0;text-align:center;max-width:min(820px,100%)}.hyb-dropzone{width:min(820px,100%);min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 40px;background:linear-gradient(160deg,#12121af2,#0a0a0ffa);border:2px dashed rgba(0,255,255,.35);border-radius:24px;cursor:pointer;color:var(--accent-cyan);transition:border-color .2s ease,background .2s ease,transform .15s ease}.hyb-dropzone:hover,.hyb-dropzone.active{border-color:var(--accent-cyan);background:linear-gradient(160deg,#00ffff14,#0a0a0ffa);transform:translateY(-2px)}.hyb-dropzone:disabled{opacity:.7;cursor:wait}.hyb-dropzone-icon{width:88px;height:88px;color:var(--accent-cyan);opacity:.9}.hyb-dropzone-icon svg{width:100%;height:100%}.hyb-dropzone-title{font-family:"Press Start 2P",monospace;font-size:clamp(.75rem,1.8vw,1rem);color:var(--text-primary);margin:0;text-align:center;line-height:1.7;max-width:18ch}.hyb-folders{background:linear-gradient(160deg,#12121af2,#0a0a0ffa);border:1px solid rgba(0,255,255,.25);border-radius:20px;padding:22px 24px}.hyb-folders-header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.hyb-folders-actions{display:flex;gap:10px;flex-wrap:wrap}.hyb-folder-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.hyb-folder-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#00ffff0a;border:1px solid rgba(0,255,255,.15)}.hyb-folder-name{font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-primary);flex:1}.hyb-folder-count{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-dim)}.hyb-folder-remove{background:transparent;border:none;color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}.hyb-folder-remove:hover{color:var(--accent-magenta)}.hyb-hint{font-family:Rajdhani,sans-serif;font-style:italic;color:var(--text-dim);margin:16px 0 0;font-size:1.05rem}.hyb-hint-inline{margin-top:12px}.hyb-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:28px;align-items:start}.hyb-previews{display:flex;flex-direction:column;gap:18px}.hyb-preview-card{background:linear-gradient(160deg,#12121af2,#0a0a0ffa);border:1px solid rgba(0,255,255,.22);border-radius:18px;padding:20px 22px}.hyb-preview-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.hyb-preview-title{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--accent-cyan);margin:0;letter-spacing:.05em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hyb-key-badge{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-magenta);border:1px solid rgba(255,0,255,.45);background:#ff00ff14;padding:2px 8px;line-height:1.3}.hyb-key-badge-inline{margin-left:8px;font-size:.8rem;padding:1px 6px;vertical-align:middle}.hyb-key-badge-static{cursor:default;opacity:.85}.hyb-key-picker-wrap{position:relative;display:inline-flex}.hyb-key-badge-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;color:inherit;transition:background .15s ease,border-color .15s ease}.hyb-key-badge-btn:hover,.hyb-key-badge-btn.open{background:#ff00ff2e;border-color:#ff00ffbf}.hyb-key-caret{font-size:.7rem;opacity:.8}.hyb-key-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(42px,1fr));gap:4px;padding:8px;min-width:200px;background:linear-gradient(160deg,#12121afa,#0a0a0ffc);border:1px solid rgba(255,0,255,.4);box-shadow:0 12px 28px #00000073}.hyb-key-option{font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary);background:#00ffff0a;border:1px solid rgba(0,255,255,.18);padding:6px 4px;cursor:pointer}.hyb-key-option:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.hyb-key-option.active{border-color:var(--accent-magenta);color:var(--accent-magenta);background:#ff00ff1f}.hyb-style-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 12px}.hyb-style-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hyb-style-exclusive{display:flex;align-items:center;padding:4px 6px;border:1px dashed rgba(255,0,255,.35);background:#ff00ff0a}.hyb-style-chips-exclusive{gap:6px}.hyb-style-chip{font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:#00ffff0a;border:1px solid rgba(0,255,255,.22);padding:5px 12px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.hyb-style-chip:hover{color:var(--accent-cyan);border-color:#00ffff8c}.hyb-style-chip.active{color:var(--bg-deep);background:var(--accent-cyan);border-color:var(--accent-cyan)}.hyb-style-chip.active:hover{color:var(--bg-deep);background:#5ffff8;border-color:#5ffff8}.hyb-style-chip.conflict{opacity:.4;border-style:dashed}.hyb-style-chip.conflict:hover{opacity:.75;color:var(--accent-magenta);border-color:#ff00ff8c}.hyb-source-count{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-dim)}.hyb-waveform-wrap{position:relative;height:110px;border:1px solid rgba(0,255,255,.2);background:#08080c;cursor:pointer;overflow:hidden}.hyb-waveform{width:100%;height:100%;display:block}.hyb-warming{display:flex;align-items:center;justify-content:center;height:100%;font-family:Rajdhani,sans-serif;color:var(--text-dim);font-size:1.1rem;letter-spacing:.06em}.hyb-playing-badge{position:absolute;top:8px;right:8px;font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--bg-deep);background:var(--accent-cyan);padding:4px 6px}.hyb-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.hyb-preview-actions-left{display:flex;gap:10px;flex-wrap:wrap}.hyb-sources{margin-top:8px}.hyb-sources-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 0;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.hyb-sources-toggle:hover{color:var(--accent-cyan)}.hyb-sources-caret{display:inline-block;font-size:.75rem;transition:transform .15s ease}.hyb-sources-toggle.open .hyb-sources-caret{transform:rotate(90deg)}.hyb-sources-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.hyb-source-row{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:6px;min-height:24px;padding:1px 4px;background:#00ffff08;border:1px solid rgba(0,255,255,.08)}.hyb-source-play{width:20px;height:20px;padding:0;border:1px solid rgba(0,255,255,.25);background:#00ffff0f;color:var(--accent-cyan);font-size:.55rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.hyb-source-play:hover{background:#00ffff26}.hyb-source-name{font-family:Rajdhani,sans-serif;font-size:.8rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.hyb-source-remove{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--text-dim);font-size:1rem;line-height:1;cursor:pointer}.hyb-source-remove:hover{color:var(--accent-magenta)}.hyb-cart{position:sticky;top:20px;background:linear-gradient(160deg,#12121afa,#0a0a0ffc);border:1px solid rgba(255,0,255,.28);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 100px)}.hyb-cart-counts{display:flex;flex-wrap:wrap;gap:6px}.hyb-count-chip{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;color:var(--accent-cyan);border:1px solid rgba(0,255,255,.3);padding:4px 9px}.hyb-cart-groups{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;padding-right:4px}.hyb-cart-group-title{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--accent-magenta);letter-spacing:.06em;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.hyb-cart-group-title span{font-family:Rajdhani,sans-serif;font-size:.95rem;color:var(--text-dim);letter-spacing:0}.hyb-cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hyb-cart-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;background:#ff00ff0d;border:1px solid rgba(255,0,255,.14)}.hyb-cart-play{width:36px;height:36px;border:1px solid rgba(0,255,255,.35);background:#00ffff14;color:var(--accent-cyan);cursor:pointer;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.hyb-cart-play:hover{background:#00ffff2e}.hyb-cart-item-main{min-width:0;display:flex;flex-direction:column;gap:4px}.hyb-cart-item-label{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary)}.hyb-cart-waveform{width:100%;height:36px;display:block;cursor:pointer;border:1px solid rgba(255,0,255,.15);background:#08080c}.slib{display:flex;flex-direction:column;gap:16px;margin-top:.5rem}.slib-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.slib-filters{display:flex;flex-wrap:wrap;gap:4px}.slib-chip{font-family:Rajdhani,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#e6ebf58c;border:1px solid transparent;background:transparent;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .12s ease,background .12s ease,border-color .12s ease}.slib-chip span{font-size:.78rem;font-weight:500;opacity:.65;letter-spacing:0}.slib-chip:hover:not(:disabled){color:#e6ebf5e6;background:#ffffff0a}.slib-chip.is-active{color:var(--accent-cyan);background:#00ffff14;border-color:#0ff3}.slib-chip:disabled{opacity:.28;cursor:not-allowed}.slib-search{width:100%;max-width:220px;margin-left:auto;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-primary);background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:7px 12px;outline:none;border-radius:2px}.slib-search:focus{border-color:#00ffff59}.slib-search::placeholder{color:#e6ebf559}.slib-groups{display:flex;flex-direction:column;gap:22px}.slib-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.slib-group-title{margin:0;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e6ebf580}.slib-group-count{font-family:Rajdhani,sans-serif;font-size:.85rem;color:#e6ebf559}.slib-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.slib-item{display:grid;grid-template-columns:34px minmax(110px,180px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s ease}.slib-item:hover,.slib-item.is-playing{background:#ffffff06}.slib-play{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:var(--accent-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:border-color .12s ease,background .12s ease}.slib-play:hover:not(:disabled){border-color:#00ffff73;background:#00ffff14}.slib-play:disabled{opacity:.3;cursor:not-allowed}.slib-play-icon{display:block}.slib-play-go{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;margin-left:2px}.slib-play-stop{width:9px;height:9px;background:currentColor}.slib-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.slib-name{font-family:Rajdhani,sans-serif;font-size:.98rem;font-weight:600;color:#f0f4faeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slib-badge{align-self:flex-start;font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#e6ebf566}.slib-badge.is-public{color:#00ffffb3}.slib-wave{position:relative;height:32px;min-width:0;overflow:hidden;background:#00000059;border:1px solid rgba(255,255,255,.06);cursor:pointer}.slib-waveform{width:100%;height:32px;display:block}.slib-wave-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:slib-shimmer 1.2s linear infinite}@keyframes slib-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.slib-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0}.slib-actions .hyb-btn{font-size:.5rem;padding:.4rem .5rem}.slib-dl{font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e6ebf5a6;background:transparent;border:1px solid rgba(255,255,255,.12);padding:6px 10px;cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease,background .12s ease}.slib-dl:hover:not(:disabled){color:var(--accent-cyan);border-color:#0ff6;background:#00ffff0f}.slib-dl:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 720px){.slib-item{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"play meta actions" "wave wave wave";gap:8px 10px;padding:10px 2px}.slib-play{grid-area:play}.slib-meta{grid-area:meta}.slib-wave{grid-area:wave}.slib-actions{grid-area:actions}.slib-search{margin-left:0;max-width:none}}.hyb-download-btn{width:100%;margin-top:4px}.hyb-btn{font-family:"Press Start 2P",monospace;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;border:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease}.hyb-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.hyb-btn-primary{background:var(--accent-cyan);color:var(--bg-deep);box-shadow:0 6px #00b4b4cc}.hyb-btn-primary:hover:not(:disabled){transform:translateY(2px);box-shadow:0 4px #00b4b4cc}.hyb-btn-add{background:var(--accent-magenta);color:#fff;box-shadow:0 6px #b400b4b3}.hyb-btn-add:hover:not(:disabled){transform:translateY(2px);box-shadow:0 4px #b400b4b3}.hyb-btn-ghost{background:#00ffff0f;color:var(--text-primary);border:1px solid rgba(0,255,255,.3)}.hyb-btn-ghost:hover:not(:disabled){background:#00ffff1f;color:var(--accent-cyan)}.hyb-btn-generate-pulse{animation:hyb-generate-pulse 1.6s ease-in-out infinite}.hyb-btn-generate-pulse:disabled{animation:none}@keyframes hyb-generate-pulse{0%,to{transform:scale(1);box-shadow:0 6px #00b4b4cc,0 0 #00ffff73,0 0 18px #00ffff59}50%{transform:scale(1.04);box-shadow:0 6px #00b4b4cc,0 0 0 6px #0ff0,0 0 28px #00ffff8c}}.hyb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.hyb-modal{width:min(460px,100%);background:linear-gradient(160deg,#14141c,#0a0a0f);border:2px solid rgba(0,255,255,.35);border-radius:16px;padding:28px 24px;box-shadow:0 0 40px #00ffff1f}.hyb-modal-title{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--accent-cyan);margin:0 0 14px;line-height:1.6}.hyb-modal-summary{font-family:Rajdhani,sans-serif;font-size:1.15rem;color:var(--text-primary);margin:0 0 4px;text-transform:capitalize}.hyb-modal-total{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-dim);margin:0 0 20px}.hyb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-family:Rajdhani,sans-serif;font-size:.95rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.hyb-field input{font-family:"Press Start 2P",monospace;font-size:.65rem;padding:12px 14px;background:#00000073;border:1px solid rgba(0,255,255,.35);border-radius:8px;color:var(--text-primary);outline:none}.hyb-field input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 1px #00ffff4d}.hyb-filename-preview{font-family:Rajdhani,sans-serif;font-size:1.05rem;color:var(--text-dim);margin:0 0 10px}.hyb-filename-preview strong{color:var(--accent-cyan);font-weight:700}.hyb-modal-note{font-family:Rajdhani,sans-serif;font-size:.95rem;color:var(--text-dim);margin:0 0 20px;font-style:italic}.hyb-modal-actions{display:flex;gap:10px;justify-content:flex-end}.hyb-modal-info{width:min(720px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column}.hyb-info-feedback-field{margin-bottom:12px}.hyb-info-feedback{width:100%;resize:vertical;min-height:88px;font-family:Rajdhani,sans-serif;font-size:1.05rem;line-height:1.4;padding:12px 14px;background:#00000073;border:1px solid rgba(0,255,255,.35);border-radius:8px;color:var(--text-primary);outline:none}.hyb-info-feedback:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 1px #00ffff4d}.hyb-info-pre{flex:1;min-height:180px;max-height:42vh;overflow:auto;margin:0 0 18px;padding:14px 16px;background:#0000008c;border:1px solid rgba(0,255,255,.22);border-radius:8px;color:var(--text-primary);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}@media (max-width: 980px){.hyb-workspace{grid-template-columns:1fr}.hyb-cart{position:static;max-height:none}}.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}.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%}}.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}}.crazify-page.is-dragging:after{border-color:#ff33668c;background:#ff33660a}.crazify-logo{color:#f36;text-shadow:2px 2px 0 var(--accent-magenta),4px 4px 0 rgba(255,51,102,.3)}.crazify-page .hyb-section-title{color:#f36}.crazify-page .hyb-btn-primary{background:linear-gradient(135deg,#f36,#f0a);border-color:#ff336680}.crazify-page .hyb-btn-generate-pulse{animation-name:crazify-generate-pulse}@keyframes crazify-generate-pulse{0%,to{transform:scale(1);box-shadow:0 6px #b40064b3,0 0 #ff336673,0 0 18px #f366}50%{transform:scale(1.04);box-shadow:0 6px #b40064b3,0 0 0 6px #f360,0 0 28px #ff00aa8c}}.crazify-page .hyb-btn-add{background:linear-gradient(135deg,#f36,#f0a)}.crazify-page .hyb-dropzone{border-color:#ff336659}.crazify-page .hyb-dropzone:hover,.crazify-page .hyb-dropzone.active{border-color:#ff3366b3;box-shadow:0 0 24px #ff336626}.crazify-page .hyb-dropzone-icon{color:#f36}.crazify-mode-desc{font-family:Rajdhani,sans-serif;font-size:.95rem;color:var(--text-dim);margin:0 0 12px;line-height:1.35;letter-spacing:.02em}.crazify-page .hyb-count-chip{border-color:#ff336659;color:#f9b}.crazify-page .hyb-playing-badge{background:#ff3366d9}:root{--bg-deep: #050508;--bg-mid: #0d0d14;--accent-cyan: #00ffff;--accent-magenta: #ff00ff;--accent-orange: #ff5500;--accent-purple: #b300ff;--accent-gold: #ffbe00;--accent-pink: #ff3388;--text-primary: #f0f0f5;--text-dim: #8b8b9e;--glow-cyan: 0 0 30px rgba(0, 255, 255, .5);--glow-magenta: 0 0 30px rgba(255, 0, 255, .5);--glow-gold: 0 0 30px rgba(255, 190, 0, .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}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.grid-bg{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background-image:linear-gradient(rgba(0,255,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,242,.035) 1px,transparent 1px);background-size:50px 50px;transform:translateZ(0);will-change:transform;animation:grid-drift 48s linear infinite;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}.orb-1{width:560px;height:560px;top:-180px;right:-160px;background:radial-gradient(circle,rgba(0,255,242,.16) 0%,rgba(0,255,242,.05) 42%,transparent 70%);animation:orb-drift-a 22s ease-in-out infinite}.orb-2{width:480px;height:480px;bottom:-140px;left:-140px;background:radial-gradient(circle,rgba(255,0,170,.14) 0%,rgba(255,51,136,.06) 45%,transparent 70%);animation:orb-drift-b 28s ease-in-out infinite}.orb-3{width:360px;height:360px;top:42%;left:58%;background:radial-gradient(circle,rgba(255,0,255,.09) 0%,rgba(255,51,136,.04) 48%,transparent 72%);animation:orb-drift-c 34s ease-in-out infinite}.grid-runners{position:absolute;top:0;right:0;bottom:0;left:0}.grid-runner{--runner-size: 7px;position:absolute;display:block;width:var(--runner-size);height:var(--runner-size);margin:0;border-radius:50%;background:#00fff2;box-shadow:0 0 5px #00fff2,0 0 14px #00fff2a6,0 0 28px #00fff259;opacity:0;will-change:transform,opacity;translate:-50% -50%}.grid-runner.run-left,.grid-runner.run-up{background:#f3a;box-shadow:0 0 5px #f3a,0 0 14px #ff00aaa6,0 0 28px #ff00aa59}.grid-runner.c1{top:round(nearest,12%,50px);left:0;animation:runner-right 16s linear infinite}.grid-runner.c2{top:round(nearest,28%,50px);left:100%;animation:runner-left 19s linear infinite;animation-delay:-6s}.grid-runner.c3{top:0;left:round(nearest,16%,50px);animation:runner-down 17s linear infinite;animation-delay:-3s}.grid-runner.c4{top:100%;left:round(nearest,50%,50px);animation:runner-up 21s linear infinite;animation-delay:-9s}.grid-runner.c5{top:round(nearest,46%,50px);left:0;animation:runner-right 22s linear infinite;animation-delay:-11s;background:#f0f;box-shadow:0 0 5px #f0f,0 0 14px #f0f9,0 0 28px #ff00aa59}.grid-runner.c6{top:round(nearest,62%,50px);left:100%;animation:runner-left 18s linear infinite;animation-delay:-7s}.grid-runner.c7{top:0;left:round(nearest,50%,50px);animation:runner-down 24s linear infinite;animation-delay:-14s;background:#f3a;box-shadow:0 0 5px #f3a,0 0 14px #f0a9,0 0 28px #ff00aa59}.grid-runner.c8{top:100%;left:round(nearest,84%,50px);animation:runner-up 20s linear infinite;animation-delay:-2s}.grid-runner.c9{top:round(nearest,78%,50px);left:0;animation:runner-right 25s linear infinite;animation-delay:-16s}.grid-runner.c10{top:0;left:round(nearest,84%,50px);animation:runner-down 19s linear infinite;animation-delay:-8s}.grid-runner.c11{top:round(nearest,38%,50px);left:100%;animation:runner-left 23s linear infinite;animation-delay:-13s;background:#00fff2;box-shadow:0 0 5px #00fff2,0 0 14px #00fff299,0 0 28px #00fff259}.grid-runner.c12{top:100%;left:round(nearest,16%,50px);animation:runner-up 27s linear infinite;animation-delay:-18s}@keyframes grid-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50px,-50px,0)}}@keyframes orb-drift-a{0%,to{transform:translateZ(0);opacity:.9}50%{transform:translate3d(-28px,22px,0);opacity:1}}@keyframes orb-drift-b{0%,to{transform:translateZ(0);opacity:.85}50%{transform:translate3d(24px,-20px,0);opacity:1}}@keyframes orb-drift-c{0%,to{transform:translateZ(0);opacity:.55}50%{transform:translate3d(-36px,18px,0);opacity:.85}}@keyframes runner-right{0%{transform:translateZ(0);opacity:0}6%{opacity:.95}94%{opacity:.95}to{transform:translate3d(100vw,0,0);opacity:0}}@keyframes runner-left{0%{transform:translateZ(0);opacity:0}6%{opacity:.95}94%{opacity:.95}to{transform:translate3d(-100vw,0,0);opacity:0}}@keyframes runner-down{0%{transform:translateZ(0);opacity:0}6%{opacity:.9}94%{opacity:.9}to{transform:translate3d(0,100vh,0);opacity:0}}@keyframes runner-up{0%{transform:translateZ(0);opacity:0}6%{opacity:.9}94%{opacity:.9}to{transform:translate3d(0,-100vh,0);opacity:0}}@media (prefers-reduced-motion: reduce){.grid-bg,.gradient-orb,.grid-runner{animation:none!important}.grid-runner{display:none}}