:root{--su-color-black: #000000;--su-color-white: #ffffff;--su-color-transparent: transparent;--su-bg-main: #000000;--su-bg-panel: #111111;--su-bg-footer: #0a0a0a;--su-border-dark: #222222;--su-border-hover: #444444;--su-text-white: #ffffff;--su-text-black: #000000;--su-text-light: #f8f8f8;--su-text-muted: #ccc;--su-text-subtle: rgba(255, 255, 255, .4);--su-text-error: #ff6b6b;--su-text-success: #51cf66;--su-brand-shadow: #53ad55;--su-brand-wtf: #8f8fff;--su-brand-la: #4f7cff;--su-brand-vimeo: #17D5FF;--su-brand-discord: #5865f2;--su-brand-youtube: #ff0000;--su-brand-instagram-grad: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--su-accent-amber: #d48d21;--su-accent-amber-hover: rgba(212, 140, 33, .54);--su-menu-hover-bg: rgba(26, 26, 26, .54);--su-font-heading: "Inter", sans-serif;--su-font-main: "Noto Sans", sans-serif;--su-font-mono: ui-monospace, "SFMono-Regular", "Consolas", "Courier New", monospace;--su-text-xs: .6875rem;--su-text-sm: .75rem;--su-text-base: .875rem;--su-text-md: .9375rem;--su-font-weight-normal: 400;--su-font-weight-bold: 800;--su-line-height-tight: 1.4;--su-line-height-base: 1.5;--su-tracking-tight: -.05em;--su-tracking-normal: 0;--su-tracking-wide: .1em;--su-shadow-overlay: 0 8px 24px rgba(0, 0, 0, .85);--su-opacity-hover: .77;--su-z-cookie: 10000;--su-z-modal: 9999;--su-z-menu: 9000;--su-z-tooltip: 8000;--su-z-dropdown: 7000;--su-space-xs: 4px;--su-space-sm: 8px;--su-space-md: 16px;--su-space-lg: 24px;--su-space-xl: 32px;--su-space-2: 2px;--su-space-4: 4px;--su-space-5: 5px;--su-space-6: 6px;--su-space-8: 8px;--su-space-10: 10px;--su-space-12: 12px;--su-space-15: 15px;--su-space-16: 16px;--su-space-20: 20px;--su-icon-sm: 22px;--su-icon-md: 24px;--su-icon-lg: 28px;--su-icon-xl: 34px;--su-icon-2xl: 42px;--su-border-thin: 1px solid var(--su-border-dark);--su-btn-padding-sm: var(--su-space-6) var(--su-space-12);--su-btn-padding-md: var(--su-space-12) var(--su-space-16);--su-btn-padding-lg: var(--su-space-12) var(--su-space-20);--su-btn-text-sm: var(--su-text-xs);--su-btn-text-md: var(--su-text-md);--su-btn-text-lg: var(--su-text-base);--su-btn-bg-default: var(--su-color-transparent);--su-btn-bg-primary: var(--su-text-white);--su-btn-bg-hover: var(--su-brand-shadow);--su-btn-color-default: var(--su-text-muted);--su-btn-color-primary: var(--su-bg-main);--su-btn-color-hover: var(--su-color-black);--su-btn-border: 1px solid var(--su-border-dark);--su-radius-sm: 4px;--su-radius-md: 6px;--su-radius-round: 50%;--su-transition-fast: all .2s ease;--su-transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--su-bg-main);color:var(--su-text-white);font-family:var(--su-font-main);-webkit-font-smoothing:antialiased}body{margin:0;padding:0;line-height:var(--su-line-height-base)}h6{font-family:var(--su-font-heading);color:var(--su-text-white);margin:0}a{color:inherit;text-decoration:none;transition:var(--su-transition-smooth)}a:hover{color:var(--su-brand-shadow)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--su-brand-shadow);outline-offset:2px}button,input,select,textarea{font-family:var(--su-font-main);font-size:var(--su-btn-text-md);color:var(--su-text-white);background-color:var(--su-bg-panel);border:var(--su-btn-border);border-radius:var(--su-radius-sm);padding:var(--su-btn-padding-md);transition:var(--su-transition-smooth)}.icon-vimeo{background-image:url('data:image/svg+xml,<svg width="332" height="300" viewBox="0 0 332 300" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M283.484 0C221.818 0 192.623 79.7255 192.623 79.7255L197.396 86.65C202.87 83.3749 209.42 79.7255 216.999 79.7255C225.234 79.7255 232.065 85.8079 232.065 101.856C232.065 128.431 201.7 193.746 174.423 193.746C162.305 193.746 156.878 174.095 149.017 138.584C146.351 128.197 141.672 101.575 134.888 58.8116C128.571 19.1828 124.08 3.32189 101.716 3.32189C50.3899 3.32189 0 74.8128 0 74.8128L7.29881 90.0187C12.7729 86.7436 19.2764 83.0474 28.821 83.0474C47.0212 83.0474 48.8459 103.26 59.2795 140.689C68.6837 175.031 77.9476 208.765 87.4922 243.715C97.0836 278.665 116.781 300 141.017 300C177.371 300 212.367 269.167 259.903 207.642C282.034 179.289 305.334 141.204 317.545 114.395C329.897 87.3518 331.956 64.3325 331.956 53.7586C331.956 23.0661 319.838 0 283.484 0Z" fill="%23F4F6F8"/>%0A</svg>%0A')}.icon-youtube{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff">%0A  <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>%0A</svg>%0A')}.icon-instagram{background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><style>.cls-1{fill:%23fff;}<\/style></defs><path class="cls-1" d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>')}.icon-discord{background-image:url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg id="Discord-Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.644 96"><defs><style>.cls-1{fill:%23fff;}<\/style></defs><path id="Discord-Symbol-White" class="cls-1" d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>')}.icon-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")}.icon-universewtf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238f8fff'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}.icon-universela{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234f7cff'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}su-button{display:inline-block;background-color:var(--su-btn-bg, var(--su-btn-bg-primary));color:var(--su-btn-color, var(--su-btn-color-primary));font-family:var(--su-font-heading);font-size:var(--su-btn-text-lg);font-weight:var(--su-font-weight-bold);letter-spacing:var(--su-tracking-wide);text-transform:uppercase;padding:var(--su-btn-padding-lg);border-radius:var(--su-radius-sm);cursor:pointer;transition:var(--su-transition-smooth)}su-button:hover{background-color:var(--su-btn-hover-bg, var(--su-btn-bg-hover));color:var(--su-btn-hover-color, var(--su-btn-color-hover))}su-button.sm{font-size:var(--su-btn-text-sm);padding:var(--su-btn-padding-sm);font-family:var(--su-font-mono)}su-button.ghost{background-color:var(--su-btn-bg-default);color:var(--su-text-muted)}su-button.ghost:hover{background-color:var(--su-color-transparent);color:var(--su-text-white)}su-button.accept:hover{background-color:var(--su-btn-bg-hover);color:var(--su-btn-color-hover)}su-clock{display:inline-flex;align-items:center;gap:var(--su-space-sm);padding:var(--su-space-6) var(--su-space-12);font-family:var(--su-font-mono);font-size:var(--su-text-sm);color:var(--su-text-muted);background:var(--su-bg-panel);border:1px solid var(--su-border-dark);border-radius:var(--su-radius-sm)}su-embed{display:block;width:100%}.embed-container{width:100%}.embed-container.aspect-16-9{aspect-ratio:16 / 9}.embed-container.aspect-21-9{aspect-ratio:21 / 9}.embed-container.aspect-4-3{aspect-ratio:4 / 3}.embed-container.aspect-1-1{aspect-ratio:1 / 1}.embed-container iframe,.embed-container embed,.embed-container object,.embed-container canvas{width:100%;height:100%;border:none}su-action-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--su-space-sm);flex-shrink:0}su-cookie{display:block}.cookie-banner{position:fixed;top:var(--su-space-md);left:50%;transform:translate(-50%);width:calc(100% - (var(--su-space-16) * 2));max-width:540px;padding:var(--su-space-12) var(--su-space-16);background:var(--su-bg-panel);border:1px solid var(--su-border-dark);border-radius:var(--su-radius-md);color:var(--su-text-muted);font-family:var(--su-font-mono);font-size:var(--su-text-sm);line-height:var(--su-line-height-tight);display:flex;align-items:center;justify-content:space-between;gap:var(--su-space-md);box-shadow:var(--su-shadow-overlay);z-index:var(--su-z-cookie)}.cookie-banner p{margin:0}su-menu{display:block;width:100%}.su-menu-bar{background:var(--su-bg-main);border-top:1px solid var(--su-border-dark);position:fixed;bottom:0;left:0;width:100%;z-index:var(--su-z-menu);display:flex;justify-content:space-between;align-items:center}.nav-group{display:flex;align-items:center}.nav-group ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nav-link,.nav-link:hover,.nav-link:focus,.nav-link.is-active{display:flex;align-items:center;color:var(--su-text-white, #ffffff);text-decoration:none;padding:var(--su-space-16) var(--su-space-10);transition:var(--su-transition-smooth);border-top:2px solid transparent;position:relative}.nav-link:hover{color:var(--su-text-light)}.nav-label{margin-left:var(--su-space-5);font-size:var(--su-text-md);line-height:var(--su-text-sm);color:inherit}.su-nav-icon{display:block;background-position:center;background-repeat:no-repeat;background-size:contain}.nav-label{margin-left:var(--su-space-5);font-size:var(--su-text-md);line-height:var(--su-text-sm)}.pages .su-nav-icon{width:var(--su-icon-lg);height:var(--su-icon-lg)}.pages .home .nav-link:hover,.pages .home .nav-link.is-active{border-top-color:var(--su-brand-shadow)}.pages .wtf .nav-link:hover,.pages .wtf .nav-link.is-active{border-top-color:var(--su-brand-wtf)}.pages .la .nav-link:hover,.pages .la .nav-link.is-active{border-top-color:var(--su-brand-la)}.pages .nav-link:hover{background-color:var(--su-menu-hover-bg)}.apps .nav-label{display:none}.apps ul{padding:0 var(--su-space-15)}.apps .su-nav-icon{width:var(--su-icon-sm);height:var(--su-icon-sm)}.apps .nav-link.is-active{border-top-color:var(--su-accent-amber)}.apps .vimeo .nav-link:hover{background:var(--su-brand-vimeo);border-top-color:var(--su-brand-vimeo)}.apps .instagram .nav-link:hover{background:var(--su-brand-instagram-grad);border-top-color:transparent}.apps .discord .nav-link:hover{background:var(--su-brand-discord);border-top-color:var(--su-brand-discord)}.apps .youtube .nav-link:hover{background-color:var(--su-brand-youtube);border-top-color:var(--su-brand-youtube)}.has-notification:after{content:"";position:absolute;top:var(--su-space-10);right:4px;width:8px;height:8px;background-color:var(--su-accent-amber);border-radius:50%;box-shadow:0 0 0 2px var(--su-bg-main)}.su-clock{display:flex;align-items:center;margin-left:var(--su-space-10);padding-left:var(--su-space-15);padding-right:var(--su-space-15);border-left:1px solid var(--su-border-dark);font-size:var(--su-text-sm);color:var(--su-text-white, #ffffff);white-space:nowrap;user-select:none}@media screen and (max-width:999px){.nav-label{display:none}.pages .nav-link{padding:var(--su-space-15) var(--su-space-10)}.pages .home .su-nav-icon{width:var(--su-icon-2xl);height:var(--su-icon-2xl)}.pages .wtf .su-nav-icon,.pages .la .su-nav-icon{width:var(--su-icon-xl);height:var(--su-icon-xl)}.apps ul{padding:0 var(--su-space-10)}.apps .nav-link{padding:0;width:44px;height:44px;border-radius:50%;justify-content:center;border-top:none;margin:0 4px}.apps .su-nav-icon{width:var(--su-icon-md);height:var(--su-icon-md)}.apps .nav-link.is-active{box-shadow:0 0 0 2px var(--su-accent-amber)}.apps .has-notification:after{top:0;right:0}}@media screen and (max-width:666px){.su-menu-bar{flex-wrap:wrap;justify-content:center}.nav-group{width:100%;justify-content:center}.apps{padding-bottom:var(--su-space-16)}}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--su-bg-main, #000000)}.boot-container{display:flex;align-items:center;justify-content:center;height:100vh}.boot-button{padding:12px 24px;background:transparent;color:var(--su-brand-la, #4f7cff);border:1px solid var(--su-brand-la, #4f7cff);border-radius:4px;cursor:pointer;font-family:var(--su-font-mono, monospace);font-weight:700}.workspace-container{display:flex;flex-wrap:wrap;gap:16px;padding:24px;align-items:flex-start}.synth-chassis{background:#0c0c0cd9;border:1px solid rgba(0,0,0,.9);border-radius:6px;padding:16px;width:100%;max-width:350px;font-family:var(--su-font-mono, monospace);backdrop-filter:blur(8px);display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.synth-chassis-header{color:var(--su-brand-la, #4f7cff);font-size:14px;font-weight:700;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.oscillator-chassis .synth-chassis-header{color:#ffaa2b}.temp-slider-container{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.temp-slider-row{display:flex;justify-content:space-between;align-items:center}.temp-slider-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:#fff9;cursor:pointer}.temp-slider-value{width:65px;flex-shrink:0;background:transparent;border:1px solid transparent;color:var(--su-brand-la, #4f7cff);font-size:11px;font-weight:700;text-align:right;outline:none;appearance:textfield;user-select:text;-webkit-user-select:text}.temp-slider-range{width:100%;cursor:pointer;accent-color:var(--su-brand-la, #4f7cff);touch-action:none}.temp-slider-range:focus{outline:none}.gate-button{padding:12px;margin-top:auto;background:transparent;color:var(--su-brand-la, #4f7cff);border:1px solid var(--su-brand-la, #4f7cff);border-radius:4px;cursor:pointer;font-weight:700;user-select:none}.system-input-row{display:flex;flex-direction:column;gap:6px}.system-input-label{font-size:11px;font-weight:700;color:var(--su-text-muted, #ccc)}.system-input{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--su-brand-la, #4f7cff);padding:8px;font-family:var(--su-font-mono, monospace);text-transform:uppercase;border-radius:4px;outline:none;user-select:text;-webkit-user-select:text}.system-input:focus{border-color:var(--su-brand-la, #4f7cff)}
