: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;padding:0;width:100vw;height:100vh;overflow:hidden;background:#000}canvas#glCanvas{display:block;width:100%;height:100%}#controls{position:absolute;top:20px;right:20px;background:#000000b3;padding:20px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);min-width:250px;transition:all .3s ease}#controls.minimized{min-width:unset;width:40px;height:40px;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}#toggleControls{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;outline:none}#controls.minimized #toggleControls{position:static}#controls-content{opacity:1;transition:opacity .2s ease}#controls.minimized #controls-content{display:none;opacity:0}h1{font-size:1.2em;margin:0 0 20px;text-align:center}.control-group{margin-bottom:15px;display:flex;flex-direction:column}.control-group label{font-size:.9em;margin-bottom:5px;color:#aaa}input[type=color]{width:100%;height:30px;border:none;padding:0;background:none;cursor:pointer}input[type=range]{width:100%;cursor:pointer}input[type=checkbox]{margin-right:8px;cursor:pointer}.control-group label{display:flex;align-items:center}.instructions{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);font-size:.8em;color:#888}.instructions p{margin:5px 0}