@font-face{font-family:Offterz;src:url(/OffterzRegular-yYdMm.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rebellion Squad;src:url(/RebellionSquad-ZpprZ.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Starborn;src:url(/Starborn-lrJd.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zeyko Crew;src:url(/ZeykoCrew-rvxq9.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jarsphere;src:url(/jarsphere-font.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-display:"Offterz", cursive, sans-serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg-deep:#001108;--surface-card:#0a0b0f1a;--surface-card-border:#ffffff24;--surface-card-border-hover:#ffffff59;--text-primary:#ffffffeb;--text-secondary:#ffffffad;--text-muted:#ffffff6b;--fab-offset:clamp(16px, 2.5vw, 24px);--pos-x-multiplier:1;--pos-y-multiplier:1;font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{min-width:320px;font-family:var(--font-ui);margin:0;overflow:hidden}button,input,select,textarea{font-family:var(--font-ui)}code,pre{font-family:var(--font-mono)}button{cursor:pointer;user-select:none}::selection{color:#000;background:#ffffffd9}:focus-visible{outline-offset:2px;outline:2px solid #fff9}.brand-anchor{z-index:40;opacity:.85;mix-blend-mode:plus-lighter;justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:clamp(16px,2.5vw,24px);left:clamp(16px,2.5vw,24px)}.brand-anchor:hover{opacity:1;transform:scale(1.08)}.brand-anchor:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fff9}.future-nav-anchor{z-index:40;letter-spacing:.04em;color:#fff;opacity:.88;text-shadow:0 4px 18px #000000a6;user-select:none;cursor:pointer;align-items:center;font-family:Rebellion Squad,cursive,sans-serif;font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:400;line-height:1;text-decoration:none;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),text-shadow .2s;display:inline-flex;position:fixed;top:clamp(16px,2.5vw,24px);right:clamp(16px,2.5vw,24px)}.future-nav-anchor:hover{opacity:1;text-shadow:0 0 16px #ffffff80,0 4px 20px #000000d9;transform:translateY(-1px)scale(1.05)}.future-nav-anchor:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fff9}.arts-study,.horizon-study{isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.shader-stage{z-index:-1;background:var(--bg-deep);contain:strict;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.threeui-background{contain:strict;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.threeui-background canvas{width:100%;height:100%;display:block;transform:translateZ(0)}.wordmark-container{pointer-events:none;user-select:none;contain:layout style;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1vw,10px);display:flex}.wordmark{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;text-align:center;pointer-events:auto;user-select:none;cursor:default;text-shadow:0 10px 40px #0009;will-change:text-shadow;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:clamp(3rem,13vw,10.5rem);font-weight:400;line-height:.9;transition:text-shadow .4s;transform:translateZ(0)}.wordmark:hover{animation:6.5s ease-in-out infinite title-slow-pulse}.wordmark-subtitle{font-family:var(--font-ui);letter-spacing:.3em;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 4px 16px #0009;margin:0 -.3em 0 0;font-size:clamp(.82rem,1.4vw,1.12rem);font-weight:700;line-height:1}.ui-popover-content.controls-card{font-family:var(--font-ui);background:var(--surface-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--surface-card-border);z-index:60;width:275px;max-width:calc(100vw - 28px);transform-origin:var(--radix-popover-content-transform-origin);border-radius:14px;flex-direction:column;animation-duration:.18s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 18px 48px -6px #000000a6,0 0 24px #ffffff0a,inset 0 1px #ffffff24}.ui-popover-content[data-state=open]{animation-name:popover-slide-in}.ui-popover-content[data-state=closed]{animation-name:popover-slide-out}@keyframes popover-slide-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popover-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.96)}}.controls-tab-bar{background:#0000001a;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px 7px;display:flex}.controls-tab-item{color:#fff;opacity:.65;font-family:var(--font-ui);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.controls-tab-item:hover{color:#fff;opacity:.95;background:#ffffff1a;border-color:#ffffff40}.controls-tab-item.is-active{color:#fff;opacity:1;background:#ffffff2e;border-color:#ffffff73;font-weight:600;box-shadow:0 0 16px #ffffff2e,inset 0 1px #ffffff40}.tab-item-icon{color:#fff;mix-blend-mode:plus-lighter;width:13px;height:13px}.ui-tooltip-content{font-family:var(--font-ui);color:var(--text-primary);backdrop-filter:blur(16px);z-index:70;pointer-events:none;background:#0c0d12e6;border:1px solid #ffffff2e;border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:500;line-height:1.25;animation-duration:.14s;animation-timing-function:cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #000000bf,0 0 12px #ffffff14,inset 0 1px #ffffff1f}.controls-presets-bar{background:#00000014;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 8px;display:flex;overflow:hidden}.controls-fonts-bar{background:#0000001a;padding-top:8px}.font-chip{letter-spacing:.02em;font-size:.72rem}.presets-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffa6;mix-blend-mode:plus-lighter;flex-shrink:0;font-size:.64rem;font-weight:600}.presets-scroll-area{width:100%;position:relative;overflow:hidden}.ui-scroll-area-viewport{border-radius:inherit;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-x:auto!important}.ui-scroll-area-viewport::-webkit-scrollbar{display:none}.presets-toggle-group{align-items:center;gap:4px;width:max-content;padding:2px;display:inline-flex}.preset-chip{color:#ffffffbf;white-space:nowrap;mix-blend-mode:plus-lighter;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;padding:3px 7px;font-size:.68rem;font-weight:500;line-height:1.2;transition:all .14s}.preset-chip:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.preset-chip[data-state=on]{color:#fff;background:#ffffff38;border-color:#ffffffa6;font-weight:600;box-shadow:0 0 12px #ffffff40,inset 0 1px #ffffff4d}.presets-scroll-area .ui-scroll-bar,.ui-scroll-bar.is-horizontal{display:none!important}.controls-card-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;gap:8px;max-height:calc(100svh - 230px);padding:10px 14px;display:flex;overflow-y:auto}.parameter-item{flex-direction:column;display:flex}.parameter-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.parameter-label-group{align-items:center;gap:6px;display:flex}.parameter-icon{color:#ffffffd9;opacity:.85;mix-blend-mode:plus-lighter;flex-shrink:0;width:13px;height:13px}.parameter-label{color:#ffffffe6;letter-spacing:.01em;cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-ui);mix-blend-mode:plus-lighter}.ui-badge,.parameter-value-badge{font-size:.68rem;font-weight:600;font-family:var(--font-mono);letter-spacing:-.01em;color:#ffffffe0;backdrop-filter:blur(8px);mix-blend-mode:plus-lighter;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;align-items:center;padding:1px 6px;line-height:1.2;display:inline-flex}.ui-badge-emerald{color:#ffffffe0;mix-blend-mode:plus-lighter;background:#ffffff14;border:1px solid #ffffff2e}.ui-slider-root{user-select:none;touch-action:none;cursor:pointer;align-items:center;width:100%;height:16px;display:flex;position:relative}.ui-slider-track{background:#ffffff1f;border:1px solid #ffffff0a;border-radius:9999px;flex-grow:1;height:3.5px;position:relative;overflow:hidden}.ui-slider-root:hover .ui-slider-track{background:#ffffff2e}.ui-slider-range{background:#fff;border-radius:9999px;height:100%;position:absolute;box-shadow:0 0 8px #ffffff73}.ui-slider-thumb{cursor:grab;background:#fff;border-radius:9999px;width:13px;height:13px;transition:transform .12s,box-shadow .12s;display:block;box-shadow:0 0 0 2px #fff6,0 1px 4px #000c,0 0 8px #fff6}.ui-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 2px 6px #000000e6,0 0 12px #ffffffb3}.ui-slider-thumb:active{cursor:grabbing;transform:scale(1.25)}.ui-slider-thumb:focus-visible{outline:none;transform:scale(1.2);box-shadow:0 0 0 2.5px #fff,0 0 14px #ffffffd9}.parameter-scale-bounds{font-size:.61rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:2px;padding:0 1px;display:flex}.controls-card-footer{background:#00000014;border-top:1px solid #ffffff0d;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.footer-sound-btn{color:#ffffffd9;cursor:pointer;mix-blend-mode:plus-lighter;background:#ffffff0d;border:1px solid #ffffff24;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:28px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.footer-sound-btn.is-on{color:#fff;background:#ffffff29;border-color:#ffffff73;box-shadow:0 0 14px #ffffff40,inset 0 1px #fff3}.footer-sound-btn.is-on:hover{color:#fff;background:#ffffff40;border-color:#fff;box-shadow:0 0 20px #ffffff73,inset 0 1px #ffffff4d}.footer-sound-btn.is-off{color:#ffffffd9;opacity:1;box-shadow:none;background:#ffffff0d;border-color:#ffffff24}.footer-sound-btn.is-off:hover{color:#fff;background:#ffffff2e;border-color:#ffffff80;box-shadow:0 0 12px #fff3}.ui-button{font-family:var(--font-ui);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:26px;padding:4px 9px;font-size:.72rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.ui-btn-outline,.footer-action-btn{color:#ffffffd9;mix-blend-mode:plus-lighter;background:#ffffff0d;border-color:#ffffff24}.footer-action-btn{flex:1;height:28px}.ui-btn-outline:hover:not(:disabled),.footer-action-btn:hover:not(:disabled){color:#fff;background:#ffffff2e;border-color:#ffffff80;box-shadow:0 0 12px #fff3}.ui-btn-outline:disabled{opacity:.3;cursor:not-allowed;color:#ffffff59;background:#ffffff05;border-color:#ffffff0f}.footer-action-btn:disabled{opacity:1!important;color:#ffffffd9!important;background:#ffffff0d!important;border-color:#ffffff24!important}.footer-btn-icon{color:currentColor;mix-blend-mode:plus-lighter;width:12px;height:12px}.ui-fab{z-index:55;right:var(--fab-offset);bottom:var(--fab-offset);-webkit-backdrop-filter:blur(20px);color:#fff;background:#0c0e12bf;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s,background .2s;display:grid;position:fixed;box-shadow:0 8px 24px #000000bf,0 0 16px #ffffff14,inset 0 1px #ffffff38}.ui-fab:hover{color:#fff;background:#1c1e26d9;border-color:#ffffffa6;transform:translateY(-2px)scale(1.06);box-shadow:0 10px 28px #000000d9,0 0 22px #ffffff40,inset 0 1px #ffffff59}.ui-fab:active{transform:translateY(0)scale(.97)}.ui-fab.is-active{color:#000;background:#fff;border-color:#fff;box-shadow:0 8px 26px #000000d9,0 0 24px #ffffff73}.ui-fab-inner{place-items:center;width:100%;height:100%;display:grid}.ui-fab-icon{width:18px;height:18px;transition:transform .2s}.ui-fab-icon-close{color:#000}.ui-fab-indicator{display:none!important}.mgc-icon{vertical-align:middle;transform-origin:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .15s,filter .2s;display:inline-block}@keyframes mgc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mgc-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes mgc-pulse{0%,to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #fff9);transform:scale(1.22)}}@keyframes mgc-wave{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-6deg)}75%{transform:translate(3px)rotate(6deg)}}@keyframes mgc-twinkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 6px #fffc);transform:scale(1.28)rotate(18deg)}}@keyframes mgc-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg)scale(1.12)}40%{transform:rotate(16deg)scale(1.12)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@keyframes mgc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)scale(1.1)}}@keyframes mgc-radar{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;filter:drop-shadow(0 0 5px #fff9);transform:scale(1.18)}to{opacity:.7;transform:scale(.9)}}.parameter-item:hover .parameter-icon{color:#fff;transform:scale(1.15)}.parameter-item:hover .mgc-wave-icon{animation:1.2s ease-in-out infinite mgc-wave}.parameter-item:hover .mgc-sparkle-icon{animation:1s ease-in-out infinite mgc-twinkle}.parameter-item:hover .mgc-sun-icon{animation:1.4s ease-in-out infinite mgc-pulse}.parameter-item:hover .mgc-radar-icon{animation:1.5s ease-in-out infinite mgc-radar}.parameter-item:hover .mgc-palette-icon{animation:.9s ease-in-out infinite mgc-wiggle}.parameter-item:hover .mgc-speed-icon{animation:2s linear infinite mgc-spin}.footer-action-btn:hover .mgc-shuffle-icon{animation:.7s ease-in-out mgc-wiggle}.footer-action-btn:hover .mgc-reset-icon{animation:.7s cubic-bezier(.34,1.56,.64,1) mgc-spin-reverse}.is-animating-roll{animation:.6s cubic-bezier(.34,1.56,.64,1) mgc-wiggle!important}.is-animating-spin{animation:.65s cubic-bezier(.34,1.56,.64,1) mgc-spin-reverse!important}@keyframes mgc-sound-pulse{0%,to{filter:drop-shadow(0 0 1px #ffffff4d);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #ffffffbf);transform:scale(1.15)}}@keyframes mgc-sound-wave{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.14)rotate(-9deg)}75%{transform:scale(1.14)rotate(9deg)}}.mgc-sound-icon{width:13px;height:13px;transition:transform .2s,filter .2s}.footer-sound-btn.is-on .mgc-sound-icon{animation:2.2s ease-in-out infinite mgc-sound-pulse}.footer-sound-btn.is-on:hover .mgc-sound-icon{animation:.65s ease-in-out infinite mgc-sound-wave}.footer-sound-btn.is-off .mgc-sound-icon{opacity:1;animation:none!important}.is-animating-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) mgc-bounce!important}.ui-fab:hover .ui-fab-icon:not(.ui-fab-icon-close){filter:drop-shadow(0 0 6px #ffffff80);transform:rotate(25deg)scale(1.15)}.ui-fab:hover .ui-fab-icon.ui-fab-icon-close{transform:rotate(90deg)scale(1.1)}.ui-fab.is-active .ui-fab-icon{animation:.35s mgc-bounce}@keyframes title-slow-pulse{0%,to{text-shadow:0 0 10px #ffffff38,0 0 22px #ffffff1f,0 10px 40px #0009}50%{text-shadow:0 0 16px #ffffff7a,0 0 35px #ffffff3d,0 0 58px #ffffff14,0 10px 40px #000000a6}}@media (hover:none),(width<=768px){.wordmark{animation:7.5s ease-in-out infinite title-slow-pulse}}@media (width<=640px){:root{--pos-x-multiplier:.42;--pos-y-multiplier:.7}}@media (width<=480px){:root{--pos-x-multiplier:.32;--pos-y-multiplier:.55;--fab-offset:max(14px, env(safe-area-inset-bottom,14px))}.brand-anchor{top:max(14px, env(safe-area-inset-top,14px));left:max(14px, env(safe-area-inset-left,14px))}.future-nav-anchor{top:max(14px, env(safe-area-inset-top,14px));right:max(14px, env(safe-area-inset-right,14px));font-size:1.25rem}.wordmark-subtitle{letter-spacing:.22em;margin-right:-.22em}.ui-popover-content.controls-card{border-radius:12px;width:min(300px,100vw - 28px)}.ui-fab{right:max(14px, env(safe-area-inset-right,14px));bottom:max(14px, env(safe-area-inset-bottom,14px));touch-action:manipulation;width:42px;height:42px}.controls-card-content{max-height:44vh;padding:8px 12px}.controls-tab-bar{padding:6px 8px}.controls-presets-bar{padding:8px 10px 6px}.ui-button,.footer-sound-btn,.preset-chip,.controls-tab-item{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){.ui-popover-content,.ui-fab,.ui-slider-thumb,.mgc-icon{transition:none;animation:none!important}}