*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.brand-title{position:absolute;top:40px;left:44px;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:28px;letter-spacing:.02em;color:#e8dcc8;text-shadow:0 2px 20px rgba(0,0,0,.6);transition:color 1.5s ease;-webkit-user-select:none;user-select:none}.brand-subtitle{position:absolute;top:78px;left:46px;font-family:JetBrains Mono,monospace;font-weight:300;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8dcc866;text-shadow:0 1px 10px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none}.site-footer{position:absolute;bottom:32px;left:44px;-webkit-user-select:none;user-select:none}.site-footer__title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:13px;color:#e8dcc859;margin-bottom:4px}.site-footer__credit{font-family:JetBrains Mono,monospace;font-weight:300;font-size:10px;line-height:1.6;letter-spacing:.06em;color:#e8dcc840}.time-scrubber{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:20px;display:flex;align-items:center;pointer-events:all;cursor:pointer;opacity:0;transition:opacity .4s ease}.time-scrubber:hover{opacity:1}.time-scrubber__track{width:100%;height:1px;background:#e8dcc833;border-radius:1px;position:relative}.time-scrubber__fill{position:absolute;top:0;left:0;height:100%;background:#e8dcc880;border-radius:1px;transition:width .1s linear}.time-scrubber__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#e8dcc8b3;box-shadow:0 0 6px #e8dcc84d}.time-label{position:absolute;bottom:44px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-weight:300;font-size:10px;letter-spacing:.1em;color:#e8dcc84d;text-transform:uppercase;opacity:0;transition:opacity .4s ease;-webkit-user-select:none;user-select:none}.time-scrubber:hover~.time-label,.time-label.visible{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.brand-title,.brand-subtitle,.site-footer{animation:fadeIn 2s ease .5s both}.controls-toggle{position:fixed;bottom:32px;right:32px;z-index:20;width:40px;height:40px;border:1px solid rgba(232,220,200,.12);border-radius:10px;background:#14121099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e8dcc880;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;animation:fadeIn 2s ease 1.5s both}.controls-toggle:hover{background:#1e1b18cc;color:#e8dcc8cc;border-color:#e8dcc833}.controls-toggle--hidden{opacity:0!important;pointer-events:none}.controls-panel{position:fixed;top:0;right:0;bottom:0;width:280px;z-index:30;background:#12100ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(232,220,200,.08);transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8dcc8b3}.controls-panel--open{transform:translate(0)}.controls-panel::-webkit-scrollbar{width:4px}.controls-panel::-webkit-scrollbar-track{background:transparent}.controls-panel::-webkit-scrollbar-thumb{background:#3d363066;border-radius:2px}.controls-panel::-webkit-scrollbar-thumb:hover{background:#a699854d}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid rgba(232,220,200,.06)}.cp-title{font-family:JetBrains Mono,monospace;font-weight:300;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8dcc866}.cp-close{background:none;border:none;color:#e8dcc866;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.cp-close:hover{color:#e8dcc8cc;background:#e8dcc80f}.cp-section{padding:16px 20px;border-bottom:1px solid rgba(232,220,200,.04)}.cp-section-label{font-family:JetBrains Mono,monospace;font-weight:300;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#e8dcc84d;margin-bottom:12px}.cp-row{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cp-row--inline{flex-wrap:nowrap;justify-content:space-between}.cp-label{font-size:11px;color:#e8dcc88c;flex-shrink:0;min-width:65px}.cp-value{font-family:JetBrains Mono,monospace;font-size:10px;color:#e8dcc859;min-width:28px;text-align:right;flex-shrink:0}.cp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:3px;background:#e8dcc81a;border-radius:2px;outline:none;cursor:pointer}.cp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#e8dcc880;border:none;cursor:pointer;transition:background .2s}.cp-slider::-webkit-slider-thumb:hover{background:#e8dcc8bf}.cp-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e8dcc880;border:none;cursor:pointer}.cp-pill{font-family:JetBrains Mono,monospace;font-weight:300;font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid rgba(232,220,200,.1);background:transparent;color:#e8dcc866;cursor:pointer;transition:all .2s;white-space:nowrap}.cp-pill:hover{border-color:#e8dcc833;color:#e8dcc8a6}.cp-pill--active{background:#e8dcc81a;border-color:#e8dcc833;color:#e8dcc8cc}.cp-pill--sm{font-size:9px;padding:2px 6px}.cp-speed-pills,.cp-time-presets{display:flex;gap:4px;flex-wrap:wrap}.cp-toggle-pair{display:flex;gap:2px}.cp-btn--icon{width:28px;height:28px;border-radius:6px;border:1px solid rgba(232,220,200,.12);background:transparent;color:#e8dcc880;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cp-btn--icon:hover{background:#e8dcc814;color:#e8dcc8cc}.cp-switch{position:relative;width:34px;height:18px;cursor:pointer;flex-shrink:0}.cp-switch input{display:none}.cp-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:#e8dcc81a;border-radius:9px;transition:background .25s}.cp-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#e8dcc866;transition:all .25s cubic-bezier(.16,1,.3,1)}.cp-switch input:checked+.cp-switch__track{background:#c8a0644d}.cp-switch input:checked+.cp-switch__track:after{left:18px;background:#c8a064cc}.cp-footer{padding:12px 20px}.cp-hint{font-family:JetBrains Mono,monospace;font-size:9px;color:#e8dcc833;letter-spacing:.05em}