#karigar-piano[hidden]{display:none!important}
#karigar-piano{position:fixed;left:24px;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:9990;font-family:Arial,sans-serif;font-style:normal}
#karigar-piano .karigar-piano__toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:rgba(252,250,246,.96);box-shadow:0 3px 18px rgba(0,0,0,.13);color:#514b42;font:normal 11px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:.1px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#karigar-piano .karigar-piano__toggle:hover{background:#fff}
#karigar-piano .karigar-piano__toggle:focus-visible{outline:3px solid #fa6028;outline-offset:3px}
#karigar-piano svg{width:18px;height:18px;flex:none}
#karigar-piano .karigar-piano__dot{height:5px;width:5px;flex:none;border-radius:50%;background:#b7afa2}
#karigar-piano.is-playing .karigar-piano__dot{background:#cc713e}
#karigar-piano .karigar-piano__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){#karigar-piano{left:16px;bottom:18px;bottom:max(18px,env(safe-area-inset-bottom))}#karigar-piano .karigar-piano__toggle{padding:0 14px}}
@media print{#karigar-piano{display:none!important}}