:root{color-scheme:dark;font:16px system-ui;background:#111315;color:#f1f1ed}*{box-sizing:border-box}body{margin:0}header,main{max-width:1000px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343537}h1{font-size:22px;letter-spacing:.03em}button,.button,select,input{font:inherit;background:#22262a;border:1px solid #555a5f;border-radius:7px;padding:11px;color:inherit}button,.button,a{cursor:pointer}button,.button{color:#edd095}button:hover,.button:hover{background:#353332}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7c67c;outline-offset:3px}#login{max-width:360px;display:grid;gap:18px;margin:32px auto}#login[hidden],[hidden]{display:none!important}#login label{display:grid;gap:6px}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.tools label:not(.button){display:flex;align-items:center;gap:8px}.button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.button:focus-within{outline:3px solid #e7c67c}nav{display:flex;gap:8px;flex-wrap:wrap}.row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #303438}.row .name{flex:1;min-width:0;overflow-wrap:anywhere}.row small{display:block;color:#adb4b9;margin-top:5px}.row a{color:#edd095;padding:10px}progress{width:100%;accent-color:#d9b66e}#message,#pending{color:#d9d1be;overflow-wrap:anywhere}@media(max-width:480px){header,main{padding:16px}.tools{gap:8px}button,.button,select{padding:10px}.row{gap:6px}}
