:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f0f0f3;background:#0b0b0f}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:540px;margin:5vh auto}.wide{max-width:850px}.brand{font-size:20px;font-weight:800;letter-spacing:.06em}.brand span{color:#ef4444}.card{background:#15151b;border:1px solid #30303b;border-radius:16px;padding:28px;margin:24px 0}h1{font-size:30px;margin:0 0 12px}h2{font-size:21px}p{line-height:1.6;color:#b9b9c6}label{display:block;margin:18px 0 7px}input{display:block;width:100%;padding:12px;border:1px solid #555563;border-radius:8px;background:#0b0b0f;color:white;font:inherit}input[type=checkbox]{width:auto;display:inline}button,.button{display:inline-block;padding:12px 18px;border:1px solid #a83d4e;background:#48202a;color:white;border-radius:8px;font:inherit;text-decoration:none;cursor:pointer;margin-top:20px}button:disabled{opacity:.5;cursor:wait}a{color:#ff9374}:focus-visible{outline:2px solid #ff9374;outline-offset:3px}[hidden]{display:none!important}#message{white-space:pre-wrap;color:#ffd1c1;min-height:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#09090d;padding:16px;border-radius:8px;line-height:1.7}li{margin:12px 0;color:#b9b9c6}.top{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.top a{margin-left:auto}.small{font-size:13px}@media(max-width:500px){body{padding:20px 12px}.card{padding:20px}h1{font-size:26px}}