.app{width:100vw;height:100vh;margin:0 auto;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;box-sizing:border-box}.staff-container{display:flex;flex:1 1 auto;justify-content:center;align-items:center;background-color:#f5f7fa;width:100%;max-width:100%;min-height:0;min-width:0;height:auto;overflow:hidden;margin-bottom:.3rem;max-height:calc(100vh - 170px)}.bottom-buttons-container{flex-shrink:0;min-height:90px;display:flex;justify-content:space-evenly;align-items:center;gap:10px;margin-top:.5rem;flex-wrap:wrap;padding:.5rem}.staff-container svg{max-width:100%;max-height:100%;width:100%;height:100%;touch-action:manipulation}.toggle-button{background-color:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease;margin-top:.3rem}.toggle-button:hover{background-color:#357abd}.toggle-button:active{background-color:#2e6da4}@media (min-width: 1200px){.app{padding:2rem}.staff-container{padding:2rem;margin-bottom:.3rem;max-height:calc(100vh - 220px)}.bottom-buttons-container{min-height:100px;padding:1rem}.toggle-button{font-size:1.2rem;padding:.75rem 2rem;margin-top:.3rem}}@media (min-width: 768px) and (max-width: 1199px){.app{padding:1.5rem}.staff-container{padding:1.5rem;margin-bottom:.3rem;max-height:calc(100vh - 200px)}.bottom-buttons-container{min-height:95px;padding:.75rem}.toggle-button{font-size:1.1rem;padding:.6rem 1.8rem;margin-top:.3rem}}@media (max-width: 767px){.app{padding:.25rem}.staff-container{padding:.25rem;margin-bottom:.3rem;border-radius:4px;max-height:calc(100vh - 160px)}.bottom-buttons-container{min-height:80px;padding:.25rem}.toggle-button{font-size:.9rem;padding:.4rem 1rem;margin-top:.3rem}}@media (max-width: 767px) and (orientation: landscape){.app{padding:.1rem}.staff-container{padding:.1rem;margin-bottom:.3rem;max-height:calc(100vh - 130px)}.bottom-buttons-container{min-height:70px;padding:.1rem}.toggle-button{font-size:.8rem;padding:.3rem .8rem;margin-top:.3rem}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-feature-settings:"cv02","cv03","cv04","cv11";font-variation-settings:"opsz" 32;color-scheme:light;color:#000000de;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{touch-action:manipulation,pan-x,pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation,pan-x,pan-y;-webkit-tap-highlight-color:transparent}#root{width:100%;max-width:100vw;margin:0 auto;padding:0;text-align:center;touch-action:manipulation,pan-x,pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.noselect,.noselect *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}@media (max-width: 767px){body{font-size:14px}}@media (min-width: 768px) and (max-width: 1199px){body{font-size:16px}}@media (min-width: 1200px){body{font-size:18px}}@media (orientation: landscape){body{min-height:100vh}}@media (hover: none) and (pointer: coarse){body{touch-action:manipulation}button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}}button,input,select,textarea,[role=button],[tabindex]{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}