.security-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;margin-bottom:18px;border:1px solid #8bbed6;border-radius:12px;background:#e8f5fc;color:#123d55;font-size:15px;line-height:1.5}.security-notice a{color:#075679;font-weight:750;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.security-form{max-width:560px;display:grid;gap:14px;margin:20px 0}.security-secret{display:block;padding:16px;border:1px solid #8bbed6;border-radius:8px;background:#f1f8fc;color:#123d55;overflow-wrap:anywhere;user-select:all;font-size:18px;letter-spacing:1px}.security-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:22px}.security-codes code{font-size:16px;overflow-wrap:anywhere;user-select:all}.security-confirm{display:flex;gap:10px;align-items:flex-start}.security-confirm input{width:auto;flex:none;margin-top:4px}@media(max-width:650px){.security-notice{align-items:flex-start;flex-direction:column}.security-codes{grid-template-columns:1fr}}

.security-qr{width:292px;max-width:100%;margin:20px 0;background:#fff;border:1px solid #c5d5df;border-radius:12px;padding:12px;box-sizing:border-box;color:#14344b}.security-qr svg{display:block;width:100%;height:auto;background:#fff;shape-rendering:crispEdges}.security-qr-status{margin:0;font-size:14px}.security-qr-status[hidden]{display:none}.security-manual{margin:20px 0;max-width:620px}.security-manual summary{cursor:pointer;font-weight:700;color:#075679;padding:12px 0}.security-manual code{margin:12px 0}