.lf-real{color-scheme:light dark;--bg:#f6f7f9;--card:#fff;--line:#e3e6ea;--line-strong:#d3d7dd;--text:#14161a;--muted:#6b7280;--action:#4d7c0f;--action-fg:#fff;--action-hover:#3f6b0a}@media (prefers-color-scheme:dark){.lf-real{--bg:#0f1113;--card:#16181b;--line:#2a2e34;--line-strong:#3a3f47;--text:#f2f3f5;--muted:#9aa1ab;--action:#84cc16;--action-fg:#16181b;--action-hover:#9ade2b}}.lf-real,.lf-real *{box-sizing:border-box}.lf-real{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text);font:15px/1.5 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}.lf-real .card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}.lf-real .logos{display:flex;align-items:center;gap:12px;margin-bottom:18px}.lf-real .logos img.site{height:40px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain}.lf-real .logos img.site.dark{display:none}@media (prefers-color-scheme:dark){.lf-real .logos img.site.light{display:none}.lf-real .logos img.site.dark{display:block}}.lf-real h1{font-size:20px;font-weight:600;margin:0 0 4px}.lf-real p.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.lf-real .idp{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;margin-bottom:10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.lf-real .idp:hover{border-color:var(--text)}.lf-real .idp img{width:20px;height:20px}.lf-real .or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:13px}.lf-real .or:after,.lf-real .or:before{content:"";flex:1;height:1px;background:var(--line)}.lf-real label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.lf-real input{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}.lf-real input:focus{outline:2px solid color-mix(in srgb,var(--text) 25%,transparent);border-color:var(--line-strong)}.lf-real button.go{width:100%;margin-top:12px;padding:11px 14px;font-size:15px;font-weight:500;color:var(--action-fg);background:var(--action);border:0;border-radius:9px;cursor:pointer}.lf-real button.go:hover{background:var(--action-hover)}.lf-real .quiet{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:11px 14px;background:var(--card);color:var(--text);border:1px solid var(--line-strong);border-radius:9px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.lf-real .quiet:hover{border-color:var(--text)}.lf-real .back{display:block;width:100%;margin-top:12px;padding:4px;text-align:center;background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.lf-real .back:hover{color:var(--text)}.lf-real [hidden]{display:none!important}.lf-real .quiet svg{width:16px;height:16px}.lf-real .err{margin:14px 0 0;padding:10px 12px;border-radius:9px;font-size:14px;background:#fdf3f3;color:#8f2c2c;border:1px solid #f3d6d6}.lf-real .by{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.lf-real .by img{width:16px;height:16px;border-radius:4px}.lf-real .docs{margin:16px 0 0;font-size:12px;line-height:1.5;text-align:center}.lf-real .docs,.lf-real .docs a{color:var(--muted)}.lf-real .code{letter-spacing:.35em;font:600 20px/1.2 ui-monospace,monospace;text-align:center}.lf-real .qr{display:flex;justify-content:center;margin:14px 0 10px}.lf-real .qr svg{width:min(200px,60vw);height:auto}.lf-real .secret{margin:2px 0 12px;text-align:center;word-break:break-all;font:600 15px/1.4 ui-monospace,monospace;letter-spacing:.08em}.lf-real .codes{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:14px 0 4px;padding:14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);font:600 15px/1.5 ui-monospace,monospace;text-align:center}.lf-real details.spare{margin-top:14px}.lf-real details.spare>summary{color:var(--muted);font-size:13px;cursor:pointer;text-align:center;list-style:none}.lf-real details.spare>summary::-webkit-details-marker{display:none}.lf-real details.spare>summary:hover{color:var(--text)}.lf-real .spare-code{letter-spacing:.12em;font:600 17px/1.2 ui-monospace,monospace;text-align:center;text-transform:lowercase}.lf-real .who{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.lf-real .who .av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--action);color:var(--action-fg);font-weight:600;font-size:13px}.lf-real .who .txt{min-width:0}.lf-real .who .txt b{display:block;font-weight:500;font-size:14px}.lf-real .who .txt span{display:block;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-wrap{display:block}.lf-wrap[data-zoom]{zoom:var(--lf-zoom,1)}.lf-real a.idp,.lf-real button{transition:transform .12s,filter .15s}.lf-real .is-pressed{transform:scale(.985);filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.lf-wrap *,.lf-wrap :after{animation:none!important;transition:none!important}}.lf-real .lf-title{font-size:20px;font-weight:600;margin:0 0 4px}