:root{color:#f6f7fb;font-synthesis:none;background:#101319;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;border-radius:10px;min-height:44px}button{color:#fff;cursor:pointer;background:#d84f45;border:0;padding:0 16px}button.quiet{background:#303641}button.active{outline:2px solid #ff9a8d}input{color:#fff;background:#171b22;border:1px solid #454c59;padding:0 12px}header{border-bottom:1px solid #2d333d;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}header strong{margin-right:12px;font-size:24px}header span,.hint{color:#adb4bf}nav{border-bottom:1px solid #2d333d;gap:8px;padding:12px 28px;display:flex;overflow-x:auto}main{padding:24px 28px}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#171b22;border:1px solid #343b47;border-radius:18px;gap:14px;width:min(420px,100%);padding:28px;display:grid}label{color:#cbd0d8;gap:6px;display:grid}.toolbar,.inline-form{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.inline-form input{flex:180px}.error{color:#ffd5d0;background:#5d221f;border-radius:10px;margin-bottom:12px;padding:12px}.data{white-space:pre-wrap;background:#0b0e13;border:1px solid #343b47;border-radius:12px;max-height:58vh;padding:16px;overflow:auto}@media (max-width:640px){header,nav,main{padding-left:14px;padding-right:14px}}