@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-math-wght-normal-_TL2RCrf.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-symbols-wght-normal-DO7lZbk6.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-ext-wght-normal-BlIE6rrN.woff2)format("woff2-variations");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:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-wght-normal-BIFT5Qnz.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");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{--lacquer:#e6e5e1;--lacquer-edge:#cfcdc7;--ink:#26262a;--ink-soft:#5c5b60;--felt:#9e1f2c;--brass:#9a7a3c;--ivory:#fbfaf6;--ivory-shade:#deddd6;--ebony:#1d1d20;--focus:#9e1f2c;--max-width:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--lacquer:#1b1b1e;--lacquer-edge:#2c2c30;--ink:#ecebe6;--ink-soft:#a6a5a0;--brass:#c9a862;--felt:#b3303d;--focus:#e0a4aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--lacquer);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Instrument Sans Variable,Instrument Sans,system-ui,sans-serif;font-size:1rem;line-height:1.55}img{max-width:100%}a{color:inherit;-webkit-text-decoration-color:var(--felt);text-decoration-color:var(--felt);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.decal{color:var(--brass);font-optical-sizing:auto;letter-spacing:.01em;font:500 clamp(1.9rem,1.2rem + 2.6vw,3.4rem)/1 Bodoni Moda Variable,Bodoni Moda,serif}.decal-sub{color:var(--ink-soft);margin-top:.5rem;font-size:.95rem}.info h2{margin-bottom:.5rem;font:500 1.35rem/1.2 Bodoni Moda Variable,Bodoni Moda,serif}kbd{background:color-mix(in srgb, var(--lacquer) 60%, white);border:1px solid var(--lacquer-edge);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:600 .8em/1 Instrument Sans Variable,Instrument Sans,sans-serif}@media (prefers-color-scheme:dark){kbd{background:#26262a}}.keybed,.info,footer{max-width:var(--max-width);width:100%;margin-inline:auto}.instrument{background:linear-gradient(180deg, color-mix(in srgb, var(--lacquer) 88%, white) 0%, var(--lacquer) 40%);border-bottom:1px solid var(--lacquer-edge);padding:clamp(20px,4vh,44px) 16px 0}.fallboard{text-align:center;padding-bottom:clamp(14px,3vh,28px)}.rotate{color:var(--ink-soft);text-align:center;padding:12px 16px 0;font-size:.85rem;display:none}@media (width<=640px) and (orientation:portrait){.rotate{display:block}}.felt{background:var(--felt);border-radius:2px 2px 0 0;height:7px;box-shadow:inset 0 -2px 2px #00000040}.piano{background:var(--ebony);touch-action:none;-webkit-user-select:none;user-select:none;height:min(52svh,420px);padding:0 1px 1px;display:flex}.piano-key{flex:1;position:relative}.piano-key__white{background:linear-gradient(180deg, #ecebe6 0%, var(--ivory) 8%, var(--ivory) 92%, #eeede8 100%);box-shadow:inset 0 -6px 0 var(--ivory-shade);border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;margin:0 1px;padding-bottom:16px;transition:box-shadow 60ms,transform 60ms;display:flex}.piano-key__white.active{box-shadow:inset 0 -2px 0 var(--ivory-shade), inset 0 10px 14px -8px #00000059;background:#f1efe8;transform:translateY(2px)}.piano-key__black{z-index:1;background:linear-gradient(#2a2a2e,#141416 85%,#333338 86%,#1a1a1c);border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;width:62%;height:60%;padding-bottom:18%;display:flex;position:absolute;top:0;left:100%;transform:translate(-50%);box-shadow:0 3px 4px #00000073}.piano-key__black.active{background:linear-gradient(#232326,#101012 92%,#2a2a2e 93%);height:59%}.piano-key__white:before,.piano-key__black:after{color:#55545a;content:attr(data-hint);text-align:center;background:#fff;border:1px solid #cfcdc6;border-radius:4px;min-width:1.6em;padding:3px 4px;font:600 .8rem/1 Instrument Sans Variable,Instrument Sans,sans-serif}.piano-key__black:after{color:#cfcfd4;background:#28282c;border-color:#45454a}.piano-key__white.active:before{border-color:var(--felt);color:var(--felt)}.piano-key__white:after{color:#8a8980;content:attr(data-label);font:400 .75rem/1 Instrument Sans Variable,Instrument Sans,sans-serif}.piano-key__white[data-label=C4]:after,.piano-key__white[data-label=C5]:after{color:var(--felt);font-weight:600}@media (hover:none){.piano-key__white:before,.piano-key__black:after{display:none}}@media (width<=640px) and (orientation:portrait){.piano-key:nth-child(n+8){display:none}.piano{height:56svh}.piano-key__white:before,.piano-key__black:after{display:none}}@media (prefers-reduced-motion:reduce){.piano-key__white{transition:none}.piano-key__white.active{transform:none}}.info{grid-template-columns:1fr auto;align-items:start;gap:24px 48px;padding:36px 16px 28px;display:grid}.info p{max-width:58ch}.links{text-align:right;flex-direction:column;gap:6px;font-size:.95rem;display:flex}@media (width<=640px) and (orientation:portrait){.info{grid-template-columns:1fr;padding-top:28px}.links{text-align:left}}footer{color:var(--ink-soft);padding:0 16px 32px;font-size:.85rem}footer p+p{margin-top:.25rem}