@font-face{font-family:PP Neue Montreal;src:url(/assets/PPNeueMontreal-SemiBold-lfWwl6Kh.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--glass-bg: rgba(0, 0, 0, .6);--glass-bg-hover: rgba(0, 0, 0, .7);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .25);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--accent-teal: #64ffda;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 100px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#000;overscroll-behavior:none;height:100%;width:100%}#glCanvas{display:block;width:100vw;height:100dvh;position:fixed;top:0;left:0;opacity:0;animation:canvasFadeIn 1.5s ease-out .6s forwards}@keyframes canvasFadeIn{0%{opacity:0}to{opacity:1}}.controls-panel{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);opacity:0;visibility:hidden;background:var(--glass-bg);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid var(--glass-border);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:0;width:calc(100% - 48px);max-width:420px;height:120dvh;bottom:-40dvh;box-shadow:0 -24px 80px var(--glass-shadow),0 -8px 32px #0003,inset 0 1px 0 var(--glass-highlight),inset 0 -1px #0000001a;color:var(--text-primary);z-index:1000;touch-action:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.controls-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.drag-handle-bar{width:100%;height:32px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;position:relative;z-index:1}.drag-handle{width:40px;height:5px;background:var(--text-tertiary);border-radius:var(--radius-sm);transition:all .2s ease}.drag-handle-bar:hover .drag-handle{background:var(--text-secondary);width:48px}.controls-panel.dragging{cursor:grabbing;transition:none!important}.controls-panel.animating{transition:transform .6s cubic-bezier(.32,.72,0,1)}.controls-panel.ready{opacity:1;visibility:visible;transition:transform 1.5s cubic-bezier(.35,0,.02,1),opacity .4s ease}.controls-panel.ready.animating{transition:transform .6s cubic-bezier(.32,.72,0,1)}.controls-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;position:relative;z-index:1}.signature-link{display:flex;align-items:center;justify-content:center;padding:8px 14px;background:#ffffff1f;border:none;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:all .2s ease}.signature-link:hover{background:#fff3;color:var(--text-primary);transform:scale(1.02)}.signature-link:active{transform:scale(.98)}.controls-header h1{font-size:.9rem;font-weight:500;margin:0;position:absolute;left:50%;transform:translate(-50%);color:var(--text-primary);white-space:nowrap}.controls-content{overflow-y:auto;height:calc(100% - 72px);padding:20px;padding-bottom:40dvh;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y}.controls-content::-webkit-scrollbar{display:none}.control-section{margin-bottom:25px}.about-box{background:linear-gradient(180deg,#ffffff05,#fff0);border-radius:6px;padding:15px;border:1px solid rgba(255,255,255,.05)}.about-box p{font-size:12px;color:#ffffffb3;margin:0;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.control-section h3{font-size:.75rem;font-weight:600;margin-bottom:16px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.randomize-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:6px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid transparent;color:var(--text-secondary);transition:all .2s ease;vertical-align:middle}.randomize-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.randomize-btn:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.02)}.randomize-btn:active{transform:scale(.98)}.control-group{margin-bottom:15px}.control-group label{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:500;color:var(--text-primary)}.control-group label span:not(.action-icon){color:var(--accent-teal);font-weight:600;font-variant-numeric:tabular-nums;margin-left:auto}input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;touch-action:pan-x;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0000001a;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0000001a}input[type=color]{width:100%;height:44px;border:none;border-radius:22px;cursor:pointer;background:transparent;transition:all .2s ease}input[type=color]:hover{transform:scale(1.02)}input[type=color]:active{transform:scale(.98)}input[type=color]:focus{outline:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:22px;transition:all .2s ease}input[type=color]:hover::-webkit-color-swatch{border-color:#fff6;box-shadow:0 4px 12px #0000004d,0 0 20px #64ffda26}input[type=color]:focus::-webkit-color-swatch{border-color:#64ffda;box-shadow:0 6px 16px #0006,0 0 30px #64ffda4d,0 0 0 3px #64ffda33}input[type=color]::-moz-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:22px}.noise-select{width:100%;padding:10px 32px 10px 12px;background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364ffda' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--accent-teal);font-size:.85rem;font-weight:600;font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;outline:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.noise-select:hover{background-color:#ffffff26;border-color:#ffffff40}.noise-select:focus{background-color:#ffffff26;border-color:var(--accent-teal);box-shadow:0 0 0 2px #64ffda33}.noise-select option{background:#14141efa;color:#fff;padding:10px}.preset-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-btn{aspect-ratio:1;padding:0;border:1px solid transparent;background:#ffffff14;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:.65rem;font-weight:500;font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;text-transform:uppercase;letter-spacing:.04em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.preset-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}.preset-btn:hover{background:#ffffff26;color:var(--text-primary)}.preset-btn:active{transform:scale(.98)}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{padding:12px 20px;border:1px solid transparent;background:#ffffff14;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:9px;vertical-align:middle}.action-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.action-btn:hover{background:#ffffff26;transform:scale(1.02)}.action-btn:active{transform:scale(.98)}.info-section{border-top:1px solid rgba(255,255,255,.08);margin-top:10px;background:linear-gradient(180deg,#ffffff05,#fff0);border-radius:6px;padding:15px}.mode-toggle{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15)}.mode-btn{flex:1;padding:10px 16px;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s ease}.mode-btn.active{background:#ffffff26;border-color:#fff3;color:var(--text-primary)}.mode-btn:hover:not(.active){color:var(--text-primary);background:#ffffff14}.mode-btn:active{transform:scale(.98)}.info-section p{font-size:12px;color:#ffffffb3;margin-bottom:8px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.email-btn{display:inline-block;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;margin:12px 0;text-decoration:none}.fps-counter{font-family:Courier New,monospace;color:#64ffda!important;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-100px);background:var(--glass-bg);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10000;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-100px)}20%,80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.has-tooltip{position:relative;cursor:help}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;padding:10px 14px;background:#0a0a0ffa;border:1px solid rgba(100,255,218,.3);border-radius:8px;color:#e6f1ff;font-size:12px;font-weight:400;line-height:1.5;text-align:center;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.has-tooltip:hover:after{opacity:1;visibility:visible}.anim-label.has-tooltip:after{left:160px;transform:translate(-50%)}.has-tooltip:before{display:none}.animation-toggle-group{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.animation-row{display:flex;flex-wrap:wrap;align-items:center;gap:0;row-gap:10px}.anim-label{font-size:13px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:help;white-space:nowrap;display:inline-flex;align-items:center}.animation-row .lock-btn{margin-left:6px;margin-right:0}.animation-row .toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:auto;-webkit-user-select:none;user-select:none;align-self:center;margin-bottom:0!important}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:36px;height:20px;background:#ffffff26;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;align-self:center}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff9;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-checkbox:checked+.toggle-switch{background:#64ffda66}.toggle-checkbox:checked+.toggle-switch:after{left:18px;background:#64ffda;box-shadow:0 0 8px #64ffda80}.speed-control{display:flex;align-items:center;gap:8px;flex-shrink:0;width:100%;margin-top:8px;flex-direction:row-reverse}.speed-control span{font-size:11px;color:#64ffda;min-width:40px;text-align:left}.speed-label{font-size:12px;color:#fff9}.slider-mini{width:80px;height:4px}.slider-mini::-webkit-slider-thumb{width:12px;height:12px}.lock-btn{background:none;border:none;cursor:pointer;padding:2px 6px;margin-left:6px;opacity:.4;transition:all .2s ease;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.lock-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.lock-btn:hover{opacity:.8;transform:scale(1.1)}.lock-btn.locked{opacity:1;color:#64ffda;filter:drop-shadow(0 0 4px rgba(100,255,218,.5))}.control-group>label .lock-btn{flex-shrink:0;margin-left:6px;margin-right:0}