#totp-tool{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);margin:26px 0;padding:20px}#totp-tool .th{font-size:var(--text-sm);color:var(--muted);margin:0 0 8px}#totp-tool .tl{font-weight:600;font-size:var(--text-sm);margin:10px 0 4px;display:block}#totp-tool .code-row{flex-wrap:wrap;align-items:center;gap:14px 22px;margin:10px 0;display:flex}#totp-tool .code{font:600 var(--text-4xl)/1 var(--mono);letter-spacing:.12em;color:var(--blue);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 20px}#totp-tool .bar{border-radius:var(--r-lg);background:var(--line);flex:160px;min-width:120px;height:8px;overflow:hidden}#totp-tool .bar span{background:var(--blue);width:100%;height:100%;display:block}#totp-tool #totp-secret{width:100%;max-width:420px;font:var(--text-sm) var(--mono);border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg);color:var(--ink);padding:9px 10px}#totp-tool .tb{margin:12px 0 4px}#totp-tool .steps{border-collapse:collapse;max-width:100%;font-size:var(--text-sm);background:var(--bg);margin-top:12px;display:block;overflow-x:auto}#totp-tool .steps th,#totp-tool .steps td{text-align:left;border:1px solid var(--line);vertical-align:top;padding:7px 10px}#totp-tool .steps th{background:var(--soft2);white-space:nowrap}#totp-tool .steps td{font-family:var(--mono);font-size:var(--text-xs);overflow-wrap:anywhere}