.security-page{max-width:960px;margin:auto;padding-bottom:3rem}.security-wide{grid-column:1/-1}.security-setup-intro{padding:1.75rem}.security-setup-outline{display:flex;flex-wrap:wrap;gap:1.25rem;margin:1.5rem 0;font-size:.85rem}.security-setup-outline li,.security-setup-steps li{display:flex;align-items:center;gap:.6rem}.security-setup-outline span,.security-setup-steps span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--codex-rule);border-radius:50%;flex-shrink:0}.security-setup-steps{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;font-size:.8rem;color:var(--text-secondary)}.security-setup-steps [aria-current=step],.security-setup-steps [data-complete=true]{color:var(--codex-mint)}.security-setup-steps [aria-current=step] span{border-color:var(--codex-mint)}.security-qr{width:-moz-fit-content;width:fit-content;padding:.5rem;background:white;border-radius:12px;margin:1.25rem 0}.security-manual-key{margin:1.25rem 0;font-size:.85rem}.security-manual-key summary{cursor:pointer;color:var(--codex-mint);padding:.5rem 0}.security-manual-key p{margin:.75rem 0;color:var(--text-secondary)}.security-manual-key code{display:block;overflow-wrap:anywhere;margin:.75rem 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.security-otp{max-width:260px;font-size:1.5rem;letter-spacing:.25em}.security-save-confirm{display:flex;align-items:flex-start;gap:.65rem;margin:1.25rem 0;font-size:.85rem;line-height:1.6}.security-save-confirm input{margin-top:.3rem}.security-setup-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--codex-rule)}.security-setup-footer p{flex:1 1 250px;font-size:.75rem;line-height:1.6;color:var(--text-secondary)}.security-guard-checks{display:grid;gap:.8rem;font-size:.85rem}.security-guard-checks li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--codex-rule);padding-bottom:.8rem}.security-guard-checks strong{font-weight:500;color:var(--codex-mint)}.security-summary{display:flex;align-items:center;gap:1rem;padding:1.35rem;border:1px solid var(--codex-rule);border-radius:18px;background:color-mix(in srgb,var(--codex-mint) 7%,var(--bg-base));margin-bottom:1.5rem}.security-summary svg{color:var(--codex-mint);flex-shrink:0}.security-summary strong{display:block;font-size:1rem}.security-summary p{font-size:.84rem;color:var(--text-secondary);margin-top:.3rem}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.security-card{border:1px solid var(--codex-rule);border-radius:18px;padding:1.5rem;background:var(--codex-paper);min-width:0}.security-card h2{display:flex;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.security-card h2 svg{width:21px;color:var(--codex-mint)}.security-card>p{color:var(--text-secondary);font-size:.85rem;line-height:1.65;margin-bottom:1.25rem}.security-label{display:grid;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.security-input{width:100%;min-width:0;min-height:44px;padding:.7rem .85rem;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--codex-rule);border-radius:9px;font:inherit}.security-input:focus{outline:2px solid var(--codex-mint);outline-offset:2px}.security-muted{color:var(--text-secondary);line-height:1.7;font-size:.88rem}.security-error{color:#edb0a7;font-size:.85rem;overflow-wrap:anywhere}.security-notice{padding:1rem;margin-bottom:1rem;background:var(--codex-paper);border:1px solid var(--codex-mint);border-radius:12px;font-size:.9rem}.security-eyebrow{color:var(--codex-mint);letter-spacing:.18em;font-size:.65rem;font-weight:700}.security-badge{display:inline-flex;font-size:.65rem;font-weight:500;padding:.25rem .5rem;border:1px solid var(--codex-rule);border-radius:20px;margin-left:auto;color:var(--text-secondary)}.security-badge.is-on{color:var(--codex-mint);border-color:color-mix(in srgb,var(--codex-mint) 35%,transparent)}.security-passkey{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 0;border-top:1px solid var(--codex-rule);font-size:.85rem}.security-text-button{min-height:44px;font-size:.8rem;color:var(--text-secondary);text-decoration:underline;text-underline-offset:4px}.security-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:1rem 0;font:.75rem ui-monospace,monospace;overflow-wrap:anywhere}.security-gate{min-height:100dvh;display:grid;place-items:center;overflow-y:auto;height:100dvh;padding:2rem 1rem;background:radial-gradient(ellipse at 50% 0,#25352f 0,var(--bg-base) 65%)}.security-lock-card{width:100%;max-width:460px;padding:2.2rem;border:1px solid var(--codex-rule);border-radius:24px;background:var(--codex-paper)}.security-lock-card h1{font-size:1.9rem;line-height:1.15;letter-spacing:-.04em;margin:1rem 0}.security-emblem{width:64px;height:64px;border:1px solid var(--codex-rule);border-radius:20px;display:grid;place-items:center;color:var(--codex-mint);margin-bottom:1.5rem}.security-verification{margin-top:1.5rem}.security-divider{margin:1rem 0;text-align:center;color:var(--text-muted);font-size:.75rem}@media (max-width:680px){.security-grid{grid-template-columns:1fr}.security-grid>section{grid-column:auto}.security-card{padding:1.2rem}.security-lock-card{padding:1.5rem}}