@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"IBM Plex Mono Webfont", ui-monospace, SFMono-Regular, Menlo, monospace;--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--font-mono--font-feature-settings:"zero";--font-komuna:"Komuna", ui-sans-serif, system-ui, sans-serif;--animate-arcade-blink:arcade-blink 1s steps(1, end) infinite;--animate-arcade-pop:arcade-pop .45s steps(4, end) both;--animate-arcade-rainbow:arcade-rainbow 1.2s linear infinite;--animate-arcade-sweep:arcade-sweep 8s linear infinite;--animate-arcade-flash:arcade-flash .35s steps(3, end) both;--animate-arcade-chase:arcade-chase 7s linear infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.arcade-fader{transform-style:preserve-3d}.arcade-fader [data-slot=slider-track]{background-color:var(--phonon-bg);height:.375rem;box-shadow:inset 0 1px 2px var(--phonon-bg),0 1px 0 var(--phonon-ink);border-radius:9999px}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-slot=slider-track]{box-shadow:inset 0 1px 2px var(--phonon-bg),0 1px color-mix(in srgb,var(--phonon-ink) 7%,transparent)}}.arcade-fader [data-slot=slider-range]{background-color:var(--phonon-accent)}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-slot=slider-range]{background-color:color-mix(in srgb,var(--phonon-accent) 80%,var(--phonon-bg))}}.arcade-fader [data-slot=slider-thumb]{--cap-h:.85rem;width:.875rem;height:1.5rem;box-shadow:none;transform-style:preserve-3d;background:0 0;border:0;border-radius:0}.arcade-fader [data-face]{position:absolute}.arcade-fader [data-face=cap-shadow]{background-color:var(--phonon-bg);opacity:.6;filter:blur(3px);border-radius:.2rem;inset:25% -.2rem -.35rem}.arcade-fader [data-face=cap-top]{transform:translateZ(var(--cap-h));background-color:var(--phonon-key);background-image:linear-gradient(to right,transparent calc(50% - .5px),var(--phonon-ink) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(to bottom,transparent 0 3px,var(--phonon-bg) 3px 4px),linear-gradient(to bottom,var(--phonon-bg),var(--phonon-ink));border-radius:2px;inset:0}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-face=cap-top]{background-image:linear-gradient(to right,transparent calc(50% - .5px),var(--phonon-ink) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(to bottom,transparent 0 3px,color-mix(in srgb,var(--phonon-bg) 40%,transparent) 3px 4px),linear-gradient(to bottom,color-mix(in srgb,var(--phonon-bg) 25%,transparent),color-mix(in srgb,var(--phonon-ink) 12%,transparent))}}.arcade-fader [data-face=cap-top]{box-shadow:inset 0 1px 0 var(--phonon-ink),inset 0 -1px 0 var(--phonon-ink)}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-face=cap-top]{box-shadow:inset 0 1px color-mix(in srgb,var(--phonon-ink) 25%,transparent),inset 0 -1px color-mix(in srgb,var(--phonon-ink) 18%,transparent)}}.arcade-fader [data-face=cap-front]{height:var(--cap-h);transform-origin:top;background-image:linear-gradient(to top,var(--phonon-bezel-edge),var(--phonon-bezel-edge));inset-inline:0;top:100%;transform:rotateX(90deg)}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-face=cap-front]{background-image:linear-gradient(to top,var(--phonon-bezel-edge),color-mix(in srgb,var(--phonon-bezel-edge) 55%,var(--phonon-bg)))}}.arcade-fader [data-face=cap-left],.arcade-fader [data-face=cap-right]{width:var(--cap-h);inset-block:0}.arcade-fader [data-face=cap-left]{transform-origin:0;background-color:var(--phonon-face);left:0;transform:rotateY(-90deg)}.arcade-fader [data-face=cap-right]{transform-origin:100%;background-color:var(--phonon-face);right:0;transform:rotateY(90deg)}@supports (color:color-mix(in lab,red,red)){.arcade-fader [data-face=cap-right]{background-color:color-mix(in srgb,var(--phonon-face) 55%,var(--phonon-bg))}}.arcade-fader [data-slot=slider-thumb]:focus-visible{outline:2px solid var(--phonon-accent);outline-offset:2px}.arcade-screw{background:radial-gradient(circle at 35% 30%,var(--phonon-metal-light),var(--phonon-metal-dark) 75%);width:.4375rem;height:.4375rem;box-shadow:0 1px 0 var(--phonon-ink),inset 0 -1px 1px var(--phonon-bg);border-radius:9999px;position:absolute}@supports (color:color-mix(in lab,red,red)){.arcade-screw{box-shadow:0 1px color-mix(in srgb,var(--phonon-ink) 35%,transparent),inset 0 -1px 1px color-mix(in srgb,var(--phonon-bg) 45%,transparent)}}.arcade-screw:after{content:"";height:1px;translate:0 -50%;rotate:var(--turn,35deg);background-color:var(--phonon-metal-ink);inset-inline:15%;position:absolute;top:50%}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.absolute\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-14{top:calc(var(--spacing) * 14)}.right-1{right:var(--spacing)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.left-1{left:var(--spacing)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.m-0{margin:0}.mx-auto{margin-inline:auto}.\[margin-top\:calc\(var\(--deck\)\*\(cos\(var\(--tilt\)\)-1\)\)\]{margin-top:calc(var(--deck) * (cos(var(--tilt)) - 1))}.mr-1{margin-right:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-\[clamp\(32\.5rem\,calc\(100svh-29rem\)\,37rem\)\]{height:clamp(32.5rem,100svh - 29rem,37rem)}.h-\[var\(--deck\)\]{height:var(--deck)}.h-auto\!{height:auto!important}.h-full{height:100%}.h-svh{height:100svh}.min-h-0{min-height:0}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-full{min-height:100%}.w-1{width:var(--spacing)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-\[51rem\]{max-width:51rem}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.-rotate-6{rotate:-6deg}.rotate-\[5deg\]{rotate:5deg}.\[transform\:rotateX\(-16deg\)\]{transform:rotateX(-16deg)}.\[transform\:rotateX\(var\(--tilt\)\)\]{transform:rotateX(var(--tilt))}.\[transform\:translateZ\(calc\(var\(--deck\)\*sin\(var\(--tilt\)\)\)\)\]{transform:translateZ(calc(var(--deck) * sin(var(--tilt))))}.animate-arcade-blink{animation:var(--animate-arcade-blink)}.animate-arcade-chase{animation:var(--animate-arcade-chase)}.animate-arcade-pop{animation:var(--animate-arcade-pop)}.animate-arcade-rainbow{animation:var(--animate-arcade-rainbow)}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end\!{align-items:flex-end!important}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-1\.5\!{gap:calc(var(--spacing) * 1.5)!important}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\!{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-20{column-gap:calc(var(--spacing) * 20)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.arcade-plaque{color:var(--phonon-metal-ink);background-color:var(--phonon-metal);background-image:linear-gradient(105deg,transparent 40%,var(--phonon-ink) 50%,transparent 60%),repeating-linear-gradient(90deg,var(--phonon-metal-light) 0 1px,transparent 1px 2px,var(--phonon-metal-dark) 2px 3px),linear-gradient(to bottom,var(--phonon-metal-light),var(--phonon-metal) 45%,var(--phonon-metal-dark));border-radius:3px}@supports (color:color-mix(in lab,red,red)){.arcade-plaque{background-image:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--phonon-ink) 65%,transparent) 50%,transparent 60%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--phonon-metal-light) 28%,transparent) 0 1px,transparent 1px 2px,color-mix(in srgb,var(--phonon-metal-dark) 14%,transparent) 2px 3px),linear-gradient(to bottom,var(--phonon-metal-light),var(--phonon-metal) 45%,var(--phonon-metal-dark))}}.arcade-plaque{background-size:280% 100%,auto,auto;background-position:calc(50% - var(--glint-x,0) * .35%) 0,0 0,0 0;box-shadow:inset 0 1px 0 var(--phonon-ink),inset 0 -1px 0 var(--phonon-bg),0 2px 3px var(--phonon-bg)}@supports (color:color-mix(in lab,red,red)){.arcade-plaque{box-shadow:inset 0 1px color-mix(in srgb,var(--phonon-ink) 60%,transparent),inset 0 -1px color-mix(in srgb,var(--phonon-bg) 45%,transparent),0 2px 3px color-mix(in srgb,var(--phonon-bg) 70%,transparent)}}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-md{border-radius:var(--radius-md)}.rounded-md\!{border-radius:var(--radius-md)!important}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-\[1\.1rem\]\!{border-top-left-radius:1.1rem!important;border-bottom-left-radius:1.1rem!important}.rounded-r-sm\!{border-top-right-radius:var(--radius-sm)!important;border-bottom-right-radius:var(--radius-sm)!important}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-\[var\(--phonon-accent\)\]\!{border-color:var(--phonon-accent)!important}.border-\[var\(--phonon-ink\)\]\!{border-color:var(--phonon-ink)!important}.border-\[var\(--phonon-line\)\]{border-color:var(--phonon-line)}.border-transparent{border-color:#0000}.border-transparent\!{border-color:#0000!important}.arcade-key{background-color:var(--cap);box-shadow:0 var(--lift,.2rem) 0 var(--cap)}@supports (color:color-mix(in lab,red,red)){.arcade-key{box-shadow:0 var(--lift,.2rem) 0 color-mix(in srgb,var(--cap) 45%,var(--phonon-bg))}}.arcade-key-down{background-color:var(--cap);box-shadow:inset 0 .18rem .25rem var(--phonon-bg)}@supports (color:color-mix(in lab,red,red)){.arcade-key-down{box-shadow:inset 0 .18rem .25rem color-mix(in srgb,var(--phonon-bg) 45%,transparent)}}.bg-\[var\(--phonon-accent\)\]{background-color:var(--phonon-accent)}.bg-\[var\(--phonon-accent\)\]\!{background-color:var(--phonon-accent)!important}.bg-\[var\(--phonon-bezel\)\]{background-color:var(--phonon-bezel)}.bg-\[var\(--phonon-bg\)\]{background-color:var(--phonon-bg)}.bg-\[var\(--phonon-bg\)\]\!{background-color:var(--phonon-bg)!important}.bg-\[var\(--phonon-cabinet\)\]{background-color:var(--phonon-cabinet)}.bg-\[var\(--phonon-face\)\]{background-color:var(--phonon-face)}.bg-\[var\(--phonon-ink\)\]{background-color:var(--phonon-ink)}.bg-\[var\(--phonon-ink-muted\)\]{background-color:var(--phonon-ink-muted)}.bg-\[var\(--phonon-screen\)\]{background-color:var(--phonon-screen)}.bg-\[var\(--phonon-surface\)\]{background-color:var(--phonon-surface)}.bg-black\/40\!{background-color:#0006!important}@supports (color:color-mix(in lab,red,red)){.bg-black\/40\!{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)!important}}.bg-transparent{background-color:#0000}.bg-transparent\!{background-color:#0000!important}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.arcade-dots{background-image:radial-gradient(circle,var(--phonon-ink) .9px,transparent 1.3px)}@supports (color:color-mix(in lab,red,red)){.arcade-dots{background-image:radial-gradient(circle,color-mix(in srgb,var(--phonon-ink) 18%,transparent) .9px,transparent 1.3px)}}.arcade-dots{background-size:6px 6px}.arcade-glass{background-image:radial-gradient(130% 100% at 50% 50%,transparent 58%,var(--phonon-bg) 100%),linear-gradient(165deg,var(--phonon-ink) 0%,transparent 24%)}@supports (color:color-mix(in lab,red,red)){.arcade-glass{background-image:radial-gradient(130% 100% at 50% 50%,transparent 58%,color-mix(in srgb,var(--phonon-bg) 80%,transparent) 100%),linear-gradient(165deg,color-mix(in srgb,var(--phonon-ink) 7%,transparent) 0%,transparent 24%)}}.arcade-glass{box-shadow:inset 0 0 5rem var(--phonon-bg),inset 0 0 .75rem var(--phonon-bg)}@supports (color:color-mix(in lab,red,red)){.arcade-glass{box-shadow:inset 0 0 5rem color-mix(in srgb,var(--phonon-bg) 85%,transparent),inset 0 0 .75rem color-mix(in srgb,var(--phonon-bg) 90%,transparent)}}.arcade-scanlines{background-image:repeating-linear-gradient(to bottom,var(--phonon-bg) 0 1px,transparent 1px 3px)}@supports (color:color-mix(in lab,red,red)){.arcade-scanlines{background-image:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--phonon-bg) 20%,transparent) 0 1px,transparent 1px 3px)}}.bg-\[linear-gradient\(to_bottom\,transparent_0\%\,color-mix\(in_srgb\,var\(--phonon-ink\)_5\%\,transparent\)_10\%\,transparent_20\%\)\]{background-image:linear-gradient(to bottom,transparent 0%,var(--phonon-ink) 10%,transparent 20%)}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(to_bottom\,transparent_0\%\,color-mix\(in_srgb\,var\(--phonon-ink\)_5\%\,transparent\)_10\%\,transparent_20\%\)\]{background-image:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--phonon-ink) 5%,transparent) 10%,transparent 20%)}}.phonon-crt{background-image:repeating-linear-gradient(0deg,var(--phonon-bg) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,var(--phonon-arcade-night) 0%,var(--phonon-bg) 100%)}@supports (color:color-mix(in lab,red,red)){.phonon-crt{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--phonon-bg) 45%,transparent) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,color-mix(in srgb,var(--phonon-arcade-night) 55%,transparent),color-mix(in srgb,var(--phonon-bg) 92%,transparent))}}.from-\[var\(--phonon-arcade-sun\)\]{--tw-gradient-from:var(--phonon-arcade-sun);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[var\(--phonon-arcade-ember\)\]{--tw-gradient-via:var(--phonon-arcade-ember);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[var\(--phonon-arcade-blaze\)\]{--tw-gradient-to:var(--phonon-arcade-blaze);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.arcade-shade-up{opacity:.6;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-0\!{padding:0!important}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\!{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\!{padding-inline:calc(var(--spacing) * 5)!important}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-16{padding-inline:calc(var(--spacing) * 16)}.px-\[0\.4375rem\]{padding-inline:.4375rem}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-1\.5\!{padding-block:calc(var(--spacing) * 1.5)!important}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5\!{padding-block:calc(var(--spacing) * 2.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-0{padding-right:0}.pr-3\!{padding-right:calc(var(--spacing) * 3)!important}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2\.5\!{padding-left:calc(var(--spacing) * 2.5)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono);font-feature-settings:var(--font-mono--font-feature-settings)}.font-komuna{font-family:var(--font-komuna)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-caption{font-size:.75rem;line-height:1.4}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.6875rem\]\!{font-size:.6875rem!important}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[200\]{--tw-font-weight:200;font-weight:200}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.whitespace-normal\!{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[var\(--phonon-accent\)\]{color:var(--phonon-accent)}.text-\[var\(--phonon-accent-deep\)\]{color:var(--phonon-accent-deep)}.text-\[var\(--phonon-accent-deep\)\]\!{color:var(--phonon-accent-deep)!important}.text-\[var\(--phonon-arcade-cyan\)\]{color:var(--phonon-arcade-cyan)}.text-\[var\(--phonon-arcade-pink\)\]{color:var(--phonon-arcade-pink)}.text-\[var\(--phonon-arcade-sun\)\]{color:var(--phonon-arcade-sun)}.text-\[var\(--phonon-arcade-sun\)\]\!{color:var(--phonon-arcade-sun)!important}.text-\[var\(--phonon-bg\)\]{color:var(--phonon-bg)}.text-\[var\(--phonon-ink\)\]{color:var(--phonon-ink)}.text-\[var\(--phonon-ink\)\]\!{color:var(--phonon-ink)!important}.text-\[var\(--phonon-ink-muted\)\]{color:var(--phonon-ink-muted)}.text-\[var\(--phonon-ink-muted\)\]\!{color:var(--phonon-ink-muted)!important}.text-\[var\(--phonon-surface\)\]{color:var(--phonon-surface)}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.shadow-\[0_0\.2rem_0_color-mix\(in_srgb\,var\(--phonon-bg\)_60\%\,transparent\)\]{--tw-shadow:0 .2rem 0 var(--tw-shadow-color,var(--phonon-bg))}@supports (color:color-mix(in lab,red,red)){.shadow-\[0_0\.2rem_0_color-mix\(in_srgb\,var\(--phonon-bg\)_60\%\,transparent\)\]{--tw-shadow:0 .2rem 0 var(--tw-shadow-color,color-mix(in srgb,var(--phonon-bg) 60%,transparent))}}.shadow-\[0_0\.2rem_0_color-mix\(in_srgb\,var\(--phonon-bg\)_60\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.arcade-inlay{box-shadow:inset 0 1px 2px var(--phonon-bg),0 1px 0 var(--phonon-ink)}@supports (color:color-mix(in lab,red,red)){.arcade-inlay{box-shadow:inset 0 1px 2px var(--phonon-bg),0 1px color-mix(in srgb,var(--phonon-ink) 7%,transparent)}}.ring-\[color-mix\(in_srgb\,var\(--phonon-accent-deep\)_40\%\,transparent\)\]{--tw-ring-color:var(--phonon-accent-deep)}@supports (color:color-mix(in lab,red,red)){.ring-\[color-mix\(in_srgb\,var\(--phonon-accent-deep\)_40\%\,transparent\)\]{--tw-ring-color:color-mix(in srgb,var(--phonon-accent-deep) 40%,transparent)}}.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-\[6px\]{outline-offset:-6px}.outline-\[color-mix\(in_srgb\,var\(--phonon-accent-deep\)_45\%\,transparent\)\]{outline-color:var(--phonon-accent-deep)}@supports (color:color-mix(in lab,red,red)){.outline-\[color-mix\(in_srgb\,var\(--phonon-accent-deep\)_45\%\,transparent\)\]{outline-color:color-mix(in srgb,var(--phonon-accent-deep) 45%,transparent)}}.drop-shadow-\[0_0_7px_var\(--phonon-accent\)\]{--tw-drop-shadow-size:drop-shadow(0 0 7px var(--tw-drop-shadow-color,var(--phonon-accent)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[3px_3px_0_var\(--phonon-bg\)\]{--tw-drop-shadow-size:drop-shadow(3px 3px 0 var(--tw-drop-shadow-color,var(--phonon-bg)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--cap\:var\(--phonon-accent\)\]{--cap:var(--phonon-accent)}.\[--cap\:var\(--phonon-key\)\]{--cap:var(--phonon-key)}.\[--deck\:6\.5rem\]{--deck:6.5rem}.\[--lift\:0\.3rem\]{--lift:.3rem}.\[--tilt\:42deg\]{--tilt:42deg}.\[--turn\:-55deg\]{--turn:-55deg}.\[--turn\:10deg\]{--turn:10deg}.\[--turn\:30deg\]{--turn:30deg}.\[--turn\:80deg\]{--turn:80deg}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.arcade-engraved{text-shadow:0 -1px 0 var(--phonon-bg),0 1px 0 var(--phonon-ink)}@supports (color:color-mix(in lab,red,red)){.arcade-engraved{text-shadow:0 -1px 0 var(--phonon-bg),0 1px 0 color-mix(in srgb,var(--phonon-ink) 8%,transparent)}}.arcade-etched{text-shadow:0 1px 0 var(--phonon-ink),0 -1px 0 var(--phonon-bg)}@supports (color:color-mix(in lab,red,red)){.arcade-etched{text-shadow:0 1px 0 color-mix(in srgb,var(--phonon-ink) 55%,transparent),0 -1px 0 color-mix(in srgb,var(--phonon-bg) 30%,transparent)}}.arcade-glow{text-shadow:0 0 .4em}@supports (color:color-mix(in lab,red,red)){.arcade-glow{text-shadow:0 0 .4em color-mix(in srgb,currentColor 45%,transparent)}}.arcade-misprint{text-shadow:.09em .07em 0 var(--phonon-arcade-sun)}@supports (color:color-mix(in lab,red,red)){.arcade-misprint{text-shadow:.09em .07em 0 color-mix(in srgb,var(--phonon-arcade-sun) 55%,transparent)}}.group-active\:translate-y-0\.5:is(:where(.group):active *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-active\:shadow-none:is(:where(.group):active *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:border-\[var\(--phonon-ink-muted\)\]\!:hover{border-color:var(--phonon-ink-muted)!important}.hover\:bg-\[var\(--phonon-accent\)\]\!:hover{background-color:var(--phonon-accent)!important}.hover\:bg-\[var\(--phonon-ink\)\]\!:hover{background-color:var(--phonon-ink)!important}.hover\:bg-black\/30\!:hover{background-color:#0000004d!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/30\!:hover{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)!important}}.hover\:bg-transparent\!:hover{background-color:#0000!important}.hover\:text-\[var\(--phonon-bg\)\]\!:hover{color:var(--phonon-bg)!important}.hover\:text-\[var\(--phonon-ink\)\]\!:hover{color:var(--phonon-ink)!important}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--phonon-accent\)\]\/40:focus-visible{--tw-ring-color:var(--phonon-accent)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[var\(--phonon-accent\)\]\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--phonon-accent) 40%, transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-arcade-flash{animation:var(--animate-arcade-flash)}.motion-safe\:animate-arcade-sweep{animation:var(--animate-arcade-sweep)}}@media(prefers-reduced-motion:reduce){.motion-reduce\:hidden{display:none}}@media not all and (min-width:64rem){.max-lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.max-lg\:pt-8{padding-top:calc(var(--spacing) * 8)}.max-lg\:pb-7{padding-bottom:calc(var(--spacing) * 7)}}@media not all and (min-width:48rem){.max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-md\:mt-3{margin-top:calc(var(--spacing) * 3)}.max-md\:flex{display:flex}.max-md\:hidden{display:none}.max-md\:hidden\!{display:none!important}.max-md\:h-auto{height:auto}.max-md\:min-h-\[34rem\]{min-height:34rem}.max-md\:w-40{width:calc(var(--spacing) * 40)}.max-md\:w-full{width:100%}.max-md\:max-w-20{max-width:calc(var(--spacing) * 20)}.max-md\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-md\:\[transform\:none\]{transform:none}.max-md\:flex-col{flex-direction:column}.max-md\:flex-row{flex-direction:row}.max-md\:items-start{align-items:flex-start}.max-md\:justify-center{justify-content:center}.max-md\:gap-2{gap:calc(var(--spacing) * 2)}.max-md\:gap-4{gap:calc(var(--spacing) * 4)}.max-md\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.max-md\:gap-x-10{column-gap:calc(var(--spacing) * 10)}.max-md\:self-center{align-self:center}.max-md\:rounded-2xl{border-radius:var(--radius-2xl)}.max-md\:rounded-xl{border-radius:var(--radius-xl)}.max-md\:rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.max-md\:rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.max-md\:p-1{padding:var(--spacing)}.max-md\:p-2{padding:calc(var(--spacing) * 2)}.max-md\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-md\:px-3{padding-inline:calc(var(--spacing) * 3)}.max-md\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-md\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.max-md\:py-3{padding-block:calc(var(--spacing) * 3)}.max-md\:py-4{padding-block:calc(var(--spacing) * 4)}.max-md\:pt-1{padding-top:var(--spacing)}.max-md\:pt-3{padding-top:calc(var(--spacing) * 3)}.max-md\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.max-md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.max-md\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.max-md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.max-md\:text-\[0\.625rem\]{font-size:.625rem}.max-md\:text-\[0\.5625rem\]{font-size:.5625rem}.max-md\:tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.max-md\:\[perspective\:none\]\!{perspective:none!important}}@media(min-width:48rem){.md\:hidden{display:none}}@media(min-width:64rem){.lg\:absolute{position:absolute}.lg\:inset-x-0{inset-inline:0}.lg\:top-0{top:0}}@media(max-height:860px){.short\:h-\[clamp\(32\.5rem\,calc\(100svh-26rem\)\,37rem\)\]{height:clamp(32.5rem,100svh - 26rem,37rem)}.short\:min-h-9{min-height:calc(var(--spacing) * 9)}.short\:gap-0{gap:0}.short\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.short\:py-0{padding-block:0}.short\:py-1{padding-block:var(--spacing)}.short\:py-2{padding-block:calc(var(--spacing) * 2)}.short\:pt-8{padding-top:calc(var(--spacing) * 8)}.short\:pb-2{padding-bottom:calc(var(--spacing) * 2)}.short\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.short\:\[--deck\:5\.75rem\]{--deck:5.75rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-Regular-Latin1-DYPusg7z.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-Medium-Latin1-CfBEoGIJ.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-SemiBold-Latin1-ChfWfxA6.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-Regular-Latin2-Cb0PcqQ4.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+100-101,U+104-130,U+132-151,U+154-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1FA-1FF,U+218-21B,U+237,U+259,U+1E80-1E85,U+1E9E,U+20A1,U+20A4,U+20A6,U+20A8-20AA,U+20AD-20AE,U+20B1-20B2,U+20B4-20B5,U+20B8-20BA,U+20BD,U+20BF}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-Medium-Latin2-gp7etG-t.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+100-101,U+104-130,U+132-151,U+154-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1FA-1FF,U+218-21B,U+237,U+259,U+1E80-1E85,U+1E9E,U+20A1,U+20A4,U+20A6,U+20A8-20AA,U+20AD-20AE,U+20B1-20B2,U+20B4-20B5,U+20B8-20BA,U+20BD,U+20BF}@font-face{font-family:IBM Plex Mono Webfont;src:url(./IBMPlexMono-SemiBold-Latin2-BQ5dFssM.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+100-101,U+104-130,U+132-151,U+154-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1FA-1FF,U+218-21B,U+237,U+259,U+1E80-1E85,U+1E9E,U+20A1,U+20A4,U+20A6,U+20A8-20AA,U+20AD-20AE,U+20B1-20B2,U+20B4-20B5,U+20B8-20BA,U+20BD,U+20BF}@font-face{font-family:Komuna;src:url(./Komuna-Variable-DtCDLGMR.woff2)format("woff2");font-weight:100 1000;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--phonon-bg:#000;--phonon-surface:#0b0b0b;--phonon-line:#262626;--phonon-ink:#f2f2f2;--phonon-ink-muted:#8a8a8a;--phonon-accent:#daff52;--phonon-accent-pale:#aed2ff;--phonon-accent-deep:#111;--phonon-arcade-sun:#ffb592;--phonon-arcade-ember:#ffb592;--phonon-arcade-blaze:#ff95e5;--phonon-arcade-heart:#ff95e5;--phonon-arcade-pink:#ff95e5;--phonon-arcade-cyan:#91fffa;--phonon-arcade-night:#0b0b0b;--phonon-cabinet:#0e0e0e;--phonon-bezel:#181818;--phonon-bezel-edge:#2f2f2f;--phonon-face:#222;--phonon-key:#3a3a3a;--phonon-side:#131313;--phonon-side-lit:#232323;--phonon-roof:#0b0b0b;--phonon-roof-front:#1d1d1d;--phonon-board-edge:#2a2a2a;--phonon-metal:#8f8f8f;--phonon-metal-light:#cfcfcf;--phonon-metal-dark:#555;--phonon-metal-ink:#2b2b2b;--phonon-screen:#030303;--phonon-grille:#3d3d3d;--phonon-room-light:#d4d4d4;--phonon-room-mid:#9e9e9e;--phonon-room-dim:#6b6b6b}html,body{background:var(--phonon-bg);color-scheme:dark;margin:0}@keyframes arcade-blink{0%{opacity:1}70%{opacity:0}}@keyframes arcade-pop{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}@keyframes arcade-rainbow{to{filter:hue-rotate(360deg)}}@keyframes arcade-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes arcade-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--phonon-accent) 75%,transparent)}to{box-shadow:0 0 0 .9rem color-mix(in srgb,var(--phonon-accent) 0%,transparent)}}@keyframes arcade-chase{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes arcade-tilt{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px,2px)rotate(-.6deg)}40%{transform:translate(5px,-3px)rotate(.5deg)}60%{transform:translate(-4px,3px)rotate(-.4deg)}80%{transform:translate(3px,-1px)rotate(.3deg)}}@keyframes arcade-flash{0%{opacity:.1}to{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}