html,body{margin:0;background:transparent;overflow:hidden}main{max-width:none;padding:0;position:relative}.controls{position:absolute;top:8px;right:10px;margin:0;z-index:5;gap:0}.playback{gap:5px}.controls button{color:#fff;background:#211c17b8;border-color:#ffffff45;font-size:11px;padding:5px 9px;min-height:32px}.controls button:hover{background:#51412e}.controls button:focus-visible{outline-color:white}#time,.scrub,.note{display:none}.controls button:disabled{display:none}@media(max-width:700px){.controls{top:5px;right:7px;margin:0}.controls button{font-size:10px;min-height:28px;padding:4px 7px}.copy{top:10%}}