.auth{min-height:100%;display:grid;place-items:center;padding:24px}.auth .card{width:min(380px,100%)}.auth .head{text-align:center;margin-bottom:20px}.auth .mark{display:block;width:44px;height:44px;margin:6px auto 12px;color:var(--mark)}.auth h1{margin-top:2px}.auth .lede{margin:3px 0 0}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.field input{font:inherit;font-size:13px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink)}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn-wide{width:100%;padding:10px 12px}.error{background:var(--bad-soft);color:var(--bad);border-radius:var(--r-sm);padding:9px 11px;font-size:12.5px;margin:0 0 14px}.auth .auth-logo{display:flex;justify-content:center;margin:4px 0 8px;color:var(--ink)}.auth .auth-logo .ewm{height:16px}.auth .qr{display:block;width:200px;height:200px;margin:6px auto 12px;padding:10px;background:#fff;border-radius:10px}.auth .secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.auth .note{font-size:13px;color:var(--ink-2);margin:0 0 10px}.auth .auth-alt{margin-top:14px;text-align:center}.auth .auth-alt .link{background:none;border:0;padding:0;color:var(--ink-3);font-size:12.5px;text-decoration:underline;cursor:pointer}