:root{color-scheme:dark light}html,body,div{margin:0;padding:0}span{font-family:monospace, monospace;text-align:center}#time{font-size:4svh}#seconds{font-size:11svh}div.column{display:flex;flex-direction:column;height:100dvh}button{font-size:4svh;padding:0.2em 0;min-height:14svh}button.current{background-color:blue}.button-grid{display:grid;grid-template-columns:repeat(4, 1fr)}.big-grid{display:grid;grid-template-columns:repeat(2, 1fr)}#clip{grid-column-start:3;grid-column-end:5}#audioCanvas{flex-grow:1;touch-action:none}.inactive{display:none}#home svg{width:auto;height:1.8em}#home{display:block;position:absolute;top:0.4em;left:0.4em}