@font-face{font-family:"1c";font-display:swap;src:url(data:font/ttf;base64,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) format("truetype")}@font-face{font-family:Fira Sans;font-display:fallback;font-weight:100 900;font-style:normal;src:url(./Firava.CNgjS9KP.woff2) format("woff2")}:root{--mobile-width: 550px;--section-margin: 2rem}html{color:var(--color-font-primary);font-size:14px;font-family:Fira Sans,monospace;background-image:radial-gradient(var(--color-bg-secondary) .4px,var(--color-bg-primary) .4px);background-size:10px 10px}section{margin-bottom:1.5em}section:last-child{margin-bottom:0}h2{font-size:1.3em;font-weight:medium;margin-bottom:.5em}a{color:unset;text-decoration:none}hr{all:unset;display:block;width:3em;height:2px;margin:1em auto;border-radius:2px;border-color:var(--color-bg-secondary);background-color:var(--color-bg-secondary)}input,textarea{all:unset;display:block;box-sizing:border-box;border:2px solid var(--color-bg-secondary);border-radius:4px}input:focus,textarea:focus{border:2px solid var(--color-focus-primary)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul{list-style:none}:root{--color-link: #3380d4}:root{--color-primary: #ffc53d;--color-bg-primary: white;--color-bg-secondary: #e0e0e0;--color-bg-primary-rgb: 255, 255, 255;--color-font-primary: #333;--color-focus-primary: var(--color-primary);--color-focus-secondary: #ffe082}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1c1c1c;--color-bg-secondary: #303030;--color-bg-primary-rgb: 28, 28, 28;--color-font-primary: #e8e6e3;--color-focus-primary: var(--color-primary);--color-focus-secondary: #9c7928}}:root{--piano-black: #000000;--piano-black-shadow: #727272;--piano-black-hover: #2e2e2e;--piano-white: #ffffff;--piano-white-shadow: #8d8d8d;--piano-white-hover: #dddddd;--piano-pressed: var(--color-primary);--piano-pressed-shadow: #b88200;--piano-pressed-hover: #f5b701}@media (prefers-color-scheme: dark){:root{--piano-white: #ffffff;--piano-white-shadow: #8d8d8d;--piano-white-hover: #dddddd}}