:root{font:16px/1.55 system-ui,sans-serif;color:#282722;background:#f7f5ef;color-scheme:light}
*{box-sizing:border-box}body{margin:0;padding:clamp(24px,8vh,80px) 24px}main{max-width:440px;margin:auto}
.brand{color:inherit;text-decoration:none;font-size:27px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:12px}
.brand span{font-size:12px;letter-spacing:0;font-weight:500;color:#656359;border:1px solid #d6d2c8;border-radius:20px;padding:2px 9px}
h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:48px 0 12px}p{color:#656359;margin:12px 0}
form{margin-top:28px}label{display:block;font-size:14px;margin-bottom:8px}input,button{font:inherit;min-height:48px;border-radius:10px;width:100%}
input{border:1px solid #b7b2a5;background:#fff;padding:10px 12px;font-family:ui-monospace,monospace;font-size:14px}
button{margin-top:12px;background:#333f34;color:#fff;border:0;padding:10px 16px;cursor:pointer;font-weight:550}
button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #68876d;outline-offset:3px}
#access-error{color:#923d31;font-size:14px;min-height:22px;margin-bottom:0}.small{font-size:13px;margin-top:8px}
aside{margin-top:30px;border-top:1px solid #d6d2c8;padding-top:20px;font-size:13px}aside strong{font-weight:550}aside p{margin-top:6px}
.secondary{background:transparent;color:inherit;border:1px solid #aaa99c}details{margin-top:20px;font-size:14px}summary{cursor:pointer}details form{margin-top:16px}
.continue{display:block;text-align:center;background:#333f34;color:#fff;text-decoration:none;padding:12px 16px;border-radius:10px;margin-top:24px;font-weight:550}
.passkeys{list-style:none;padding:0;font-size:14px}.passkeys li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
button.link{width:auto;min-height:44px;padding:8px 12px;margin:0;background:transparent;color:inherit;text-decoration:underline}
output{display:block;overflow-wrap:anywhere;font:16px/1.7 ui-monospace,monospace;background:#e9ece4;padding:12px;border-radius:8px}
[hidden]{display:none!important}#access-error.success{color:#375c3d}
@media(prefers-color-scheme:dark){:root{color:#e9e5da;background:#20231f;color-scheme:dark}p,.brand span{color:#bdbfb5}.brand span,aside{border-color:#555c50}input{background:#2b3029;color:inherit;border-color:#747d6d}button{background:#cadac4;color:#20271e}#access-error{color:#f4b0a4}}
@media(prefers-color-scheme:dark){button.secondary,button.link{background:transparent;color:inherit}.continue{background:#cadac4;color:#20271e}output{background:#30392e}#access-error.success{color:#b2d8b0}}