: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}#root{width:100%;height:100vh}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-out;pointer-events:all;isolation:isolate}.loader-container{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.loader-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{text-align:center}.loader-text p{margin:5px 0;font-size:1.1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.loader-progress{font-size:1.5rem;font-weight:700;color:#667eea}*{margin:0;padding:0;box-sizing:border-box}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.header{padding:20px;text-align:center;color:#fff;z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.1rem;opacity:.9}.canvas-container{flex:1;width:100%;position:relative;isolation:isolate}.canvas-container canvas{position:relative;z-index:1}.controls-info{padding:15px;text-align:center;color:#fff;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;z-index:10}