.PianoUI_piano__OcTSi{display:flex;justify-content:center;align-items:flex-end;gap:1px;height:200px}.PianoUI_keyGroup__rWbqD{gap:1px}.PianoUI_keyGroup__rWbqD,.PianoUI_whiteKey__aPiQV{position:relative;display:flex;align-items:flex-end}.PianoUI_whiteKey__aPiQV{width:48px;height:180px;background:linear-gradient(180deg,#fdfdfd,#eaeaea);border:1px solid #d0d0d0;border-bottom:3px solid #bbb;border-radius:0 0 6px 6px;justify-content:center;font-weight:700;font-size:14px;color:#111;cursor:pointer;z-index:1;transition:transform .1s,background .3s ease;box-shadow:inset 0 1px 2px rgba(255,255,255,.5)}.PianoUI_whiteKey__aPiQV:hover{background:linear-gradient(180deg,#f5f5f5,#dfdfdf)}.PianoUI_blackKey___kTGp{position:absolute;top:0;left:30px;width:32px;height:100px;background:linear-gradient(180deg,#222,#000);border:1px solid #111;border-radius:4px;z-index:2;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font-size:14px;color:#fff;padding-bottom:4px;transition:transform .1s,background .3s ease;box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.3)}.PianoUI_blackKey___kTGp:hover{background:linear-gradient(180deg,#333,#111)}.PianoUI_keyCircle__bn4x_{width:29px;height:29px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:Noto Sans JP,sans-serif;font-weight:500;margin-bottom:10px;color:#333;background:#fefefe;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background-color .3s ease}.PianoUI_label__zJ9xw{font-family:Noto Sans JP,sans-serif;font-weight:600;font-size:14px;color:#333}.PianoUI_rootDot__j94P1{top:145px;width:10px;height:10px;background-color:#d73a42;border-radius:50%;z-index:3;box-shadow:0 0 4px rgba(0,0,0,.1)}.PianoUI_instruction__0kcMx,.PianoUI_rootDot__j94P1{position:absolute;left:50%;transform:translateX(-50%)}.PianoUI_instruction__0kcMx{top:-30px;background-color:rgba(0,0,0,.7);color:white;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10}.PianoUI_questionMark__DxgYo{font-size:24px;color:rgba(0,0,0,.5)}.PianoUI_doMark__jVVG4,.PianoUI_questionMark__DxgYo{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-weight:700;z-index:3}.PianoUI_doMark__jVVG4{font-size:20px;color:rgba(0,0,0,.7)}