.cn-step{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}@starting-style{.cn-step{opacity:0;transform:translateY(6px)}}.cn-step[data-instant]{transition:none}@media (prefers-reduced-motion:reduce){.cn-step{transition:opacity .12s linear}@starting-style{.cn-step{transform:none}}}.cn-step .w20-h:focus{outline:none}.cn-otp{position:relative}.cn-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.cn-slots i{border:1px solid var(--border);background:var(--surface);height:52px;font:600 22px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:10px;place-items:center;font-style:normal;display:grid;position:relative}.cn-slots[data-focused] i[data-active]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 45%,transparent)}.cn-slots[data-invalid] i{border-color:var(--critical)}.cn-slots i[data-caret]:after{content:"";background:var(--ink);width:2px;height:24px;animation:1s step-end infinite cn-caret}@keyframes cn-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cn-slots i[data-caret]:after{animation:none}}.w20-door .f .cn-otp input{box-shadow:none;background:0 0;border:0}.cn-back{appearance:none;color:var(--ink-2);font:500 12.5px/1.4 var(--font-sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;margin-right:14px;padding:6px 0;text-decoration:underline;display:inline-flex}.cn-icon{flex:none;width:14px;height:14px}.cn-qr{background:#fff;border-radius:12px;width:180px;margin:4px auto 10px;overflow:hidden}.cn-qr svg{width:100%;height:auto;display:block}.cn-secret{font:400 12px/1.5 var(--font-sans);color:var(--ink-2);text-align:center;margin:0 0 12px}.cn-secret code{letter-spacing:.06em;color:var(--ink);word-break:break-all;margin-top:4px;font:600 13px/1.4 ui-monospace,Consolas,monospace;display:block}.cn-codes{counter-reset:cn;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:4px 0 14px;padding:0;list-style:none;display:grid}.cn-codes li{counter-increment:cn;background:var(--surface-2);letter-spacing:.08em;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font:600 14px/1 ui-monospace,Consolas,monospace;display:flex}.cn-codes li:before{content:counter(cn);font:500 11px/1 var(--font-sans);letter-spacing:0;color:var(--ink-3);min-width:14px}.cn-otp-app .cn-slots i{height:46px;font-size:20px}.cn-notice{background:color-mix(in oklab,var(--warning) 16%,transparent);border:1px solid color-mix(in oklab,var(--warning) 50%,transparent);color:var(--ink);font:400 12.5px/1.5 var(--font-sans);border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 12px;display:flex}.cn-notice .cn-icon{color:var(--warning);margin-top:2px}.cn-notice b{font-weight:600}.cn-save{flex-wrap:wrap;gap:4px 0;margin:-6px 0 10px;display:flex}.cn-save .cn-back{text-decoration:none}.cn-save .cn-back[data-done]{color:var(--accent)}.w20-glass .cn-addapp{justify-content:center;align-items:center;margin:0 0 6px;text-decoration:none;display:none}.cn-addapp .w20-go-label{align-items:center;gap:8px;display:inline-flex}.cn-or{text-align:center;font:400 12px/1.4 var(--font-sans);color:var(--ink-3);margin:0 0 6px;display:none}.cn-phone{display:none}@media (max-width:600px){.w20-glass .cn-addapp{display:flex}.cn-or{display:block}.cn-desk{display:none}.cn-phone{display:inline}}.cn-back{transition:transform var(--dur-press,.13s) var(--ease-out),color .15s var(--ease-out)}.cn-back:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.cn-back:active{opacity:.86;transform:none}}