@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--magic-gradient:linear-gradient(135deg,#a855f7,#3b82f6);--cosmic-gradient:linear-gradient(135deg,#667eea,#764ba2);--mystical-gradient:linear-gradient(135deg,#f093fb,#f5576c);--aurora-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--nebula-gradient:linear-gradient(135deg,#fa709a,#fee140);--dark-gradient:linear-gradient(135deg,#0f172a,#1e293b)}html{scroll-behavior:smooth;font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:var(--font-inter),system-ui,sans-serif;background:var(--dark-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-dark-800}::-webkit-scrollbar-thumb{@apply bg-magic-600 rounded-full hover:bg-magic-500}::selection{@apply bg-magic-500 text-white}::-moz-selection{@apply bg-magic-500 text-white}}@layer components{.btn-magic{@apply bg-magic-gradient text-white font-semibold py-3 px-6 rounded-xl;@apply hover:shadow-magic hover:scale-105 transition-all duration-300;@apply focus:outline-none focus:ring-4 focus:ring-magic-500/50;@apply active:scale-95}.btn-magic-outline{@apply border-2 border-magic-500 text-magic-400 font-semibold py-3 px-6 rounded-xl;@apply hover:bg-magic-500 hover:text-white hover:shadow-magic transition-all duration-300;@apply focus:outline-none focus:ring-4 focus:ring-magic-500/50}.btn-cosmic{@apply bg-cosmic-gradient text-white font-semibold py-3 px-6 rounded-xl;@apply hover:shadow-cosmic hover:scale-105 transition-all duration-300;@apply focus:outline-none focus:ring-4 focus:ring-cosmos-500/50}.btn-mystical{@apply bg-mystical-500 text-white font-semibold py-3 px-6 rounded-xl;@apply hover:bg-mystical-600 hover:shadow-mystical transition-all duration-300;@apply focus:outline-none focus:ring-4 focus:ring-mystical-500/50}.card-magic{@apply bg-dark-800/50 backdrop-blur-sm border border-magic-500/20 rounded-2xl p-6;@apply hover:border-magic-500/40 hover:shadow-magic transition-all duration-300}.card-cosmic{@apply bg-dark-800/50 backdrop-blur-sm border border-cosmos-500/20 rounded-2xl p-6;@apply hover:border-cosmos-500/40 hover:shadow-cosmic transition-all duration-300}.card-glass{@apply bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl;@apply hover:bg-white/20 transition-all duration-300}.input-magic{@apply bg-dark-700/50 border border-magic-500/30 rounded-xl px-4 py-3 text-white;@apply placeholder:text-gray-400 focus:border-magic-500 focus:ring-2 focus:ring-magic-500/20;@apply focus:outline-none transition-all duration-300}.textarea-magic{@apply bg-dark-700/50 border border-magic-500/30 rounded-xl px-4 py-3 text-white;@apply placeholder:text-gray-400 focus:border-magic-500 focus:ring-2 focus:ring-magic-500/20;@apply focus:outline-none transition-all duration-300 resize-none;@apply font-mono text-sm leading-relaxed}.text-magic-gradient{@apply bg-gradient-to-r from-magic-400 to-cosmos-400 bg-clip-text text-transparent}.text-cosmic-gradient{@apply bg-gradient-to-r from-cosmos-400 to-magic-400 bg-clip-text text-transparent}.text-mystical-gradient{@apply bg-gradient-to-r from-mystical-400 to-magic-400 bg-clip-text text-transparent}.loading-dots{@apply inline-flex space-x-1}.loading-dots>div{@apply w-2 h-2 bg-magic-500 rounded-full animate-bounce}.loading-dots>div:nth-child(2){animation-delay:.1s}.loading-dots>div:nth-child(3){animation-delay:.2s}.sparkle{position:relative;overflow:hidden}.sparkle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),transparent);animation:sparkle-sweep 2s infinite;z-index:1}@keyframes sparkle-sweep{0%{left:-100%}50%{left:100%}to{left:100%}}.game-icon{@apply w-12 h-12 rounded-xl bg-gradient-to-br from-magic-500 to-cosmos-500;@apply flex items-center justify-center text-white font-bold text-lg;@apply shadow-lg hover:shadow-magic hover:scale-110 transition-all duration-300}.progress-magic{@apply w-full bg-dark-700 rounded-full h-2}.progress-magic-fill{@apply bg-magic-gradient h-2 rounded-full transition-all duration-500}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow-magic{@apply shadow-magic;animation:glow-pulse 2s ease-in-out infinite alternate}@keyframes glow-pulse{0%{box-shadow:0 4px 14px 0 rgba(168,85,247,.25)}to{box-shadow:0 8px 20px 0 rgba(168,85,247,.5)}}.dropzone{@apply border-2 border-dashed border-magic-500/50 rounded-2xl p-8;@apply bg-dark-700/30 hover:border-magic-500 hover:bg-dark-700/50;@apply transition-all duration-300 cursor-pointer}.dropzone.active{@apply border-magic-400 bg-magic-500/10 scale-105}.result-item{@apply bg-dark-700/50 border border-magic-500/20 rounded-lg p-4;@apply hover:border-magic-500/40 transition-all duration-300}.result-item.optimized{@apply border-green-500/40 bg-green-500/10}.result-item.warning{@apply border-amber-500/40 bg-amber-500/10}.result-item.error{@apply border-red-500/40 bg-red-500/10}.badge-magic{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;@apply bg-magic-500/20 text-magic-300 border border-magic-500/30}.badge-cosmic{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;@apply bg-cosmos-500/20 text-cosmos-300 border border-cosmos-500/30}.badge-success{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;@apply bg-green-500/20 text-green-300 border border-green-500/30}.modal-backdrop{@apply fixed inset-0 bg-black/50 backdrop-blur-sm z-50;@apply flex items-center justify-center p-4}.modal-content{@apply bg-dark-800 border border-magic-500/30 rounded-2xl shadow-2xl;@apply max-w-md w-full max-h-[90vh] overflow-y-auto}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}}@layer utilities{.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.5)}.backdrop-blur-xs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bg-magic-radial{background:radial-gradient(circle at center,#a855f7 0,#3b82f6 70%)}.bg-cosmic-radial{background:radial-gradient(circle at center,#667eea 0,#764ba2 70%)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}}