*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.page{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.panel{gap:1.5rem;width:min(100%,26rem);display:grid}.title{font-family:var(--font-display), system-ui, sans-serif;font-size:var(--text-xl);margin:0;font-weight:600}.otp-row{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-raised);gap:.75rem;padding:1.25rem;display:grid}.otp-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.otp-label{font-size:var(--text-sm);color:var(--text-secondary)}.otp-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-3xl);letter-spacing:.12em;font-variant-numeric:tabular-nums;min-height:1.3em;margin:0;font-weight:600}.otp-code[data-empty]{color:var(--text-muted)}.options{font-size:var(--text-sm);color:var(--text-secondary);gap:.75rem;display:flex}.options a{color:inherit}.options a[aria-current=true]{color:var(--foreground);font-weight:600}