@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;overflow-x:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-geist-sans),system-ui,sans-serif}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}:root{--bg-primary:#E3E2F3;--bg-secondary:#F2F3E2;--bg-accent:#EAC3BD;--bg-accent-hover:#EBA9A7;--bg-accent-active:#EB9292;--text-primary:#155D76;--text-secondary:#4C0E0C;--text-light:#FFFFFF;--white-key-bg:linear-gradient(180deg,#EB9292,#EAC3BD);--white-key-hover:linear-gradient(180deg,#F5A5A5,#F0D0CA);--white-key-pressed:linear-gradient(180deg,#D87A7A,#D4A8A2);--black-key-bg:linear-gradient(180deg,#54BD96,#236C86);--black-key-hover:linear-gradient(180deg,#6ACFA8,#2A7C96);--black-key-pressed:linear-gradient(180deg,#4AAD86,#1A5C76);--border-primary:#FFFFFF;--border-secondary:#4C0E0C;--border-accent:#236C86;--title-color:#CA6161;--stripe-color:#E4CFCC;--slider-bg:#E2E4BE;--slider-fill:linear-gradient(90deg,#54BD96,#236C86);--slider-border:#80825B;--toggle-bg:#E2E4BE;--toggle-active-bg:#EAC3BD;--toggle-slider:#C0C29B;--toggle-slider-active:linear-gradient(90deg,#54BD96,#236C86)}.ornatePianoGrayscale{--bg-primary:#F0F0F0;--bg-secondary:#F5F5F5;--bg-accent:#E0E0E0;--bg-accent-hover:#D0D0D0;--bg-accent-active:#C0C0C0;--text-primary:#404040;--text-secondary:#202020;--text-light:#FFFFFF;--white-key-bg:linear-gradient(180deg,#D0D0D0,#E0E0E0);--white-key-hover:linear-gradient(180deg,#E0E0E0,#F0F0F0);--white-key-pressed:linear-gradient(180deg,#B0B0B0,#C0C0C0);--black-key-bg:linear-gradient(180deg,#808080,#606060);--black-key-hover:linear-gradient(180deg,#909090,#707070);--black-key-pressed:linear-gradient(180deg,#707070,#505050);--border-primary:#FFFFFF;--border-secondary:#404040;--border-accent:#606060;--title-color:#808080;--stripe-color:#E8E8E8;--slider-bg:#F0F0F0;--slider-fill:linear-gradient(90deg,#808080,#606060);--slider-border:#A0A0A0;--toggle-bg:#F0F0F0;--toggle-active-bg:#E0E0E0;--toggle-slider:#C0C0C0;--toggle-slider-active:linear-gradient(90deg,#808080,#606060)}