*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}:root{--page-bg:#eae8e3;--card-border:#c7c9cd}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--page-bg);color:#111827;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}input[type=range]{accent-color:#ba7517;cursor:pointer}svg{display:block}:focus-visible{outline:2px solid #378add;outline-offset:2px;border-radius:4px}main{min-height:calc(100vh - 48px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{button,footer,nav{display:none!important}.hmatnfk-fretboard,.hmatnik-fretboard{display:block!important}body{background:#fff!important}}.osmd-container svg{max-width:100%;height:auto}.app-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;outline:none;cursor:pointer}.app-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#111827;border:none;cursor:pointer;margin-top:-5px}.app-slider::-moz-range-track{height:8px;border-radius:4px;background:#e5e7eb}.app-slider::-moz-range-progress{height:8px;border-radius:4px;background:#0d9488}.app-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#111827;border:none;cursor:pointer}