:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{max-width:56rem;margin:0 auto;padding:1.5rem 1rem}main.narrow{max-width:24rem}form label{display:block;margin-bottom:.75rem}form input,form select{display:block;width:100%;box-sizing:border-box;padding:.4rem}button{padding:.4rem .8rem;cursor:pointer}button.primary{font-weight:600}.error{color:#b3261e}.note{color:#8a5a00}.meta{font-size:.875rem;opacity:.8}.bar{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}form.inline{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}form.inline label{flex:1 1 12rem;margin:0}ul.items{list-style:none;padding:0}ul.items>li{border-top:1px solid #8884;padding:.75rem 0}ul.items h3{margin:0}.reveal{border:1px solid #8888;border-radius:.5rem;padding:.75rem 1rem;margin:1rem 0}.copy{display:flex;gap:.5rem;align-items:end;margin-bottom:.5rem}.copy label{flex:1;margin:0}.copy input{width:100%;font-family:ui-monospace,monospace}.state.connected,.state.active{color:#1e7b34}.state.needs_reconnect,.state.dead{color:#b3261e}.buttons{display:flex;gap:.75rem}code{word-break:break-all}