*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden}body{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.App,body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#a855f7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aed,#9333ea)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#8b5cf6,#a855f7,#d946ef);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;position:relative}.btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 15px #8b5cf64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}.input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input::placeholder{color:#ffffff80}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .3s ease}.card:hover{border-color:#8b5cf64d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.fade-in{animation:fadeInUp .6s ease-out}@media (max-width:768px){.card{margin:16px;padding:16px}.btn{font-size:13px;padding:10px 20px}.input-sections-container{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.card div,.card h3,.card h4,.card p{text-align:center!important}.card button{display:block!important;margin:0 auto!important}.mobile-canvas-container{display:flex!important;flex-direction:column!important;max-width:100vw!important;padding:0 16px;width:100%!important}.mobile-canvas-container canvas{aspect-ratio:4/3;height:auto!important;max-height:100vh;min-height:600px;width:100%!important}.mobile-canvas-container>div,.mobile-visual-controls{max-width:100%!important;width:100%!important}.mobile-visual-controls{margin-top:20px}.mobile-legend,.mobile-visual-controls{bottom:auto!important;left:auto!important;margin-left:16px;margin-right:16px;position:static!important;right:auto!important;top:auto!important}.mobile-legend{margin-top:16px;max-width:100%!important;width:100%!important}.mobile-visual-controls .mobile-legend{margin-left:0!important;margin-right:0!important}@media (max-width:768px){input[type=range]{height:20px}input[type=range]::-webkit-slider-thumb{height:20px;width:20px}.btn{min-height:44px;padding:12px 20px}}}@media (max-width:768px){.cookie-banner{padding:16px!important}.cookie-banner .cookie-banner-content{gap:12px!important}.cookie-banner .cookie-banner-buttons{align-items:stretch!important;flex-direction:column!important}.cookie-banner .cookie-banner-buttons button{justify-content:center!important;width:100%!important}.cookie-preferences-modal{margin:10px!important;max-height:90vh!important;padding:20px!important}.cookie-preferences-modal .cookie-category{padding:16px!important}.cookie-preferences-modal .cookie-category-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.cookie-preferences-modal .cookie-category-toggle{align-self:flex-end!important}}
/*# sourceMappingURL=main.bdcd8e78.css.map*/