:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-size:14px;color:#ffffffde;background-color:#242424;color-scheme:dark}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border:0;outline:0;cursor:pointer;color:#fff;background-color:#43aa59;border-radius:4px;font-size:1rem;padding:4px 8px;display:inline-block;min-height:28px}button:disabled{opacity:.5}.row{margin-bottom:8px}.history{height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-color:rebeccapurple green;padding:0 8px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);min-width:164px}.history-item{display:flex;gap:4px}.history-item .time{color:#858585}.history-item .latest{-webkit-user-select:none;user-select:none;color:#858585}button.disconnect{background-color:#aa4343}button.continuous{background-color:#cca949}