html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;overscroll-behavior:none;-webkit-text-size-adjust:100%}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app-shell{min-height:100vh;min-height:100dvh;display:flex;box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-panel{margin:auto;width:100%;max-width:460px;display:flex;flex-direction:column;gap:clamp(12px,3.5vh,28px)}button,.ant-radio-button-wrapper,.ant-checkbox-wrapper{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tap-tempo{user-select:none;-webkit-user-select:none}.app-shell .tempo-step-btn.ant-btn-icon-only{width:40px;height:40px}.sound-selector{display:flex;width:100%}.sound-selector .ant-radio-button-wrapper{flex:1;text-align:center}.app-footer{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.4}.app-footer a{color:#000000a6;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:#000000e0;text-decoration:underline}.app-footer span{color:#00000073}@media (min-width: 576px) and (min-height: 600px){.app-footer{position:fixed;left:0;right:0;bottom:0;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (max-width: 575px){.app-shell .ant-btn-lg{height:56px;font-size:17px}.app-shell .ant-slider{margin-block:14px}}