body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f23;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%;overflow:hidden;width:100%}.App{background:linear-gradient(180deg,#0f0f23,#1a1a2e,#16213e);height:100vh;overflow:hidden;position:relative;width:100vw}canvas{height:100%;left:0;top:0;width:100%;z-index:1}.controls,canvas{position:absolute}.controls{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:1px solid #fff3;border-radius:20px;color:#fff;left:20px;max-height:80vh;max-width:450px;overflow-y:auto;padding:25px;top:20px;z-index:10}.controls h2{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.5rem;margin:0 0 20px}.control-grid{display:flex;flex-direction:column;gap:20px}.control-group{border-bottom:1px solid #ffffff1a;padding-bottom:15px}.control-group:last-child{border-bottom:none}.control-group h3{color:#4ecdc4;font-size:1rem;margin:0 0 10px}.mode-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.mode-buttons button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.mode-buttons button:hover{background:#fff3;transform:translateY(-2px)}.mode-buttons button.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#0000;box-shadow:0 4px 15px #4ecdc44d}.theme-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.theme-buttons button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 10px;text-transform:capitalize;transition:all .3s ease}.theme-buttons button:hover{background:#fff3;transform:translateY(-1px)}.theme-buttons button.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#0000;box-shadow:0 2px 10px #4ecdc44d}.control-group input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:18px;width:18px}.control-group button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:8px;margin-right:8px;padding:8px 16px;transition:all .3s ease}.control-group button:hover{background:#fff3;transform:translateY(-1px)}.instructions{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.instructions p{color:#ffffffb3;font-size:.85rem;line-height:1.4;margin:5px 0}.show-controls-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;left:20px;padding:12px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:10}.show-controls-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.controls::-webkit-scrollbar{width:6px}.controls::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.controls::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.controls::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.controls{left:10px;max-height:70vh;max-width:none;padding:20px;right:10px;top:10px}.mode-buttons,.theme-buttons{grid-template-columns:1fr}.control-group button{margin-right:0;width:100%}}
/*# sourceMappingURL=main.fddbe74c.css.map*/