*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;background:#6bb3d9;font-family:Helvetica Neue,Arial,sans-serif}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;outline:none}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4a90c2,#6bb3d9,#87ceeb);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .8s ease,visibility .8s ease}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;color:#1a5f7a}.loader-content h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,10vw,5rem);font-weight:300;letter-spacing:.4em;margin-bottom:2rem;text-indent:.4em;color:#0d3a4dd9;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.loader-bar{width:clamp(200px,50vw,300px);height:2px;background:#1a5f7a33;border-radius:2px;overflow:hidden;margin:0 auto}.loader-progress{height:100%;width:0%;background:linear-gradient(90deg,#1a5f7a,#4fc3dc);border-radius:2px;transition:width .3s ease}.loader-text{margin-top:1.5rem;font-size:.85rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;opacity:.6}@media (max-width: 768px){.lil-gui{--width: 260px;font-size:11px}}@media (max-width: 480px){.lil-gui{--width: 200px;font-size:10px}}