:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#0b0d08;color:#f4efdf;--gold:#d5a95e;--line:#454233}*{box-sizing:border-box}body{margin:0}main{max-width:580px;margin:40px auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:#171913}header{font-weight:750;letter-spacing:.1em;color:var(--gold)}header span{font-weight:400;letter-spacing:0;color:#f4efdf}h1{font:36px/1.18 Georgia,serif}h2{font-size:21px;margin-top:28px}p{color:#bdb8a9}.small{font-size:13px}form{margin:20px 0}label{display:block;margin:14px 0}input{display:block;width:100%;margin-top:8px;background:#0b0d08;border:1px solid var(--line);border-radius:10px;padding:13px;color:inherit;font:inherit}button{min-height:46px;padding:12px 18px;background:#282a21;border:1px solid var(--line);border-radius:12px;color:inherit;font:inherit;cursor:pointer}button.primary{background:var(--gold);color:#171913;font-weight:700}#passkey{width:100%}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}details{padding:17px 0;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:32px}.check{display:flex;align-items:center;gap:12px}.check input{width:22px;height:22px;margin:0}code,pre{display:block;overflow-wrap:anywhere;white-space:pre-wrap;padding:15px;background:#0b0d08;border-radius:12px;color:var(--gold)}.actions{display:flex;gap:12px}#status{padding:12px;background:#282a21;border-radius:10px}#status:empty{display:none}[hidden]{display:none!important}@media(max-width:620px){main{margin:0;border:0;border-radius:0;padding:24px;min-height:100vh}}