@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/pixelify-sans-cyrillic-400-normal.a7187f7c.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-400-normal.c370282a.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/pixelify-sans-latin-ext-400-normal.8986a1c1.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-400-normal.3047900d.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/pixelify-sans-latin-400-normal.ee322ae9.woff2)format("woff2"),url(../media/pixelify-sans-latin-400-normal.b2962a50.woff)format("woff");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}
@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-cyrillic-500-normal.0e03aa98.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-500-normal.f5f6d4b7.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-latin-ext-500-normal.c192f7a1.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-500-normal.a14d02b1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-latin-500-normal.52531e21.woff2)format("woff2"),url(../media/pixelify-sans-latin-500-normal.3e0c0fe6.woff)format("woff");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}
@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/pixelify-sans-cyrillic-600-normal.bfad0adc.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-600-normal.ad4fdf0e.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/pixelify-sans-latin-ext-600-normal.b3355498.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-600-normal.020f03e0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/pixelify-sans-latin-600-normal.3e5530c4.woff2)format("woff2"),url(../media/pixelify-sans-latin-600-normal.ef78a8e8.woff)format("woff");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}
@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-cyrillic-700-normal.e77e4e14.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-700-normal.5220bf16.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-ext-700-normal.dcf97bb0.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-700-normal.dc17eca6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-700-normal.2ce214fd.woff2)format("woff2"),url(../media/pixelify-sans-latin-700-normal.3cd33479.woff)format("woff");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}
@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-cyrillic-ext-400-normal.7b5b324e.woff2)format("woff2"),url(../media/press-start-2p-cyrillic-ext-400-normal.5ad18607.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-cyrillic-400-normal.3840e31c.woff2)format("woff2"),url(../media/press-start-2p-cyrillic-400-normal.c2d92e92.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-greek-400-normal.003989a3.woff2)format("woff2"),url(../media/press-start-2p-greek-400-normal.dac4190e.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-latin-ext-400-normal.900db8a2.woff2)format("woff2"),url(../media/press-start-2p-latin-ext-400-normal.a2c50d86.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-latin-400-normal.dc03a7a0.woff2)format("woff2"),url(../media/press-start-2p-latin-400-normal.b7ba7548.woff)format("woff");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}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--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-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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Pixelify Sans",system-ui,sans-serif;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Pixelify Sans",system-ui,sans-serif;--default-mono-font-family:"Pixelify Sans",monospace;--color-piano-void:var(--color-void);--spacing-key-h:150px;--spacing-black-h:96px;--shadow-bevel-active:inset 2px 2px 0 0 #fff6,inset -2px -2px 0 0 #0003;--shadow-key-left:inset 2px 0 0 0 var(--color-key-white-lo);--shadow-key-right:inset -2px 0 0 0 var(--color-key-white-lo)}}@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,ui-sans-serif,system-ui,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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-\[1px\]{top:1px}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-\[1px\]{right:1px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-20{bottom:calc(var(--spacing)*20)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[2px\]{left:2px}.z-0{z-index:0}.z-4{z-index:4}.z-5{z-index:5}.z-10{z-index:10}.z-15{z-index:15}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[5\]{z-index:5}.z-\[20\]{z-index:20}.z-\[42\]{z-index:42}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[300\]{z-index:300}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-\[1px\]{margin-top:-1px}.-mt-\[10px\]{margin-top:-10px}.-mt-\[26px\]{margin-top:-26px}.-mt-\[32px\]{margin-top:-32px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[56px\]{height:56px}.h-\[72px\]{height:72px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[200px\]{max-height:200px}.min-h-0{min-height:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[1px\]{width:1px}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-\[4px\]{width:4px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:0 0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\[2px\]{gap:2px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--color-ui-active\)\]{border-color:var(--color-ui-active)}.bg-\[var\(--color-accent-primary\)\]{background-color:var(--color-accent-primary)}.bg-\[var\(--color-key-black\)\]{background-color:var(--color-key-black)}.bg-\[var\(--color-key-black-hi\)\]{background-color:var(--color-key-black-hi)}.bg-\[var\(--color-key-black-lo\)\]{background-color:var(--color-key-black-lo)}.bg-\[var\(--color-key-white-hi\)\]{background-color:var(--color-key-white-hi)}.bg-\[var\(--color-key-white-lo\)\]{background-color:var(--color-key-white-lo)}.bg-\[var\(--color-piano-void\)\]{background-color:var(--color-piano-void)}.bg-\[var\(--color-ui-active\)\]{background-color:var(--color-ui-active)}.bg-\[var\(--color-void\)\],.bg-\[var\(--color-void\)\]\/95{background-color:var(--color-void)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-void\)\]\/95{background-color:color-mix(in oklab,var(--color-void)95%,transparent)}}.bg-background{background-color:var(--color-void)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[env\(safe-area-inset-left\,0px\)\]{padding-inline:env(safe-area-inset-left,0px)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-\[max\(2rem\,8vh\)\]{padding-top:max(2rem,8vh)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:Pixelify Sans,monospace}.font-sans{font-family:Pixelify Sans,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.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-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-accent-primary\)\]{color:var(--color-accent-primary)}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-\[var\(--color-subtle\)\]{color:var(--color-subtle)}.text-\[var\(--color-text\)\],.text-\[var\(--color-text\)\]\/80{color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--color-text\)\]\/80{color:color-mix(in oklab,var(--color-text)80%,transparent)}}.text-\[var\(--color-text-bright\)\]{color:var(--color-text-bright)}.text-\[var\(--color-void\)\]{color:var(--color-void)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.accent-\[var\(--color-accent-primary\)\]{accent-color:var(--color-accent-primary)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow,.shadow\/highlight{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);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,)}.sepia{--tw-sepia:sepia(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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-opacity{transition-property:opacity;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))}.transition-none{transition-property:none}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-pixel{--tw-ease:cubic-bezier(0,0,0,1);transition-timing-function:cubic-bezier(0,0,0,1)}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:200ms\]{animation-delay:.2s}.\[animation-delay\:400ms\]{animation-delay:.4s}@media (hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/end\:opacity-100:is(:where(.group\/end):hover *),.group-hover\/start\:opacity-100:is(:where(.group\/start):hover *){opacity:1}}.placeholder\:text-\[var\(--color-muted\)\]::placeholder{color:var(--color-muted)}@media (hover:hover){.hover\:h-2:hover{height:calc(var(--spacing)*2)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-\[var\(--color-elevated\)\]:hover{background-color:var(--color-elevated)}.hover\:bg-\[var\(--color-ui-active\)\]:hover{background-color:var(--color-ui-active)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}.hover\:text-\[var\(--color-text-bright\)\]:hover{color:var(--color-text-bright)}}.focus\:ring-1:focus{--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)}.focus\:ring-\[var\(--color-accent-primary\)\]:focus{--tw-ring-color:var(--color-accent-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:inline{display:inline}.md\:h-\[64px\]{height:64px}.md\:h-\[80px\]{height:80px}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (orientation:portrait){.portrait\:flex{display:flex}}@media (orientation:landscape){.landscape\:mt-8{margin-top:calc(var(--spacing)*8)}.landscape\:hidden{display:none}.landscape\:pt-1{padding-top:calc(var(--spacing)*1)}.landscape\:pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}}}:root{--background:#060810;--foreground:#e2e4e9}:root,[data-theme=cool]{--color-void:#060810;--color-bg:#0c1020;--color-surface:#141830;--color-elevated:#1e2240;--color-border:#3a3a4a;--color-muted:#5a5a6a;--color-subtle:#8a8a9a;--color-text:#cacad4;--color-text-bright:#eaeaf0;--color-key-white:#d8dae0;--color-key-white-hi:#eaecf0;--color-key-white-lo:#a8aab0;--color-key-black:#2a2a34;--color-key-black-hi:#3a3a44;--color-key-black-lo:#1a1a24;--color-accent-primary:#38bdf8;--color-accent-secondary:#fb7185;--color-accent-tertiary:#a78bfa;--color-ui-active:#6366f1;--color-note-left:#fb7185;--color-note-right:#38bdf8;--color-note-unified:#a78bfa;--color-grid-line:#6366f180;--vignette-alpha:.4}[data-theme=warm]{--color-void:#100804;--color-bg:#1e1208;--color-surface:#2e1e10;--color-elevated:#3e2c1a;--color-border:#5a4a3a;--color-muted:#7a6a5a;--color-subtle:#9a8a7a;--color-text:#d4c8b8;--color-text-bright:#f0e8dc;--color-key-white:#f5f0e0;--color-key-white-hi:#fffbf0;--color-key-white-lo:#c8c0a8;--color-key-black:#1a1810;--color-key-black-hi:#2a2820;--color-key-black-lo:#0a0806;--color-accent-primary:#f59e0b;--color-accent-secondary:#ef4444;--color-accent-tertiary:#d97706;--color-ui-active:#b45309;--color-note-left:#ef4444;--color-note-right:#f59e0b;--color-note-unified:#fbbf24;--color-grid-line:#b4530980;--vignette-alpha:.35}[data-theme=mono]{--color-void:#000;--color-bg:#060806;--color-surface:#0d120d;--color-elevated:#141e14;--color-border:#333;--color-muted:#555;--color-subtle:#777;--color-text:#aaa;--color-text-bright:#ddd;--color-key-white:#e0e0e0;--color-key-white-hi:#f0f0f0;--color-key-white-lo:#a0a0a0;--color-key-black:#1a1a1a;--color-key-black-hi:#2a2a2a;--color-key-black-lo:#0a0a0a;--color-accent-primary:#22c55e;--color-accent-secondary:#22c55e;--color-accent-tertiary:#16a34a;--color-ui-active:#15803d;--color-note-left:#4ade80;--color-note-right:#22c55e;--color-note-unified:#22c55e;--color-grid-line:#22c55e66;--vignette-alpha:.5}[data-theme="8bit"]{--color-void:#02021a;--color-bg:#080828;--color-surface:#101850;--color-elevated:#202878;--color-border:#5050a0;--color-muted:#7878b8;--color-subtle:#9898d0;--color-text:#c8c8e8;--color-text-bright:#fcfcfc;--color-key-white:#fcfcfc;--color-key-white-hi:#fff;--color-key-white-lo:#b8b8b8;--color-key-black:#282828;--color-key-black-hi:#484848;--color-key-black-lo:#080808;--color-accent-primary:#e52521;--color-accent-secondary:#049cd8;--color-accent-tertiary:#fbd000;--color-ui-active:#0068b8;--color-note-left:#e52521;--color-note-right:#049cd8;--color-note-unified:#fbd000;--color-grid-line:#5050a080;--vignette-alpha:.3}[data-theme="16bit"]{--color-void:#060414;--color-bg:#0c0a24;--color-surface:#141438;--color-elevated:#202050;--color-border:#4848a0;--color-muted:#6868c0;--color-subtle:#9090d8;--color-text:#c0c0e8;--color-text-bright:#f0f0ff;--color-key-white:#f0f0f8;--color-key-white-hi:#fff;--color-key-white-lo:#b0b0c0;--color-key-black:#202030;--color-key-black-hi:#383848;--color-key-black-lo:#101018;--color-accent-primary:#f08030;--color-accent-secondary:#e03020;--color-accent-tertiary:#30a0f0;--color-ui-active:#d06020;--color-note-left:#e03020;--color-note-right:#30a0f0;--color-note-unified:#f08030;--color-grid-line:#4848a080;--vignette-alpha:.35}[data-theme=hibit]{--color-void:#080614;--color-bg:#120e28;--color-surface:#1a1838;--color-elevated:#24204a;--color-border:#4a4270;--color-muted:#6a6290;--color-subtle:#9088b0;--color-text:#c8c0e0;--color-text-bright:#f0ecff;--color-key-white:#ebe8f0;--color-key-white-hi:#f8f6ff;--color-key-white-lo:#b0a8c0;--color-key-black:#1a1828;--color-key-black-hi:#2a2840;--color-key-black-lo:#0a0810;--color-accent-primary:#ff6188;--color-accent-secondary:#78dce8;--color-accent-tertiary:#ab9df2;--color-ui-active:#fc9867;--color-note-left:#ff6188;--color-note-right:#78dce8;--color-note-unified:#ab9df2;--color-grid-line:#78dce866;--vignette-alpha:.45}@keyframes scroll{0%{background-position:0 0}to{background-position:0 var(--scroll-size,16px)}}.animate-scroll{animation:scroll var(--scroll-duration,.5s)linear infinite}@keyframes marquee-bounce{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--marquee-offset,0px))}}.animate-marquee-bounce{animation:5s ease-in-out infinite alternate marquee-bounce}[data-playing=false] .animate-scroll{animation-play-state:paused}body{background:var(--color-void);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;overscroll-behavior:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pixel-panel{background-color:var(--color-surface);border:2px solid var(--color-border);box-shadow:inset 0 1px 0 0 #ffffff0f,inset 1px 1px 0 0 var(--color-elevated),inset -1px -1px 0 0 var(--color-void);background-image:repeating-conic-gradient(#ffffff08 0% 25%,#0000 0% 50%);background-size:2px 2px;border-radius:6px}[data-theme=mono] .pixel-panel{background-image:repeating-conic-gradient(#22c55e0a 0% 25%,#0000 0% 50%)}[data-theme=warm] .pixel-panel{background-image:repeating-conic-gradient(#f59e0b08 0% 25%,#0000 0% 50%)}[data-theme="8bit"] .pixel-panel{background-image:repeating-conic-gradient(#ffffff0d 0% 25%,#0000 0% 50%)}.pixel-btn{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:inset 1px 1px 0 0 var(--color-elevated),inset -1px -1px 0 0 var(--color-void);border-radius:6px;transition:none}.pixel-btn:hover{background:var(--color-elevated)}.pixel-btn:active{box-shadow:inset 1px 1px 0 0 var(--color-void),inset -1px -1px 0 0 var(--color-elevated)}.pixel-btn-primary{background:var(--color-ui-active);color:var(--color-text-bright);border:2px solid var(--color-accent-primary);border-radius:6px;box-shadow:inset 1px 1px #fff3,inset -1px -1px #0000004d}.pixel-btn-primary:hover{filter:brightness(1.1)}.pixel-btn-primary:active{box-shadow:inset 1px 1px #0000004d,inset -1px -1px #fff3}.pixel-btn svg,.pixel-btn-primary svg{shape-rendering:crispEdges}.pixel-inset{background:var(--color-void);box-shadow:inset 1px 1px 0 0 var(--color-border),inset -1px -1px 0 0 var(--color-elevated);border:2px solid #0000;border-radius:6px}.pixel-divider{background:linear-gradient(to bottom,var(--color-border)50%,var(--color-elevated)50%);height:2px}.pixel-text-muted{color:var(--color-muted)}.pixel-text-subtle{color:var(--color-subtle)}.pixel-text-accent{color:var(--color-accent-primary)}.pixel-title{letter-spacing:1px;font-family:"Press Start 2P",monospace;line-height:1.4}body{transition:background-color .3s,color .3s}.pixel-panel,.pixel-btn,.pixel-btn-primary,.pixel-inset{transition:background-color .3s,box-shadow .3s}.pixel-btn:hover{background:var(--color-elevated);box-shadow:inset 1px 1px 0 0 var(--color-elevated),inset -1px -1px 0 0 var(--color-void),2px 2px 0 0 var(--color-void);transform:translate(-1px,-1px)}.pixel-btn:active{box-shadow:inset 1px 1px 0 0 var(--color-void),inset -1px -1px 0 0 var(--color-elevated);transform:translate(0)}[data-theme="8bit"] .crt-effect:after,[data-theme="16bit"] .crt-effect:after,[data-theme=mono] .crt-effect:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 2px);position:fixed;inset:0}[data-theme=mono] .pixel-text-accent,[data-theme=mono] .pixel-btn-primary{text-shadow:0 0 8px var(--color-accent-primary)}[data-theme=mono] h1,[data-theme=mono] .glow{text-shadow:0 0 4px var(--color-accent-primary),0 0 12px var(--color-accent-primary)}.vignette-overlay{pointer-events:none;z-index:9990;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,var(--vignette-alpha,.4))100%);position:fixed;inset:0}.noise-texture:before{content:"";pointer-events:none;z-index:9998;opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=cool] .noise-texture:before{opacity:.018}[data-theme=warm] .noise-texture:before{opacity:.025}[data-theme=mono] .noise-texture:before{opacity:.04}[data-theme="8bit"] .noise-texture:before{opacity:.01}[data-theme="16bit"] .noise-texture:before,[data-theme=hibit] .noise-texture:before{opacity:.015}.theme-swatch{gap:2px;margin-bottom:6px;display:flex}.theme-swatch>div{border:1px solid #0000004d;width:12px;height:12px}.pixel-kbd{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:inset 1px 1px 0 0 var(--color-elevated),1px 1px 0 0 var(--color-void);border-radius:4px;margin:0 1px;padding:1px 5px;font-family:Pixelify Sans,monospace;font-size:10px;line-height:1.4;display:inline-block}.pixel-toggle{background:var(--color-void);border:2px solid var(--color-border);width:36px;height:20px;box-shadow:inset 1px 1px 0 0 var(--color-border),inset -1px -1px 0 0 var(--color-elevated);cursor:pointer;border-radius:4px;flex-shrink:0;position:relative}.pixel-toggle-on{background:var(--color-ui-active);border-color:var(--color-accent-primary)}.pixel-toggle-thumb{background:var(--color-muted);width:12px;height:12px;box-shadow:inset 1px 1px 0 0 var(--color-text),inset -1px -1px 0 0 var(--color-void);border-radius:2px;transition:transform .1s;position:absolute;top:2px;left:2px}.pixel-toggle-on .pixel-toggle-thumb{background:var(--color-text-bright);transform:translate(16px)}@media (pointer:coarse){input[type=range]{min-height:24px}.pixel-btn,.pixel-btn-primary{min-width:44px;min-height:44px}}@keyframes pulse-border{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.pulse-border{animation:2s ease-in-out infinite pulse-border}@keyframes cursor-bounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.cursor-bounce{animation:.6s ease-in-out infinite cursor-bounce}.waterfall-grid-bg{pointer-events:none;background-image:linear-gradient(to right,var(--color-grid-line,var(--color-border))1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-line,var(--color-border))1px,transparent 1px);opacity:.12;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 35%,#000000b3 70%,#000 100%);mask-image:linear-gradient(#0000 0%,#0000004d 35%,#000000b3 70%,#000 100%)}.waterfall-layer-sky{z-index:0;background:radial-gradient(circle at 50% 100%,var(--color-surface)0%,var(--color-void)100%);opacity:.8;position:absolute;inset:0}.waterfall-layer-macro{z-index:0;opacity:.1;background-image:linear-gradient(to right,var(--color-border)1px,transparent 1px),linear-gradient(to bottom,var(--color-border)1px,transparent 1px);background-size:128px 128px;position:absolute;inset:0}.waterfall-layer-mid{z-index:2;opacity:.15;background-image:linear-gradient(to right,var(--color-muted)2px,transparent 2px),linear-gradient(to bottom,var(--color-muted)2px,transparent 2px);background-size:64px 64px;position:absolute;inset:0}.waterfall-fog-1{z-index:1;background:linear-gradient(to top,transparent,rgba(var(--color-void-rgb,6,8,16),.2)50%,rgba(var(--color-void-rgb,6,8,16),.4)100%);position:absolute;inset:0}.waterfall-fog-2{z-index:3;background:radial-gradient(ellipse at 50% 100%,transparent 0%,var(--color-void)100%);opacity:.4;position:absolute;inset:0}.waterfall-occlusion{z-index:30;pointer-events:none;opacity:.2;background-image:linear-gradient(90deg,transparent 0px,var(--color-void)2px,var(--color-void)13px,transparent 15px,transparent 100%),linear-gradient(90deg,transparent 0%,transparent 44%,var(--color-void)45%,var(--color-void)49%,transparent 50%,transparent 100%);background-size:320px 100%;position:absolute;inset:0}.waterfall-atmosphere{pointer-events:none;z-index:1;position:absolute;inset:0}[data-theme=cool] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#06081099 100%),radial-gradient(80% 30% at 50% 100%,#6366f114 0%,#0000 100%),radial-gradient(100% 50% at 30% 0,#38bdf80a 0%,#0000 100%)}[data-theme=warm] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#10080499 100%),radial-gradient(80% 30% at 50% 100%,#f59e0b1a 0%,#0000 100%)}[data-theme=mono] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#0009 100%),radial-gradient(80% 30% at 50% 100%,#22c55e14 0%,#0000 100%)}[data-theme="8bit"] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#02021a99 100%),radial-gradient(80% 30% at 50% 100%,#e5252114 0%,#0000 100%)}[data-theme="16bit"] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#06041499 100%),radial-gradient(80% 30% at 50% 100%,#f0803014 0%,#0000 100%),radial-gradient(100% 50% at 30% 0,#30a0f00a 0%,#0000 100%)}[data-theme=hibit] .waterfall-atmosphere{background:radial-gradient(120% 80% at 50% 100%,#0000 40%,#08061499 100%),radial-gradient(80% 30% at 50% 100%,#ff618814 0%,#0000 100%),radial-gradient(100% 50% at 30% 0,#78dce80a 0%,#0000 100%)}.waterfall-note{image-rendering:pixelated;contain:layout style;background-image:linear-gradient(135deg,#ffffff73 0%,#0000 50%,#0003 100%);border:1px solid #00000040;border-radius:3px;transition:box-shadow .15s,filter .15s;box-shadow:inset 0 1px 2px #ffffff4d,0 0 6px #ffffff1a}.waterfall-note:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff26 0%,#0000 25%),radial-gradient(circle at 15% 15%,#fff6 0%,#0000 10%);border-radius:3px;position:absolute;inset:0}.waterfall-note-cap{display:none}.waterfall-note--black{filter:brightness(.8)}.waterfall-note[data-proximity=mid]{filter:brightness(1.08);box-shadow:inset 0 1px 4px #fff3,0 0 8px #ffffff26}.waterfall-note[data-proximity=near]{filter:brightness(1.15)saturate(1.15);box-shadow:inset 0 1px 5px #ffffff40,0 0 10px #ffffff40,0 0 20px #ffffff1a}@keyframes note-vibrate{0%{transform:scaleX(1.02)translate(0)}20%{transform:scaleX(1.04)translate(.5px)}55%{transform:scaleX(1.03)translate(-.3px)}80%{transform:scaleX(1.035)translate(.2px)}to{transform:scaleX(1.02)translate(0)}}.waterfall-note[data-active]{filter:brightness(1.35)saturate(1.25);z-index:100;animation:.18s ease-in-out infinite note-vibrate;box-shadow:inset 0 1px 4px #ffffff4d,0 0 12px #ffffff59,0 0 24px #ffffff1f}[data-playing=false] .waterfall-note[data-active]{animation-play-state:paused}.waterfall-note[data-active]{will-change:transform,filter}[data-theme="8bit"] .waterfall-note{box-shadow:inset 0 1px 1px #fff9,0 0 6px #ff323226}[data-theme="8bit"] .waterfall-note:before{background:linear-gradient(#fff6 0,#0000 1px)}[data-theme="8bit"] .waterfall-note[data-proximity=near]{filter:brightness(1.15);box-shadow:inset 0 1px 2px #ffffffb3,0 0 8px #ff323280,0 0 16px #ff323233}[data-theme="8bit"] .waterfall-note[data-active]{box-shadow:inset 0 1px 2px #ffffffb3,0 0 12px #ff323299,0 0 24px #ff323240}[data-theme="16bit"] .waterfall-note{box-shadow:inset 0 1px 3px #fff3,0 0 6px #f0803026}[data-theme="16bit"] .waterfall-note:before{background:linear-gradient(#ffffff26 0%,#0000 25% 100%)}[data-theme="16bit"] .waterfall-note[data-proximity=near]{filter:brightness(1.15)saturate(1.15);box-shadow:inset 0 1px 4px #ffffff40,0 0 8px #f0803073,0 0 16px #f0803033}[data-theme="16bit"] .waterfall-note[data-active]{box-shadow:inset 0 1px 4px #ffffff4d,0 0 12px #f0803099,0 0 24px #f0803040}[data-theme=mono] .waterfall-note{box-shadow:inset 0 1px 3px #ffffff26,inset 0 0 3px #22c55e26,0 0 6px #22c55e26}[data-theme=mono] .waterfall-note:before{background:linear-gradient(#ffffff1f 0%,#0000 20% 100%),repeating-linear-gradient(#0000 0 1px,#0000001a 1px 2px)}[data-theme=mono] .waterfall-note[data-proximity=near]{filter:brightness(1.15);box-shadow:inset 0 1px 4px #fff3,0 0 8px #22c55e80,0 0 16px #22c55e40}[data-theme=mono] .waterfall-note[data-active]{box-shadow:inset 0 1px 4px #ffffff40,0 0 12px #22c55eb3,0 0 24px #22c55e59}[data-theme=cool] .waterfall-note{box-shadow:inset 0 1px 3px #ffffff26,0 0 6px #6366f126}[data-theme=cool] .waterfall-note[data-proximity=near]{box-shadow:inset 0 1px 4px #fff3,0 0 8px #6366f180,0 0 16px #6366f140}[data-theme=cool] .waterfall-note[data-active]{box-shadow:inset 0 1px 4px #ffffff4d,0 0 12px #6366f1b3,0 0 24px #6366f159}[data-theme=warm] .waterfall-note{box-shadow:inset 0 1px 3px #ffffff26,0 0 6px #f59e0b26}[data-theme=warm] .waterfall-note:before{background:linear-gradient(#fff0c833 0%,#0000 25% 100%)}[data-theme=warm] .waterfall-note[data-proximity=near]{filter:brightness(1.15);box-shadow:inset 0 1px 4px #fff3,0 0 8px #f59e0b73,0 0 16px #f59e0b33}[data-theme=warm] .waterfall-note[data-active]{box-shadow:inset 0 1px 4px #ffffff4d,0 0 12px #f59e0b99,0 0 24px #f59e0b40}[data-theme=hibit] .waterfall-note{box-shadow:inset 0 1px 3px #ffffff26,0 0 6px #ff618826}[data-theme=hibit] .waterfall-note[data-proximity=near]{filter:brightness(1.15)saturate(1.2);box-shadow:inset 0 1px 4px #fff3,0 0 8px #ff618880,0 0 16px #ff618833}[data-theme=hibit] .waterfall-note[data-active]{filter:brightness(1.35)saturate(1.25);box-shadow:inset 0 1px 4px #ffffff4d,0 0 12px #ff618899,0 0 24px #ff618840}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}