*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f0f7f3;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#0b141b;-webkit-text-size-adjust:100%}.page{position:relative;width:100%;max-width:941px;margin:0 auto;background:white}.reference{display:block;width:100%;height:auto;margin:0;border:0}form{margin:0;padding:0}button,input{font:inherit}button{cursor:pointer}.upload{position:absolute;left:6.48%;top:29.12%;width:38.47%;height:8.91%;display:flex;align-items:center;justify-content:center;border-radius:clamp(4px,1vw,12px);cursor:pointer;overflow:hidden;text-align:center;color:#009949;font-size:clamp(10px,2.4vw,23px);line-height:1.7}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload.selected,.upload.loading{background:#f1fff7;border:1px dashed #05bd56}.upload>span{pointer-events:none;max-width:95%;overflow:hidden}.upload small{display:block;max-width:100%;font-size:.65em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-field{position:absolute;left:55.15%;top:29.63%;width:38.8%;height:4.85%;display:flex;align-items:center;gap:4.8%;padding:0 2.1%;border:1.5px solid #dfe3ee;border-radius:clamp(4px,1.25vw,12px);background:linear-gradient(#fff,#fefeff)}.line-field>img{width:11%;height:auto;flex-shrink:0;opacity:.77}.line-input{width:100%;min-width:0;outline:none;border:0;padding:0;background:transparent;color:#344559;font-size:clamp(11px,2.85vw,27px);line-height:1.4;border-radius:0}.line-input::placeholder{color:#98a4ba;opacity:1}.line-field:focus-within{border-color:#00b953;box-shadow:0 0 0 1px #00b953}.next{position:absolute;left:4.25%;top:39.77%;width:91.5%;height:4.9%;border:0;border-radius:clamp(8px,2.7vw,26px);background:transparent;color:white;font-size:clamp(17px,4vw,38px);font-weight:800}.next:disabled{cursor:wait}.next:disabled span:not(.sr-only){display:flex;align-items:center;justify-content:center;position:absolute;inset:0;border-radius:inherit;background:#00ad58}.help{position:absolute;left:50.1%;top:44.88%;width:22.8%;height:2.4%;background:transparent;border:0;border-radius:4px}.success-hotspot{position:absolute;left:7.1%;top:35.85%;width:85.9%;height:7.55%;border-radius:12px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);width:max-content;max-width:90%;padding:14px 20px;background:#173d2e;color:white;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:99;font-size:14px;line-height:1.7}[v-cloak]{display:none}button:focus-visible,label:focus-visible,a:focus-visible{outline:3px solid #3384ff;outline-offset:2px}@media(min-width:980px){.page{margin:20px auto;box-shadow:0 10px 40px #193e2512}}.line-field{padding:0 2.1% 0 7.6%;border-color:transparent;background:transparent}.line-input{height:78%;background:transparent}.line-input::placeholder{color:transparent}.line-field.filled .line-input{background:#fff}

/* V5.1: proportionate image slices; spare viewport height becomes balanced tutorial spacing. */
.registration{display:flex;flex-direction:column}.artboard{position:relative;flex:0 0 auto}.top-slice{position:relative;overflow:hidden;height:0;padding-bottom:86.60998937%}.top-slice>.reference{position:absolute;left:0;top:0;width:100%;height:auto}.registration .upload{top:59.7414966%;height:18.27955828%}.registration .line-field{top:60.78856442%;height:9.950429448%}.registration .next{top:81.58998773%;height:10.05398773%}.registration .help{top:92.07460123%;height:4.92392638%}.tutorial-flex{display:flex;flex-direction:column;flex:1 0 auto;background:#effff8}.slice{position:relative;height:0;overflow:hidden;flex-shrink:0;width:100%}.slice>img{position:absolute;width:100%;height:auto;left:0;display:block}.tutorial-title{padding-bottom:13.2837407%}.tutorial-title>img{top:-652%}.tutorial-row{display:flex;align-items:center;flex:1 0 auto}.tutorial-first{padding-bottom:35.38788523%}.tutorial-first>img{top:-282.2822823%}.tutorial-second{padding-bottom:34.0063762%}.tutorial-second>img{top:-397.8125%}.registration-footer{flex:0 0 auto;padding:7px 2.2% 10px;background:#fff}.footer-pill{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,17px);padding:10px 16px;background:#eafff3;border-radius:30px;color:#72889a;font-size:clamp(11px,2.1vw,19px);line-height:1.6}.footer-pill>img{display:block;flex:0 0 auto;width:clamp(21px,3.1vw,30px);height:auto}.footer-pill>span{display:block;min-width:0;text-align:left;overflow-wrap:anywhere}@media(max-width:979px){.registration{min-height:100vh;min-height:100dvh}.tutorial-row{padding:4px 0}.tutorial-title{background:#effff8}.registration-footer{padding-top:8px;padding-bottom:10px}}@media(min-width:980px){.tutorial-row{padding:0}.footer-pill{padding:12px 18px}}