body{font-family:BIZ UDGothic,sans-serif;font-weight:400;font-style:normal;padding:0;margin:0;background-image:url(/static/app_music/musicsheet/wood-pattern.png)}#upContainer{display:flex;flex-direction:column;align-items:center}#startButton{cursor:pointer;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%);font-size:40px;font-weight:700;color:#fff;background:linear-gradient(145deg,#6fcf97,#a3e4b0);padding:20px 50px;border:none;border-radius:15px;box-shadow:0 8px 15px #0000004d;transition:all .3s ease;text-transform:uppercase;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}#startButton:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 12px 20px #0006}#description{width:fit-content;margin:50px auto}#uiContainer{display:flex;flex-direction:column;align-items:center;margin:20px}#uiContainer table{text-align:center}#toonButton1,#toonButton2,#toonButton3,#toonButton4,#heonButton1,#heonButton2,#heonButton3{margin:10px;width:100px;height:100px;cursor:pointer;transition:all .3s ease}#audioButton{margin:10px;width:80px;height:80px;cursor:pointer;transition:all .3s ease}#toonButton1:hover,#toonButton2:hover,#toonButton3:hover,#toonButton4:hover,#heonButton1:hover,#heonButton2:hover,#heonButton3:hover,#audioButton:hover{transform:scale(1.05)}p{max-width:700px}#blockLayer{position:fixed;background-color:#0006;width:100%;inset:0;z-index:99}#audioInitButton{cursor:pointer;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%);font-size:30px;font-weight:700;background-color:#fff;background-image:url(/static/app_music/musicsheet/wood-pattern.png);padding:70px 100px;border:none;border-radius:15px;box-shadow:0 10px 100px #000;z-index:100}@keyframes swing{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}.swinging{animation:swing 2s infinite ease-in-out!important;transform-box:fill-box;transform-origin:50% 90%}#pianoContainer{display:flex;flex-wrap:wrap;max-width:500px}@media(max-aspect-ratio:2/3){#musicSheetSvg{height:100vw;width:100vw}#pianoSvg{height:50vw;width:100vw}}@media(min-aspect-ratio:2/3){#musicSheetSvg{height:66.6vh;width:66.6vh}#pianoSvg{height:33vh;width:66vh}}footer{position:relative;z-index:999}.common-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.common-links-item{display:flex;flex-direction:column;align-items:center;padding:1.8rem 1.4rem;border-radius:14px;background:#fff;text-decoration:none;color:#222;box-shadow:0 8px 24px #00000014;transition:transform .25s ease,box-shadow .25s ease}.common-links-item:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000001f}.common-icon{font-size:2.8rem;margin-bottom:.6rem}.common-links-item h3{font-size:1.1rem;margin:.5rem 0 .4rem;text-align:center;font-weight:600}.common-links-item p{font-size:.9rem;line-height:1.6;text-align:center;color:#555;margin:0}@media(max-width:480px){.common-links-item{padding:1.4rem 1.2rem}.common-icon{font-size:2.4rem}}