:root{color-scheme:light;--ink:#1f2630;--muted:#647083;--paper:#fff;--wash:#f4f6f8;--accent:#8b6234;--line:#dce1e7}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.55 Georgia,serif}main{width:min(100% - 2rem,48rem);margin:clamp(2rem,8vw,6rem) auto;padding:clamp(1.5rem,5vw,3rem);background:var(--paper);box-shadow:0 18px 50px #28334212;border:1px solid var(--line);border-radius:14px}h1,h2{font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2rem,7vw,3.6rem);margin-top:0}h2{margin-top:2.5rem}nav,p,li{max-width:70ch}a{color:#70491e;text-underline-offset:.18em}form{display:grid;gap:1rem;margin:1.4rem 0}.inline-form{display:inline;margin:0}label{display:grid;gap:.35rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:650}input,select,button{font:inherit;border-radius:7px;padding:.65rem .75rem}input,select{border:1px solid #b9c2ce;background:#fff}button{justify-self:start;background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer}button:hover,button:focus-visible{background:#394556}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d8a966;outline-offset:3px}code{overflow-wrap:anywhere;background:var(--wash);padding:.15rem .3rem}.totp-qr{width:280px;max-width:100%;aspect-ratio:1;background:#fff;border:1px solid var(--line);padding:12px}.totp-qr svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.copy-secret{margin-left:.4rem}@media(max-width:480px){main{width:100%;margin:0;min-height:100vh;border-radius:0;border:0;box-shadow:none}}