@font-face{font-family:Offterz;src:url(/OffterzRegular-yYdMm.otf)format("opentype");font-weight:100 900;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:#121318f0;--surface-card-border:#ffffff24;--surface-card-border-hover:#f59e0b73;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-300:#fde68a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--fab-offset:clamp(16px, 2.5vw, 24px);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:#001108;background:var(--emerald-300)}:focus-visible{outline:2px solid var(--emerald-300);outline-offset:2px}.brand-anchor{z-index:40;opacity:.9;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:2px solid var(--emerald-300,#6ee7b7);outline-offset:4px;border-radius:4px}.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);position:absolute;inset:0;overflow:hidden}.threeui-background{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.threeui-background canvas{width:100%;height:100%;display:block}.wordmark-container{pointer-events:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1vw,10px);display:flex}.wordmark{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.04em;text-align:center;pointer-events:none;user-select:none;text-shadow:0 10px 40px #00000080;margin:0;font-size:clamp(4.75rem,13vw,10.5rem);font-weight:400;line-height:.9}.wordmark-subtitle{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);opacity:.9;text-shadow:0 4px 16px #0009;margin: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(24px)saturate(190%);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 #000000d9,0 0 24px #f59e0b26,inset 0 1px #ffffff1f}.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:#00000052;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px 7px;display:flex}.controls-tab-item{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:#ffffff08;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:var(--text-primary);background:#ffffff0f;border-color:#ffffff26}.controls-tab-item.is-active{color:#0f172a;background:var(--amber-400);border-color:var(--amber-300);font-weight:600;box-shadow:0 0 10px #f59e0b59}.tab-item-icon{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:#121318f5;border:1px solid #f59e0b4d;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 #f59e0b26,inset 0 1px #ffffff1a}.controls-presets-bar{background:#00000038;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 8px;display:flex;overflow:hidden}.presets-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);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:var(--text-secondary);white-space:nowrap;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:#f59e0b1f;border-color:#f59e0b73}.preset-chip[data-state=on]{color:#0f172a;background:#f59e0b;border-color:#fbbf24;font-weight:600;box-shadow:0 0 10px #f59e0b73}.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:#f59e0b40 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{width:13px;height:13px;color:var(--amber-400);opacity:.95;flex-shrink:0}.parameter-label{color:var(--text-primary);letter-spacing:.01em;cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-ui)}.ui-badge,.parameter-value-badge{font-size:.68rem;font-weight:600;font-family:var(--font-mono);letter-spacing:-.01em;color:var(--amber-400);background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:5px;align-items:center;padding:1px 6px;line-height:1.2;display:inline-flex}.ui-badge-emerald{color:var(--amber-400);background:#f59e0b1f;border:1px solid #f59e0b59}.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:linear-gradient(90deg,#d97706 0%,#f59e0b 50%,#fbbf24 100%);border-radius:9999px;height:100%;position:absolute;box-shadow:0 0 8px #f59e0b73}.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 #f59e0b,0 1px 4px #0009,0 0 8px #f59e0ba6}.ui-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 2px #fbbf24,0 2px 6px #000000b3,0 0 12px #fbbf24d9}.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 #fde68a,0 0 14px #fbbf24f2}.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:#0000002e;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px 10px;display:flex}.footer-sound-btn{width:28px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.footer-sound-btn.is-on{color:var(--amber-400);background:linear-gradient(135deg,#f59e0b38,#d977061f);border-color:#f59e0b8c;box-shadow:0 0 12px #f59e0b59,inset 0 1px #ffffff2e}.footer-sound-btn.is-on:hover{border-color:var(--amber-400);color:#fff;background:linear-gradient(135deg,#f59e0b52,#d9770633);box-shadow:0 0 18px #f59e0b8c,inset 0 1px #ffffff40}.footer-sound-btn.is-off{color:var(--text-muted);opacity:.55;box-shadow:none;background:#ffffff05;border-color:#ffffff0f}.footer-sound-btn.is-off:hover{opacity:.9;color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff29}.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{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff1f}.ui-btn-outline:hover:not(:disabled){color:var(--amber-400);background:#f59e0b26;border-color:#f59e0b73}.ui-btn-outline:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff0d}.footer-btn-icon{width:12px;height:12px}.ui-fab{z-index:55;right:var(--fab-offset);bottom:var(--fab-offset);width:44px;height:44px;color:var(--amber-400);background:linear-gradient(145deg,#2a2016,#14100c);border:1px solid #f59e0b73;border-radius:50%;place-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:grid;position:fixed;box-shadow:0 8px 22px #000000bf,0 0 20px #f59e0b4d,inset 0 1px #fff3}.ui-fab:hover{border-color:var(--amber-400);color:#fff;background:linear-gradient(145deg,#382c1f,#1b1510);transform:translateY(-2px)scale(1.06);box-shadow:0 10px 26px #000c,0 0 26px #f59e0b8c,inset 0 1px #ffffff40}.ui-fab:active{transform:translateY(0)scale(.97)}.ui-fab.is-active{border-color:var(--amber-400);color:#0f172a;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #000c,0 0 24px #f59e0b99}.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:#0f172a}.ui-fab-indicator{background:var(--amber-400);width:8px;height:8px;box-shadow:0 0 6px var(--amber-400);border:1.5px solid #14100c;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-dot;position:absolute;top:2px;right:2px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.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 #4ade8000);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #4ade8099);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 #81edb0cc);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 #4ade8099);transform:scale(1.18)}to{opacity:.7;transform:scale(.9)}}.parameter-item:hover .parameter-icon{color:var(--emerald-300);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 #f59e0b4d);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #fbbf24bf);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:.6;animation:none!important}.is-animating-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) mgc-bounce!important}.ui-fab:hover .ui-fab-icon{transform:rotate(45deg)scale(1.1)}.ui-fab.is-active .ui-fab-icon{animation:.35s mgc-bounce}@media (width<=480px){.ui-popover-content.controls-card{width:calc(100vw - 28px)}.ui-fab{bottom:14px;right:14px}.controls-card-content{max-height:48vh}}@media (prefers-reduced-motion:reduce){.ui-popover-content,.ui-fab,.ui-slider-thumb,.mgc-icon{transition:none;animation:none!important}}