:root{font:14px/1.4 "Courier New",monospace;color:#555;background:#fff}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;display:grid;place-items:center}
main{width:min(280px,calc(100vw - 40px))}
form{display:grid;grid-template-columns:1fr 30px;gap:8px}
input,button{font:inherit;color:inherit;background:#fff;border:1px solid #aaa;border-radius:0;outline-offset:2px}
input{width:100%;height:30px;padding:4px 7px;grid-column:1}
#login{grid-row:1}
#password{grid-row:2}
#submit{grid-column:2;grid-row:2;padding:0;font-size:16px}
button{min-height:30px;padding:3px 10px;cursor:pointer}
button:hover{background:#eee}
button:disabled{opacity:.5;cursor:default}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.release-details{margin:0 0 8px}
.actions button,.download{min-height:44px;min-width:44px}
.download{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid #555;color:#fff;background:#555;outline-offset:2px;text-decoration:none}
.download:hover,.download:active{background:#333}
.account-link{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:#3c4c66;text-underline-offset:3px;outline-offset:2px}
#status{font-size:12px;margin:9px 0 0;min-height:17px}