.kjl{min-height:100dvh}.kjl-main{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:flex-start;display:flex}.kjl-card{width:100%;max-width:400px}.kjl-top{flex-direction:column;align-items:center;display:flex;position:relative}.kjl-back{width:48px;height:48px;color:var(--foreground);border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;margin-inline-start:-12px;display:inline-flex}.kjl-logo{border-radius:8px;align-items:center;margin-top:clamp(24px,12vh,120px);display:inline-flex}.kjl-back:focus-visible,.kjl-logo:focus-visible,.kjl-link:focus-visible,.kjl-terms-link:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.kjl-step{flex-direction:column;margin-top:48px;animation:.18s ease-out kjl-in;display:flex}.kjl-title{font-family:var(--font-yekan);font-size:20px;font-weight:700;line-height:1.5}.kjl-lead{color:var(--muted-foreground);margin-top:16px;font-size:12px;line-height:2.1;display:block}.kjl-form{flex-direction:column;display:flex}.kjl-form .kjl-lead{margin-bottom:16px}.kjl-form-tight{margin-top:16px}.kjl-label{margin:20px 0 8px;font-size:12px;font-weight:500;display:block}.kjl-label-2{margin-top:16px}.kjl-soft{color:var(--muted-foreground);font-weight:400}.kjl-input{border:1px solid var(--input-border);background:var(--background);width:100%;height:48px;color:var(--foreground);border-radius:8px;outline:none;padding:0 12px;font-size:16px;transition:border-color .12s;display:block}.kjl-input::placeholder{color:var(--muted-foreground);opacity:.7}.kjl-input:focus-visible{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.kjl-input[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 1px var(--destructive)}.kjl-input-num{text-align:left;letter-spacing:.04em;font-variant-numeric:tabular-nums}.kjl-input-code{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.kjl-err{color:var(--destructive);margin-top:8px;font-size:12px;line-height:2}.kjl-btn{background:var(--foreground);width:100%;height:48px;color:var(--background);font-family:var(--font-yekan);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:500;transition:opacity .12s;display:flex}.kjl-btn:hover{opacity:.9}.kjl-btn:disabled{opacity:.7}.kjl-btn:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.kjl-link{min-height:32px;color:var(--foreground);text-underline-offset:5px;align-self:flex-start;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.kjl-link-soft{color:var(--muted-foreground);align-self:center;margin-top:8px}.kjl-resend{margin-top:12px}.kjl-note{min-height:32px;color:var(--muted-foreground);align-items:center;font-size:12px;display:flex}.kjl-terms{color:var(--muted-foreground);margin-top:16px;font-size:11px;line-height:2.2}.kjl-terms-link{color:var(--foreground);text-underline-offset:4px;text-decoration:underline}@keyframes kjl-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kjl-step{animation:none}}@media (min-width:768px){.kjl-main{align-items:center;padding:24px}.kjl-card{border:1px solid var(--border);background:var(--background);box-shadow:none;border-radius:8px;padding:32px}.kjl-top{flex-direction:row;justify-content:center;min-height:40px}.kjl-back{inset-inline-start:-12px;position:absolute;top:50%;transform:translateY(-50%)}.kjl-logo{margin-top:0}.kjl-step{margin-top:48px}.kjl-title{font-size:16px;line-height:1.5}}