:root{color:#e7e5df;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191c1d;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:#202222;background:#c2b28a;border:1px solid #b7a77c;border-radius:6px;padding:.65rem 1rem;font-weight:650;transition:background .15s}button:hover:not(:disabled){background:#dbcca3}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #e4d9bb}button.quiet,nav button{color:#dedbd2;background:0 0;border-color:#4a4e4c}button.quiet:hover:not(:disabled),nav button:hover:not(:disabled){background:#353a39}button.selected,nav button.selected{color:#202222;background:#c2b28a;border-color:#c2b28a}header{border-bottom:1px solid #373c3a;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem max(5vw,1.25rem);display:flex}.brand{color:inherit;letter-spacing:.14em;font-weight:800;text-decoration:none}.brand span{color:#a8aea8;margin-left:.6rem;font-size:.8rem;font-weight:400}.connection{color:#a8b4a6;font-size:.8rem}main{max-width:1180px;margin:auto;padding:2rem 1.5rem 4rem}.intro{padding:1rem 0 2rem}.eyebrow{letter-spacing:.2em;color:#c2b28a;font-size:.7rem;font-weight:700}h1{letter-spacing:-.045em;margin:.6rem 0 1rem;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12}h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.35rem}h3{margin:1.8rem 0 .7rem;font-size:1.03rem}h4{margin:0;font-size:1rem}p{color:#b5b9b3;margin:.5rem 0 1.2rem}nav{flex-wrap:wrap;gap:.6rem;margin:0 0 1.5rem;display:flex}nav .quiet{margin-left:auto}.card{background:#222728;border:1px solid #3c4240;border-radius:10px;padding:1.65rem;box-shadow:0 10px 30px #10121220}.access{max-width:560px}.workspace{grid-template-columns:300px 1fr;gap:1.25rem;display:grid}.workspace aside{align-self:start}.character{color:#e7e5df;text-align:left;background:0 0;border-color:#4a4e4c;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:.5rem 0;display:flex}.character span{font-size:.7rem;font-weight:400}.facts{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.4rem 0;display:grid}.facts div{border:1px solid #414845;border-radius:5px;padding:.8rem}.facts b{font-size:1.8rem;font-weight:500;display:block}.facts span{color:#aab2aa;font-size:.75rem}.action{border-top:1px solid #414845;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.action p{margin:.4rem 0;font-size:.9rem}.preview{background:#2e3029;border:1px solid #9e916e;border-radius:8px;margin:1.5rem 0;padding:1.2rem}.preview h3{margin-top:0}.buttons{flex-wrap:wrap;gap:.7rem;display:flex}details{border-top:1px solid #414845;margin-top:1.8rem;padding-top:1rem}summary{cursor:pointer;color:#d4d7ce}details p{font-size:.9rem}label{margin:1rem 0;display:block}input{color:#eee;background:#191c1d;border:1px solid #69736b;border-radius:5px;width:100%;margin-top:.4rem;padding:.7rem;display:block}.notice{background:#2c312e;border-left:3px solid #c2b28a;padding:.9rem 1rem}.working{color:#dbcca3;font-size:.85rem}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.empty>span{color:#b7a77c;font-size:3rem}.empty p{max-width:390px}.security{max-width:760px}.keylist{padding:0;list-style:none}.keylist li{border-bottom:1px solid #414845;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.keylist small{color:#aab2aa;display:block}.codes{grid-template-columns:1fr 1fr;gap:.4rem 1.2rem;padding-left:1.3rem;font-family:ui-monospace,monospace;font-size:.85rem;display:grid}footer{color:#8f9991;border-top:1px solid #373c3a;padding:1.3rem max(5vw,1.25rem);font-size:.75rem}@media (width<=760px){.workspace{grid-template-columns:1fr}.card{padding:1.15rem}.connection{display:none}.brand span{margin:0;display:block}nav .quiet{margin-left:0}.facts{gap:.4rem}.facts div{padding:.6rem}.codes{grid-template-columns:1fr}.action{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}