.entry{display:flex;flex:1}.entry main{max-width:520px}.field{display:flex;flex-direction:column;gap:8px;margin:24px 0}label{font-weight:500}input,button{font:inherit;border-radius:0;box-shadow:none}input{min-height:42px;width:100%;padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}input:focus{outline:none;border:.8px solid var(--focus)}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}form{margin:24px 0}details{margin:24px 0}summary{cursor:pointer;color:var(--muted)}details p{margin-top:12px}.restart{margin-top:24px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);flex:1}.workspace nav{border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.workspace nav a{display:block;padding:12px;text-decoration:none;border:1px solid transparent}.workspace nav a:hover{background:var(--surface)}.workspace nav a[aria-current=page]{background:var(--notice);border-color:var(--border);font-weight:500}.nav-heading{font-size:12px;color:var(--muted);padding:24px 12px 8px;font-weight:500}.workspace main{width:100%;max-width:none;margin:0;padding:32px}.workspace h1{font-size:24px}.workspace main form{margin-top:40px}.placeholder{color:var(--muted)}.setup{display:flex;flex-direction:column;gap:12px;margin:24px 0}.setup code,.recovery-codes code{overflow-wrap:anywhere;font-size:13px}.recovery-codes{padding-left:20px;line-height:2.2}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 99999s}@media(max-width:575px){input{font-size:16px}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.workspace nav{border-right:0;border-bottom:1px solid var(--border);padding:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-content:start;align-items:start}.workspace nav a{padding:10px}.nav-heading{width:100%;padding:8px 10px 0}.workspace main{padding:24px 20px}.entry main{padding:32px 20px}.brand{min-height:64px}.recovery-codes code{font-size:12px}}

.enrollment-qr{display:block;width:260px;max-width:100%;height:auto;margin:24px 0;background:#fff;shape-rendering:crispEdges}
