.wrap>div>.card{max-width:680px;padding:20px}.wrap>div{width:min(100%,680px);margin-inline:auto}#otpRow{max-width:396px}#otpRow input{flex:0 0 56px;width:56px;font-size:20px}@media (max-width:430px){#otpRow input{flex:auto;width:100%}}.ccdd{max-width:420px;position:relative}.ccdd-btn{border:1.5px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);cursor:pointer;font:650 15px/1.2 var(--sans);text-align:left;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;transition:all .16s;display:flex}.ccdd-btn:hover{border-color:var(--brand)}.ccdd.open>.ccdd-btn{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--brand-wash)}.ccdd-btn .fl{font-size:20px;line-height:1}.ccdd-btn .ph{color:var(--ink-faint);font-weight:600}.ccdd-btn .tail{font:650 11.5px/1 var(--sans);color:var(--ink-faint);align-items:center;gap:9px;margin-left:auto;display:flex}.ccdd-btn .cx{opacity:.5;font-size:10px}.cc-ok{color:#2c9e6a;background:#2c9e6a24;border-radius:999px;padding:4px 8px;font-weight:800}.cc-soon{color:#b8791f;background:#b8791f26;border-radius:999px;padding:4px 8px;font-weight:800}.ccdd-menu{z-index:30;background:var(--surface);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;flex-direction:column;max-height:min(60vh,340px);padding:5px;transition:all .16s;display:flex;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;transform:translateY(-4px);box-shadow:0 18px 44px -18px #1e0a4659}.ccdd.open .ccdd-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ccdd-menu .grp{font:700 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:9px 10px 5px}.ccdd-menu button{color:var(--ink);cursor:pointer;text-align:left;width:100%;font:650 13.5px/1.3 var(--sans);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.ccdd-menu button:hover{background:var(--surface-2)}.ccdd-menu button.on{background:var(--brand-wash);color:var(--brand);font-weight:800}.ccdd-menu button .fl{font-size:17px;line-height:1}.cc-logo{object-fit:cover;border-radius:3px;width:1.15em;height:1.15em;display:block}.ccdd-btn .fl .cc-logo{width:20px;height:20px}.ccdd-menu button .fl .cc-logo{width:17px;height:17px}.ccdd-menu button .n{font:650 11.5px/1 var(--sans);color:var(--ink-faint);margin-left:auto}.ccdd-menu button.dim .fl{opacity:.5}#ccGuess{background:var(--brand-wash);border:1px solid var(--brand);border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:12.5px;display:flex}#ccGuess .chg{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700;text-decoration:underline}#ccSoon{z-index:120;background:#10121c6b;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}#ccSoon.on{display:flex}#ccSoon .sheet{background:var(--surface);border-radius:16px;width:min(100%,420px);max-height:90vh;padding:20px;position:relative;overflow:auto;box-shadow:0 18px 50px #0f142847}#ccSoon .x{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1;position:absolute;top:12px;right:12px}@media (max-width:520px){#ccSoon{align-items:flex-end;padding:0}#ccSoon .sheet{border-radius:16px 16px 0 0;width:100%}}@media (max-width:360px){#nav{flex-wrap:wrap}#nav .btn{flex:100%}#nav #nextBtn{order:-1}}