:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101414;color:#edf3ef}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:40px}header{display:flex;justify-content:space-between;gap:16px;letter-spacing:2px;font-size:12px;color:#aac0b4}.badge{letter-spacing:0;border:1px solid #536459;padding:6px 12px;border-radius:20px}h1{font-size:clamp(32px,5vw,62px);font-weight:500;margin:50px 0 12px}.intro,footer{color:#a1b2a8;line-height:1.8}.dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:32px;background:#1b2320;border-radius:20px;margin:32px 0}.dashboard p{color:#afc4b8}.dashboard strong{font-size:64px;font-weight:400;font-variant-numeric:tabular-nums}.dashboard strong.small{font-size:32px}.dashboard span{color:#a1b2a8}.controls{display:flex;flex-wrap:wrap;gap:16px}button,select{font:inherit;border:1px solid #536459;border-radius:12px;background:#202c25;color:#edf3ef;padding:16px 22px;min-height:54px;cursor:pointer}button:first-child{background:#caefb2;color:#142110;border:0}button:disabled{opacity:.4;cursor:default}label{width:100%;display:flex;align-items:center;gap:24px;margin-top:16px}input{width:min(600px,70%);accent-color:#caefb2;min-height:40px}#status{padding:20px 0;color:#c3d6c9}details{border-top:1px solid #39463e;padding:20px 0}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#9bb3a5;line-height:1.7;max-height:250px;overflow:auto}footer{margin-top:24px;font-size:13px}@media(max-width:650px){main{padding:24px}.dashboard{grid-template-columns:1fr 1fr;padding:20px}.dashboard strong{font-size:44px}header{flex-wrap:wrap}}

input[type=text],input[type=password],input:not([type]){padding:12px;border:1px solid #536459;border-radius:8px;background:#202c25;color:#edf3ef;font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #caefb2;outline-offset:4px}
[hidden]{display:none!important}details p{line-height:1.7;color:#afc4b8}details button{margin:6px 8px 6px 0}

form{max-width:680px}form label{align-items:flex-start;flex-direction:column;gap:8px}form input{width:100%}form button{margin-top:24px}a{color:#caefb2}