:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}.App{position:relative;overflow:hidden}.controls{position:absolute;bottom:20px;left:20px;z-index:10;background:#000000b3;padding:10px;border-radius:5px;color:#fff}.controls button{margin:5px;padding:8px 12px;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer}.controls button:hover{background:#45a049}.controls label{display:block;margin:10px 5px}.controls input[type=range]{width:100%;margin-top:5px;background:#333;height:5px;border-radius:5px;-webkit-appearance:none}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#4caf50;cursor:pointer}.controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4caf50;cursor:pointer;border:none}.info{position:absolute;top:10px;width:100%;text-align:center;color:#fff;background-color:#00000080;padding:5px;z-index:100;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5)}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;box-shadow:inset 0 0 150px #0006;background:radial-gradient(ellipse at center,#0000,#0000 65%,#00000059);mix-blend-mode:multiply}canvas{filter:brightness(1) saturate(1.1)}