*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#000;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none}.sound-btn{position:relative;overflow:hidden;cursor:pointer;background:#111;box-shadow:inset 0 0 0 .5px #ffffff4d;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;transform:scale(1);transition:transform .1s ease-in-out;outline:none}.sound-btn.pressed{transform:scale(.95)}.sound-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.playing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;pointer-events:none}.progress-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.progress-svg{position:absolute;transform:rotate(-90deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.stop-badge{position:absolute;width:40px;height:40px;border-radius:50%;background:#000000b3;display:flex;align-items:center;justify-content:center}.stop-square{width:14px;height:14px;background:#fff;border-radius:2px}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#000;overflow:hidden}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);flex:1;min-height:0}.stop-btn{flex-shrink:0;height:clamp(50px,10vh,90px);background:#f00c;border:none;box-shadow:inset 0 0 0 .5px #ffffff4d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1rem,4vw,1.375rem);font-weight:700;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;padding-bottom:env(safe-area-inset-bottom,0px);transition:opacity .1s ease-in-out;outline:none}.stop-btn:active{opacity:.75}