.sp-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:336px;display:grid}.sp-otp input{text-align:center;border:1.5px solid var(--color-line);height:52px;transition:border-color .2s, box-shadow .2s, transform .25s var(--ease-spring);font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;width:100%;min-width:0;font-size:22px;font-weight:800}.dark .sp-otp input{color:#fff;background:#ffffff0a;border-color:#ffffff1f}.sp-otp input:focus{border-color:var(--app);box-shadow:0 0 0 4px color-mix(in srgb, var(--app) 16%, transparent);outline:none;transform:translateY(-1px)}.sp-otp input.filled{border-color:color-mix(in srgb, var(--app) 60%, transparent)}.sp-otp.is-bad input{border-color:var(--color-coral-500)}.sp-shake{animation:.4s spShake}@keyframes spShake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.sp-field{border:1.5px dashed color-mix(in srgb, var(--app) 60%, transparent);background:color-mix(in srgb, var(--app) 7%, transparent);min-height:40px;color:color-mix(in srgb, var(--app) 85%, black);cursor:pointer;transition:background-color .2s, border-color .2s, transform .3s var(--ease-spring), box-shadow .3s;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;scroll-margin:120px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.dark .sp-field{color:var(--app-2);background:color-mix(in srgb, var(--app) 14%, transparent)}.sp-field:hover{background:color-mix(in srgb, var(--app) 12%, transparent);transform:translateY(-1px)}.sp-field.is-next{border-style:solid;border-color:var(--app);box-shadow:0 0 0 5px color-mix(in srgb, var(--app) 16%, transparent);animation:1.8s ease-in-out infinite spGlow}.sp-field.is-done{color:inherit;cursor:default;background:0 0;border-style:solid;border-color:#0000;padding-left:0;padding-right:0}.sp-field.is-done:hover{transform:none}.sp-field .sp-req{background:var(--app);color:#fff;text-align:center;border-radius:99px;width:14px;height:14px;font-size:10px;line-height:14px;position:absolute;top:-7px;right:-7px}.sp-field.is-done .sp-req{display:none}@keyframes spGlow{50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--app) 6%, transparent)}}.sp-check{border:2px solid var(--app);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;transition:background-color .2s;display:grid}.sp-check.on{background:var(--app)}.sp-sig-img{object-fit:contain;max-width:220px;height:46px}.dark .sp-sig-img{filter:invert()hue-rotate(180deg)}.sp-sig-in{transform-origin:0;animation:.6s cubic-bezier(.16,1,.3,1) both spInk}@keyframes spInk{0%{opacity:0;transform:scale(.85)rotate(-2deg)}}.sp-bar{z-index:44;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));backdrop-filter:blur(16px);border:1px solid var(--color-line);background:#fffffff0;border-radius:20px;align-items:center;gap:10px;padding:10px;animation:.5s cubic-bezier(.16,1,.3,1) both spBarIn;display:flex;position:fixed;box-shadow:0 16px 36px -16px #22263759}.dark .sp-bar{background:#181a24f0;border-color:#ffffff14}@media (width>=768px){.sp-bar{width:min(640px,100vw - 48px);bottom:24px;left:50%;right:auto;transform:translate(-50%)}}@keyframes spBarIn{0%{opacity:0;translate:0 20px}}.sp-ring{--p:0;background:conic-gradient(var(--app) calc(var(--p) * 1%), var(--color-track) 0);border-radius:99px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:--p .5s;display:grid}.dark .sp-ring{background:conic-gradient(var(--app) calc(var(--p) * 1%), #ffffff1a 0)}.sp-ring>span{background:#fff;border-radius:99px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.dark .sp-ring>span{background:#181a24}.sp-sec h3{letter-spacing:-.01em;font-size:15px;font-weight:800}.sp-sec p{color:var(--color-ink-2,#3b3f50);font-size:14px;line-height:1.65}.dark .sp-sec p{color:#ffffffc7}.sp-tbl{border-collapse:collapse;width:100%;font-size:13px}.sp-tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);background:var(--color-surface-2,#f6f6fa);padding:8px 10px;font-size:11px;font-weight:700}.dark .sp-tbl th{background:#ffffff0a}.sp-tbl td{border-top:1px solid var(--color-line);padding:9px 10px}.dark .sp-tbl td{border-color:#ffffff0f}@media (prefers-reduced-motion:reduce){.sp-field.is-next,.sp-bar,.sp-sig-in,.sp-shake{animation:none!important}}.sp-body h1{letter-spacing:-.01em;margin:0 0 10px;font-size:20px;font-weight:800}.sp-body h2,.sp-body h3{margin:18px 0 6px;font-size:15px;font-weight:800}.sp-body p,.sp-body li{font-size:14px;line-height:1.65}.sp-body ul,.sp-body ol{padding-left:18px;list-style:outside}.sp-body table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px;display:block;overflow-x:auto}.sp-body td,.sp-body th{border-top:1px solid var(--color-line);text-align:left;padding:7px 9px}.sp-body [data-field],.sp-body .zd-field{background:color-mix(in srgb, var(--app) 10%, transparent);border-radius:4px;padding:0 3px}