/* ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--foreground-rgb:0,255,0;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Oblique.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Bold-Oblique.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@media screen and (max-width:768px){@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Berkeley Mono;src:url(/assets/fonts/berkeley/BerkeleyMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}}body{color:#5AFD81;background:#000000;font-family:Berkeley Mono,JetBrains Mono,monospace;font-size:15px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}:root{--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.8s ease;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-width-x-thick:4px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-glow-green:0 0 8px rgba(90,253,129,0.6);--shadow-glow-yellow:0 0 8px rgba(202,143,49,0.4);--shadow-glow-red:0 0 8px rgba(255,68,68,0.6)}.terminal-header{background:#130F04;border-bottom:1px solid #1a1a1a;position:relative;color:#000000}.data-table{border-collapse:separate;border-spacing:0}.data-table td,.data-table th{border:1px solid #1a1a1a;padding:8px 12px;background:#060606;color:#808080}.data-table th{background:#CA8F31;color:#000000;font-weight:700;text-transform:uppercase;letter-spacing:1px}.progress-bar{background:#040D0A;border:1px solid #5afd81;height:8px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;background:#5AFD81;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.system-status{display:flex;align-items:center;justify-content:space-between;border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity));padding:.5rem;font-size:.75rem;line-height:1rem}.metric-display,.system-status{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.metric-display{text-align:right;--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-cursor:after{animation:blink 1s infinite;content:"_";color:#5AFD81}.value-box{margin-left:.5rem;margin-right:.25rem;display:inline-block;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity));padding-left:.375rem;padding-right:.375rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;line-height:1.25;--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.value-box .glowing-digit{text-shadow:0 0 6px rgba(90,253,129,.8),0 0 10px rgba(90,253,129,.5),0 0 12px rgba(90,253,129,.3);animation:digit-pulse .8s ease-in-out infinite alternate}.value-box .red-glowing-digit{color:#FF4444!important;text-shadow:0 0 6px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.5),0 0 12px rgba(255,68,68,.3)!important;animation:digit-red-pulse .8s ease-in-out infinite alternate!important}.control-readout{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgb(202 143 49/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.boombox-button,.control-readout{display:flex;height:100%;flex:1 1 0%;align-items:center;justify-content:center;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity:1}.boombox-button{cursor:pointer;background-color:rgb(6 6 6/var(--tw-bg-opacity));color:rgb(128 128 128/var(--tw-text-opacity))}.boombox-button:last-child{border-right-width:0}.boombox-button{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;contain:layout style;outline:none}.boombox-button:hover{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.boombox-button.active{--tw-border-opacity:1;border-color:rgb(202 143 49/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(202 143 49/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.boombox-button.inactive{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.boombox-button:disabled{cursor:not-allowed;opacity:.3}.boombox-button.flashing-red{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:#FF4444!important;border:1px solid #ff4444!important}.sticky-section-header{position:sticky;top:0;z-index:20;margin-bottom:1.5rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(90 253 129/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));padding:1rem}.nav-indicator{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;will-change:width,background-color}.nav-text{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.1em;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;will-change:color}[data-highlighted=true] .nav-indicator{width:4rem;--tw-bg-opacity:1;background-color:rgb(202 143 49/var(--tw-bg-opacity))}[data-highlighted=true] .nav-text{--tw-text-opacity:1;color:rgb(202 143 49/var(--tw-text-opacity))}.terminal-border{border:1px solid #1a1a1a}.prose,.prose h1,.prose h2,.prose h3,.prose h4{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:700;text-transform:uppercase;letter-spacing:.025em}.prose h1{margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;line-height:2rem}.prose h1,.prose h2{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.prose h2{margin-bottom:.75rem;padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}.data-table tbody tr:hover .prose a,.list-item-card:hover .prose a,.mobile-card:hover .prose a{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.prose a{--tw-text-opacity:1;color:rgb(202 143 49/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prose a:hover{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.prose strong{font-weight:700}.prose ol>li:before,.prose strong{--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.prose ul>li:before{--tw-bg-opacity:1;background-color:rgb(128 128 128/var(--tw-bg-opacity))}.prose ol,.prose p,.prose ul{margin-bottom:1rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.25rem;line-height:1.625}.prose pre{border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));padding:1rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.25rem;overflow-x:auto}.prose pre,.prose pre code{--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity));white-space:pre;word-wrap:normal;word-break:normal}.prose pre code{border-style:none;background-color:transparent;padding:0}.prose [data-rehype-pretty-code-figure] pre{background-color:rgb(0 0 0/var(--tw-bg-opacity));padding:1rem;overflow-x:auto}.prose [data-rehype-pretty-code-figure] pre,.prose code{border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;white-space:pre;word-wrap:normal;word-break:normal}.prose code{background-color:rgb(6 6 6/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.prose img{margin-left:auto;margin-right:auto;border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.prose p>img:only-child+p{margin-top:.5rem;text-align:center;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.content-section-borderless{margin:.5rem;--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;padding-bottom:1rem}.terminal-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));background-color:rgb(19 15 4/var(--tw-bg-opacity));font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:.1em}.terminal-header,.terminal-header-text{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.terminal-header-text{display:inline-block;background-color:rgb(202 143 49/var(--tw-bg-opacity));padding:.5rem}.list-item-card{position:relative;margin-bottom:.75rem;border-width:1px;border-color:rgb(26 26 26/var(--tw-border-opacity));background-color:rgb(6 6 6/var(--tw-bg-opacity));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;contain:layout style}.list-item-card,.list-item-card:hover{--tw-border-opacity:1;--tw-bg-opacity:1}.list-item-card:hover{border-color:rgb(202 143 49/var(--tw-border-opacity));background-color:rgb(33 33 7/var(--tw-bg-opacity))}.list-item-card:hover .hover-text{--tw-text-opacity:1;color:rgb(202 143 49/var(--tw-text-opacity))}.list-item-card:hover .text-box-title-bg{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.data-table tbody tr{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;contain:layout style}.data-table tbody tr:hover{outline-style:solid;outline-width:1px;outline-offset:-1px;outline-color:#CA8F31}.data-table tbody tr:hover,.data-table tbody tr:hover td{--tw-bg-opacity:1;background-color:rgb(33 33 7/var(--tw-bg-opacity))}.data-table tbody tr:hover td{--tw-text-opacity:1;color:rgb(202 143 49/var(--tw-text-opacity))}.data-table tbody tr:hover .text-box-title-bg{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.mobile-card:hover .hover-text,.social-item:hover .nav-indicator,.social-item:hover .nav-text{--tw-text-opacity:1;color:rgb(202 143 49/var(--tw-text-opacity))}.mobile-card:hover .text-box-title-bg{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}.fused-terminal-layout{border:1px solid #1a1a1a;margin:.5rem;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity))}.fused-panel-top{border-bottom-width:0}.fused-panel-bottom{border-top-width:0}.fused-panel-bottom .terminal-header,.fused-panel-top .terminal-header{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(19 15 4/var(--tw-bg-opacity));font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.fused-panel-top .terminal-header{border-bottom-width:1px}.data-table tbody tr:hover .group:hover .group-hover\:text-box-title-bg,.list-item-card:hover .group:hover .group-hover\:text-box-title-bg,.mobile-card:hover .group:hover .group-hover\:text-box-title-bg{--tw-text-opacity:1;color:rgb(90 253 129/var(--tw-text-opacity))}@keyframes digit-pulse{0%{text-shadow:0 0 6px rgba(90,253,129,.8),0 0 10px rgba(90,253,129,.5),0 0 12px rgba(90,253,129,.3)}to{text-shadow:0 0 8px rgba(90,253,129,1),0 0 12px rgba(90,253,129,.7),0 0 16px rgba(90,253,129,.5)}}@keyframes digit-red-pulse{0%{text-shadow:0 0 6px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.5),0 0 12px rgba(255,68,68,.3)}to{text-shadow:0 0 8px rgba(255,68,68,1),0 0 12px rgba(255,68,68,.7),0 0 16px rgba(255,68,68,.5)}}@keyframes button-flash-red{0%{background-color:#FF4444;border-color:#FF4444}to{background-color:#FF4444;border-color:#FF4444}}@keyframes button-flash-blue{0%{background-color:#374151;border-color:#4B5563}to{background-color:#0891B2;border-color:#06B6D4;box-shadow:0 0 8px rgba(56,189,248,.5)}}@keyframes speed-grid-flash{0%{background-color:#CF202B;border-color:#CF202B}to{background-color:#FF4444;border-color:#FF4444}}@keyframes equalizer-pulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 8px rgba(90,253,129,.6),0 0 12px rgba(90,253,129,.3)}to{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 12px rgba(90,253,129,.8),0 0 16px rgba(90,253,129,.5)}}@keyframes equalizer-red-pulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 8px rgba(255,68,68,.6),0 0 12px rgba(255,68,68,.3)}to{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 12px rgba(255,68,68,.8),0 0 16px rgba(255,68,68,.5)}}@keyframes equalizer-flash{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 8px rgba(207,32,43,.6)}to{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 12px rgba(255,68,68,.8)}}@keyframes globe-rotate{0%{transform:rotateY(0deg) rotateX(15deg);-webkit-transform:rotateY(0deg) rotateX(15deg)}to{transform:rotateY(1turn) rotateX(15deg);-webkit-transform:rotateY(1turn) rotateX(15deg)}}@keyframes globe-wobble{0%{transform:rotateX(0deg) rotate(0deg);-webkit-transform:rotateX(0deg) rotate(0deg)}25%{transform:rotateX(4deg) rotate(2deg);-webkit-transform:rotateX(4deg) rotate(2deg)}50%{transform:rotateX(0deg) rotate(0deg);-webkit-transform:rotateX(0deg) rotate(0deg)}75%{transform:rotateX(-4deg) rotate(-2deg);-webkit-transform:rotateX(-4deg) rotate(-2deg)}to{transform:rotateX(0deg) rotate(0deg);-webkit-transform:rotateX(0deg) rotate(0deg)}}@keyframes globe-rotate-x{0%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}to{transform:rotateX(1turn);-webkit-transform:rotateX(1turn)}}@keyframes globe-rotate-z{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@keyframes globe-red-pulse{0%{border-color:#FF4444;box-shadow:0 0 8px rgba(255,68,68,.6),0 0 12px rgba(255,68,68,.3)}to{border-color:#FF6666;box-shadow:0 0 16px rgba(255,102,102,.9),0 0 20px rgba(255,102,102,.6)}}@keyframes point-pulse{0%,to{opacity:inherit;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}@keyframes scan-sweep{0%{transform:translateY(-60px) scaleX(.6);opacity:0}20%{opacity:.8;transform:translateY(-20px) scaleX(.9)}50%{opacity:1;transform:translateY(0) scaleX(1)}80%{opacity:.8;transform:translateY(20px) scaleX(.9)}to{transform:translateY(60px) scaleX(.6);opacity:0}}.animate-digit-pulse{animation:digit-pulse .8s ease-in-out infinite alternate}.animate-digit-red-pulse{animation:digit-red-pulse .8s ease-in-out infinite alternate}.animate-button-flash-red{animation:button-flash-red 1s ease-in-out infinite}.animate-button-flash-blue{animation:button-flash-blue 1s ease-in-out infinite alternate}.animate-speed-grid-flash{animation:speed-grid-flash .5s ease-in-out infinite alternate}.animate-equalizer-pulse{animation:equalizer-pulse .8s ease-in-out infinite alternate}.animate-equalizer-red-pulse{animation:equalizer-red-pulse .8s ease-in-out infinite alternate}.animate-equalizer-flash{animation:equalizer-flash .5s ease-in-out infinite alternate}.animate-globe-rotate{animation:globe-rotate 28s linear infinite}.animate-globe-wobble{animation:globe-wobble 12s ease-in-out infinite}.animate-globe-rotate-x{animation:globe-rotate-x 28s linear infinite}.animate-globe-rotate-z{animation:globe-rotate-z 28s linear infinite}.animate-globe-red-pulse{animation:globe-red-pulse .6s ease-in-out infinite alternate}.animate-point-pulse{animation:point-pulse 3s ease-in-out infinite}.animate-scan-sweep{animation:scan-sweep 6s linear infinite}.retro-globe-container{position:relative;display:flex;width:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));min-height:320px;overflow:hidden;padding:1rem 0 0;contain:layout style paint;touch-action:manipulation}.globe-control-bar{margin-bottom:0;width:100%;border-width:1px;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-border-opacity:1;border-top-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity));font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.control-bar-grid{display:grid;height:4rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.boombox-controls{display:flex;height:100%;align-items:stretch;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.boombox-controls:last-child{border-right-width:0}.boombox-controls.play-pause{justify-content:center}.boombox-controls.labeled{flex-direction:column}.control-label{display:flex;align-items:center;justify-content:space-between;overflow:hidden;white-space:nowrap;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(202 143 49/var(--tw-bg-opacity));padding:.25rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:-.05em;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.control-buttons-row{display:flex;height:100%;flex:1 1 0%}.axis-control .value-box{margin-bottom:.25rem;font-size:10px}.axis-control .boombox-button{height:1rem;font-size:.75rem;line-height:1rem;min-height:16px;font-size:10px}.boombox-controls.speed-grid-controls{justify-content:center;padding:.25rem}.speed-grid-cell.active{--tw-border-opacity:1;border-color:rgb(90 253 129/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(90 253 129/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.speed-grid-cell.flashing-red{background-color:#CF202B!important;border-color:#CF202B!important;color:white!important;animation:speed-grid-flash .5s ease-in-out infinite alternate}.boombox-controls.equalizer-controls{display:flex;padding:0}.vertical-speed-label{display:flex;align-items:center;justify-content:center;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(202 143 49/var(--tw-bg-opacity));font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:-.05em;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));writing-mode:vertical-lr;text-orientation:mixed;min-width:18px;letter-spacing:1px;padding:4px 2px}.equalizer-container{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;gap:4px}.equalizer-row{align-items:center;gap:1px;display:flex}.equalizer-levels{display:flex;flex:1 1 0%;gap:.125rem}.equalizer-level{flex:1 1 0%;cursor:pointer;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:linear-gradient(180deg,#1a1a1a 0,#0a0a0a 50%,#1a1a1a);border:1px solid #333;border-radius:1px;height:10px;min-height:10px;max-height:10px;position:relative;contain:layout style;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.3);margin:0}.equalizer-level:hover{border-color:#5AFD81;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 4px rgba(90,253,129,.3);background:linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#2a2a2a)}.equalizer-level.lit-up{background:linear-gradient(180deg,#2a4a2a 0,#1a3a1a 50%,#2a4a2a);border-color:#4a7a4a;box-shadow:inset 0 1px 0 rgba(90,253,129,.2),0 1px 2px rgba(0,0,0,.4),0 0 2px rgba(90,253,129,.2)}.equalizer-level.active{background:linear-gradient(180deg,#5AFD81 0,#4AED71 50%,#5AFD81);border-color:#5AFD81;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 8px rgba(90,253,129,.6),0 0 12px rgba(90,253,129,.3);animation:equalizer-pulse .8s ease-in-out infinite alternate}.equalizer-level.active-red,.equalizer-level.active-red-pulsing{background:linear-gradient(180deg,#FF4444 0,#E03E3E 50%,#FF4444);border-color:#FF4444;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 8px rgba(255,68,68,.6),0 0 12px rgba(255,68,68,.3)}.equalizer-level.active-red-pulsing{animation:equalizer-red-pulse .8s ease-in-out infinite alternate}.equalizer-level.flashing-red{background:linear-gradient(180deg,#CF202B 0,#B01E28 50%,#CF202B)!important;border-color:#CF202B!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 8px rgba(207,32,43,.6)!important;animation:equalizer-flash .5s ease-in-out infinite alternate!important}.globe-wrapper{width:280px;height:280px;perspective:800px;perspective-origin:50% 50%;-webkit-perspective:800px;-webkit-transform-style:preserve-3d;contain:layout style paint}.globe-sphere,.globe-wrapper{position:relative;cursor:grab;will-change:transform;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.globe-sphere{height:100%;width:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;animation:globe-rotate 28s linear infinite;-webkit-animation:globe-rotate 28s linear infinite;transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0;backface-visibility:hidden;contain:layout style;transform:translateZ(0)}.globe-sphere:active{cursor:grabbing}.globe-sphere.dragging,.globe-sphere.y-rotation-disabled{animation:none!important;-webkit-animation:none!important}.globe-sphere.paused{animation-play-state:paused;-webkit-animation-play-state:paused}.tilt-layer{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;animation:globe-wobble 12s ease-in-out infinite;-webkit-animation:globe-wobble 12s ease-in-out infinite;transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.globe-sphere.paused .tilt-layer{animation-play-state:paused;-webkit-animation-play-state:paused}.x-rotation-layer{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.globe-sphere.paused .x-rotation-layer{animation-play-state:paused;-webkit-animation-play-state:paused}.x-rotation-layer.active{animation:globe-rotate-x 28s linear infinite;-webkit-animation:globe-rotate-x 28s linear infinite}.z-rotation-layer{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.globe-sphere.paused .z-rotation-layer{animation-play-state:paused;-webkit-animation-play-state:paused}.z-rotation-layer.active{animation:globe-rotate-z 28s linear infinite;-webkit-animation:globe-rotate-z 28s linear infinite}.wireframe-sphere{inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;backface-visibility:hidden}.latitude-ring,.wireframe-sphere{position:absolute;will-change:transform;contain:layout style}.latitude-ring{left:50%;top:50%;border:3px solid #ca8f31;border-radius:50%;transform-origin:50% 50%;pointer-events:none;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;backface-visibility:visible;transform:translate3d(-50%,-50%,1px);-webkit-transform:translate3d(-50%,-50%,1px);z-index:10}.latitude-ring,.latitude-ring.equator{opacity:1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.latitude-ring.equator{border-width:4px}.meridian-line{position:absolute;left:50%;top:50%;width:240px;height:240px;border:3px solid #ca8f31;border-radius:50%;margin:-120px 0 0 -120px;opacity:1;transform-origin:50% 50%;pointer-events:none;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;contain:layout style}.meridian-line.prime-meridian{border-width:4px;opacity:1}.latitude-ring.globe-flashing-red,.meridian-line.globe-flashing-red{border-color:#FF4444!important;animation:globe-red-pulse .6s ease-in-out infinite alternate!important;box-shadow:0 0 12px rgba(255,68,68,.8),0 0 16px rgba(255,68,68,.5)!important}@media (prefers-reduced-motion:no-preference){.latitude-ring.equator{box-shadow:0 0 8px rgba(202,143,49,.4),0 0 16px rgba(202,143,49,.2)}}@media (max-width:768px){.globe-wrapper{width:200px;height:200px;perspective:500px;-webkit-perspective:500px;margin-top:1rem;touch-action:none}.retro-globe-container{min-height:320px;max-height:320px;padding:.25rem 0 0;flex:0 0 auto;overflow:hidden;justify-content:space-between}.fused-terminal-layout{min-height:0}.speed-grid-container,.speed-grid-row{gap:.125rem}.speed-grid-cell{font-size:8px;min-height:10px}.speed-grid-axis{font-size:8px;min-width:6px}.equalizer-container{gap:6px}.equalizer-row{gap:0}.equalizer-level{height:12px;min-height:12px;max-height:12px;margin:0 .25px}.equalizer-axis-label{font-size:9px;min-width:10px}.meridian-line{width:200px;height:200px;margin:-100px 0 0 -100px}.globe-wrapper{perspective:1000px;-webkit-perspective:1000px}.globe-sphere,.latitude-ring,.meridian-line,.tilt-layer,.wireframe-sphere{transform:translateZ(0)}.latitude-ring{border-width:2px}}@supports (-webkit-overflow-scrolling:touch){.globe-wrapper{perspective:1200px;-webkit-perspective:1200px}.latitude-ring,.meridian-line{border-width:2px}.meridian-line{opacity:1}}.portfolio-container{margin-left:auto;margin-right:auto;min-height:100vh;max-width:1280px;padding:1.5rem 1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){.portfolio-container{padding:3rem 2rem}}@media (min-width:1024px){.portfolio-container{padding:1.5rem 3rem}}.portfolio-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar" "main";gap:0}@media (min-width:1024px){.portfolio-container{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main";gap:1.5rem;align-items:start}}.portfolio-sidebar{grid-area:sidebar}@media (min-width:1024px){.portfolio-sidebar{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding-top:2rem;padding-bottom:2rem}}.portfolio-main{grid-area:main;padding-top:2rem}@media (min-width:1024px){.portfolio-main{padding-top:2rem;padding-bottom:2rem}}.portfolio-socials{margin-top:2rem}.main-content-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.main-content-wrapper{--tw-bg-opacity:1;background-color:rgb(6 6 6/var(--tw-bg-opacity));padding:0}@media (min-width:1024px){.main-content-wrapper{margin-top:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity))}}.portfolio-sidebar{scrollbar-width:none;-ms-overflow-style:none}.portfolio-sidebar::-webkit-scrollbar{display:none}@media (max-width:1023px){body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}}@media (min-width:1024px){html::-webkit-scrollbar{width:16px}html::-webkit-scrollbar-track{background:#1A1A1A!important}html::-webkit-scrollbar-thumb{background:#CA8F31!important;border-radius:0!important;border:none!important}html::-webkit-scrollbar-thumb:hover{background:#E7A844!important}html{scrollbar-width:thin;scrollbar-color:#CA8F31 #1A1A1A}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-track{background:#1A1A1A!important}body::-webkit-scrollbar-thumb{background:#CA8F31!important;border-radius:0!important;border:none!important}body::-webkit-scrollbar-thumb:hover{background:#E7A844!important}body{scrollbar-width:thin;scrollbar-color:#CA8F31 #1A1A1A}}.synth-chassis{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));padding:.75rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}.synth-section{display:flex;height:100%;flex-direction:column;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.5rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);min-height:160px;margin-bottom:8px}.synth-section-title{margin-bottom:.5rem;text-align:left;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.synth-knob-compact{display:flex;flex-direction:column;align-items:center}.synth-knob-compact>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.synth-knob-mini{display:flex;flex-direction:column;align-items:center}.synth-knob-label{text-transform:uppercase;letter-spacing:.05em;color:rgb(107 114 128/var(--tw-text-opacity))}.synth-knob-label,.synth-knob-value{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;--tw-text-opacity:1}.synth-knob-value{color:rgb(156 163 175/var(--tw-text-opacity))}.synth-text-ink-1,.synth-var-ink-1{color:var(--ink-1)}.synth-text-xs{font-size:8px}.synth-text-sm,.synth-text-xs{font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.synth-text-sm{font-size:9px}.synth-mb-1{margin-bottom:.25rem}.synth-transition-fast{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.synth-width-dynamic{transition:width .1s ease}.synth-status-bar{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.synth-keyboard-container,.synth-status-bar{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.5rem}.synth-keyboard-container{box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.synth-subsection-desktop{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.5rem;transition:all .2s ease}.synth-subsection-desktop:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.synth-subsection-mobile{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.5rem;transition:all .2s ease}.synth-subsection-mobile:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.synth-grid-desktop{margin-bottom:.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media (min-width:1024px){.synth-grid-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}}.synth-grid-desktop{grid-template-areas:"osc unison-glide filter scopes-master" "lfo fx env macro"}.synth-grid-osc{grid-area:osc}.synth-grid-unison-glide{grid-area:unison-glide}.synth-grid-filter{grid-area:filter}.synth-grid-env{grid-area:env}.synth-grid-lfo{grid-area:lfo}.synth-grid-fx{grid-area:fx}.synth-grid-scopes-master{grid-area:scopes-master}.synth-grid-macro{grid-area:macro}@media (min-width:768px) and (max-width:1279px){.synth-grid-desktop{grid-template-areas:"osc scopes-master" "unison-glide filter" "env lfo" "fx macro";grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.synth-grid-desktop{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;grid-template-areas:"osc scopes-master" "unison-glide filter" "env lfo" "fx macro"}.synth-grid-desktop>div{margin-bottom:.25rem}.synth-subsection-desktop:not(.synth-grid-osc .synth-subsection-desktop){display:none}}@media (min-width:768px){.synth-subsection-mobile{display:none}}@media (max-width:767px){.synth-keyboard-container{order:1}.synth-grid-desktop{order:2}}@media (min-width:768px){.synth-keyboard-container{order:3}.synth-grid-desktop{order:1}}.synth-button-waveform{height:2.5rem;width:2.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.synth-button-waveform:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.synth-button-waveform{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.synth-button-waveform:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.synth-button-waveform.active{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));box-shadow:0 0 8px rgba(56,189,248,.5)}.synth-button-group-container{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));box-shadow:inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 2px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.synth-button-group-item{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.synth-button-group-item:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.synth-button-group-item{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.synth-button-group-item:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.synth-button-group-item{border-right-width:1px;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.synth-button-group-item:nth-child(2n){border-right-width:0}.synth-button-group-item:nth-child(n+3){border-bottom-width:0}.synth-button-group-item-active{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));box-shadow:0 0 8px rgba(56,189,248,.5)}.synth-button-small{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.synth-button-small:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.synth-button-small,.synth-skeu-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.synth-skeu-button{border-radius:.125rem;border-width:1px;padding:.125rem .5rem;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.synth-skeu-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.synth-skeu-button{box-shadow:inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 2px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.synth-skeu-button:hover{box-shadow:inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3)}.synth-skeu-button:active{box-shadow:inset 0 1px 1px rgba(0,0,0,.3),inset 0 -1px 1px rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.1)}.synth-skeu-button.bg-amber-600{box-shadow:inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(245,158,11,.4)}.synth-skeu-button.bg-green-600{box-shadow:inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(34,197,94,.4)}.synth-skeu-button.bg-purple-600{box-shadow:inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(168,85,247,.4)}.subsection-with-led{position:relative}:root{--ink-0:#f4f5f7;--ink-1:#d6d9df;--ink-2:#aeb3bd;--panel-0:#111317;--panel-1:#171a1f;--panel-2:#0b0d10;--metal-0:#c9ced6;--metal-1:#9da3ad;--metal-2:#6a727e;--accent-teal:#3dd6c6;--accent-amber:#ffb454;--accent-red:#ef4b4b;--accent-purple:#a855f7;--elev-1:0 1px 2px rgba(0,0,0,.45),0 8px 20px rgba(0,0,0,.35);--elev-2:0 2px 4px rgba(0,0,0,.55),0 14px 32px rgba(0,0,0,.45);--mono-font:"Berkeley Mono",ui-monospace,Menlo,Monaco,Consolas,monospace;--label-font:var(--mono-font);--ease-hw:cubic-bezier(.2,.6,.2,1);--t-quick:140ms}.synth-chassis{background:radial-gradient(120% 120% at 50% 0,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,#14171c,#0f1216);color:var(--ink-0);font-family:var(--label-font)}.synth-chassis.synth--noise:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='128' height='128'>  <filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' seed='2'/></filter>  <rect width='100%' height='100%' filter='url(%23n)' opacity='.25'/></svg>");mix-blend-mode:soft-light}.panel,.synth-keyboard-container,.synth-section,.synth-status-bar,.synth-subsection-desktop,.synth-subsection-mobile{background:radial-gradient(120% 120% at 30% 0,rgba(255,255,255,.04),transparent 60%),linear-gradient(180deg,var(--panel-1),var(--panel-2));border-radius:14px;border:1px solid rgba(0,0,0,.55);box-shadow:var(--elev-2),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.5);padding:14px;position:relative}.bezel{background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,0) 20%),linear-gradient(180deg,var(--metal-0),var(--metal-1));border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.5);border-radius:8px}.synth-knob-label,.synth-section-title{font:600 10px/1 var(--label-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-1);text-shadow:0 1px 0 rgba(0,0,0,.65);opacity:.9}.synth-knob-value{color:var(--ink-2)}.led{border-radius:999px;background-image:radial-gradient(circle at 40% 35%,rgba(255,255,255,.85),rgba(255,255,255,.1) 35%,transparent 50%),radial-gradient(circle at 60% 60%,currentColor 0,rgba(0,0,0,.2) 60%);box-shadow:inset 0 0 2px rgba(0,0,0,.35);transition:filter var(--t-quick) var(--ease-hw),box-shadow var(--t-quick) var(--ease-hw);filter:saturate(.85) brightness(.8)}.led--teal{color:var(--accent-teal)}.led--amber{color:var(--accent-amber)}.led--red{color:var(--accent-red)}.led--purple{color:var(--accent-purple)}.led--magenta{color:#ff65df}.led[data-on=true]{box-shadow:0 0 6px currentColor,0 0 18px currentColor;filter:saturate(1.1) brightness(1);animation:led-on .18s var(--ease-hw)}@keyframes led-on{0%{filter:brightness(.7)}to{filter:brightness(1)}}.screen{background:radial-gradient(120% 120% at 10% 0,rgba(255,255,255,.18),transparent 50%),linear-gradient(180deg,#0f2d2b,#0c1818 80%);color:#c8fff2;border-radius:8px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 6px rgba(0,0,0,.7),0 8px 20px rgba(0,0,0,.6);font-family:var(--mono-font);letter-spacing:.04em}.synth-chassis canvas{border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 6px rgba(0,0,0,.7),0 6px 16px rgba(0,0,0,.6)}@media (prefers-reduced-motion:reduce){.led{transition:none;animation:none}}.key-white{position:relative;overflow:hidden;transition:transform var(--t-quick) var(--ease-hw),box-shadow var(--t-quick) var(--ease-hw);box-shadow:inset 0 2px 1px rgba(255,255,255,.65),inset 0 -3px 6px rgba(0,0,0,.22),0 3px 8px rgba(0,0,0,.25)}.key-white:before{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 38%),linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,0) 85%)}.key-white:after,.key-white:before{content:"";position:absolute;pointer-events:none}.key-white:after{inset:-20% -10% 50% -10%;background:linear-gradient(120deg,rgba(255,255,255,.55),rgba(255,255,255,.18) 32%,rgba(255,255,255,0) 62%);transform:translateY(-6%) rotate(-2deg);mix-blend-mode:screen;opacity:.85}.key-white:hover:after{opacity:1}.key-white[data-active=true]{transform:translateY(1px);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.25),0 2px 5px rgba(0,0,0,.25)}.key-black{position:relative;overflow:hidden;transition:transform var(--t-quick) var(--ease-hw),box-shadow var(--t-quick) var(--ease-hw);box-shadow:inset 0 1px 2px rgba(255,255,255,.1),inset 0 -4px 10px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.55)}.key-black:before{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 42%),radial-gradient(120% 60% at 50% 0,rgba(255,255,255,.06),transparent 60%);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.key-black:after,.key-black:before{content:"";position:absolute;pointer-events:none}.key-black:after{inset:-10% -20% 55% -20%;background:linear-gradient(120deg,rgba(255,255,255,.45),rgba(255,255,255,.12) 40%,rgba(255,255,255,0) 70%);transform:translateY(-6%) rotate(-4deg);mix-blend-mode:screen;opacity:.75}.key-black:hover:after{opacity:.9}.key-black[data-active=true]{transform:translateY(1px);box-shadow:inset 0 1px 1px rgba(255,255,255,.08),inset 0 -3px 8px rgba(0,0,0,.55),0 6px 12px rgba(0,0,0,.5)}.octave-button{position:relative;overflow:hidden;transition:transform var(--t-quick) var(--ease-hw),box-shadow var(--t-quick) var(--ease-hw),background-color var(--t-quick) var(--ease-hw);border-radius:8px;box-shadow:inset 0 2px 4px rgba(255,255,255,.25),inset 0 -3px 6px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.5)}.octave-button:before{inset:0;background:radial-gradient(120% 40% at 50% 20%,rgba(255,255,255,.35),transparent 50%),radial-gradient(80% 60% at 50% 80%,rgba(0,0,0,.15),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 40%,rgba(0,0,0,.08));border-radius:inherit;mix-blend-mode:screen}.octave-button:after,.octave-button:before{content:"";position:absolute;pointer-events:none}.octave-button:after{inset:2px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 25%,transparent 50%);border-radius:calc(8px - 2px);opacity:.8;transition:opacity var(--t-quick) var(--ease-hw)}.octave-button:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 1px 2px rgba(255,255,255,.15),inset 0 -2px 4px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.4),0 1px 1px rgba(0,0,0,.5)}.octave-button:active:after{opacity:.4}.octave-button:hover{transform:translateY(-1px);box-shadow:inset 0 2px 4px rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.3),0 0 8px currentColor}.octave-button-up{background:linear-gradient(145deg,#0891b2,#0e7490);border-color:#0e7490;color:#06b6d4}.octave-button-up:hover{background:linear-gradient(145deg,#06b6d4,#0891b2);border-color:#06b6d4;color:#22d3ee}.octave-button-up:active{background:linear-gradient(145deg,#0e7490,#155e75);border-color:#155e75}.octave-button-down{background:linear-gradient(145deg,#d97706,#b45309);border-color:#b45309;color:#f59e0b}.octave-button-down:hover{background:linear-gradient(145deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fbbf24}.octave-button-down:active{background:linear-gradient(145deg,#b45309,#92400e);border-color:#92400e}.octave-button .led-glow{position:absolute;inset:-2px;border-radius:10px;opacity:0;transition:opacity var(--t-quick) var(--ease-hw);pointer-events:none;z-index:-1}.octave-button:hover .led-glow{opacity:.6;animation:led-pulse 1.5s ease-in-out infinite}.octave-button-up .led-glow{background:radial-gradient(circle,#22d3ee,transparent 70%);box-shadow:0 0 20px #06b6d4,0 0 40px #06b6d4}.octave-button-down .led-glow{background:radial-gradient(circle,#fbbf24,transparent 70%);box-shadow:0 0 20px #f59e0b,0 0 40px #f59e0b}@keyframes led-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.octave-button:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}@media (prefers-reduced-motion:reduce){.octave-button{transition:none}.octave-button:hover .led-glow{animation:none}}