*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}button,input{all:revert}html{background-image:url(/assets/bg-zqwCcnYL.png);width:50%;margin:auto;font-family:Audiowide,sans-serif;color:#fff}h1{font-weight:700;font-size:large;border:inset;border-width:3px;border-color:#222b30;padding:6px}button{font-family:Audiowide,sans-serif;font-weight:700}#piano{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0 5px;margin-top:100px;background-color:#222b30;text-shadow:0px 0px 5px dodgerblue;box-shadow:0 0 50px #1e90ff;transition:box-shadow .5s,text-shadow .5s;border:outset;border-color:#222b30;border-radius:5px;border-width:6px}#sliders{display:flex;flex-direction:column}@media screen and (min-width: 1200px){#sliders{flex-direction:row}}#waveshape{display:flex;flex-direction:column}@media screen and (min-width: 950px){#waveshape{flex-direction:row}}#waveform{border:inset;border-width:3px;border-color:#222b30;width:50%;margin:auto}#bottom{display:flex;flex-direction:column;text-align:center}@media screen and (min-width: 1000px){#bottom{flex-direction:row;align-items:center}}#keys{background-color:#1a1f23;border:inset;border-width:3px;border-color:#222b30;display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 1000px){#keys{flex-direction:row;width:80%;margin:auto}}.white{background-color:#fff;color:#000;height:40px;width:170px}@media screen and (min-width: 1000px){.white{height:170px;width:80px}}.black{background-color:#000;color:#fff;height:30px;width:120px}@media screen and (min-width: 1000px){.black{height:120px;width:60px}}