*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;min-height:100dvh}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh}#play-btn{width:120px;height:120px;min-width:120px;min-height:120px;background:transparent;border:none;border-radius:50%;color:#888;font-size:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;outline:none;transition:color .15s ease}#play-btn:hover{color:#aaa}#play-btn:active{color:#ccc}#volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:200px;height:4px;margin-top:40px;background:#222;border-radius:2px;outline:none;opacity:.7}#volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#555;cursor:pointer}#volume::-moz-range-track{background:#222;height:4px;border-radius:2px;border:none}#volume::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#555;border:none;cursor:pointer}