.sp-stage{--primary:#f4802f;--primary-deep:#c65e17;--secondary:#666;--ink:#4a4a4a;--tertiary:#623f9b;--border:#e0e0e0;--tint:#fff4ec;min-height:100dvh;color:var(--secondary);-webkit-font-smoothing:antialiased;background:#fff;flex-direction:column;align-items:center;gap:24px;padding:16px 24px 58px;font:400 16px/26px Prompt,system-ui,-apple-system,sans-serif;display:flex}.sp-stage *,.sp-stage :before,.sp-stage :after{box-sizing:border-box}.sp-stage :where(h1,h2,p,dl,dd){margin:0}.sp-stage button{font:inherit}.sp-stage :focus-visible{outline:3px solid var(--tertiary);outline-offset:3px}.sp-stage h1,.sp-stage h2,.sp-stage .sp-btn,.sp-stage .sp-mini-btn,.sp-stage .sp-field>span,.sp-stage .sp-chip,.sp-stage .sp-dot,.sp-stage .sp-verified,.sp-stage .sp-stamp{letter-spacing:0;font-family:Mochiy Pop P One,Prompt,sans-serif;font-weight:400}.sp-stage h1,.sp-stage h2{color:var(--ink)}.sp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sp-top{padding:8px 0 0}.sp-stage .sp-logo{width:auto;height:52px;display:block}.sp-main{flex-direction:column;gap:24px;width:100%;max-width:520px;display:flex}.sp-intro{text-align:center;gap:8px;display:grid}.sp-intro h1{font-size:30px;line-height:1.3}.sp-intro p{font-size:18px;line-height:28px}.sp-pass{border:1px solid var(--border);background:#fff;border-radius:20px;position:relative}.sp-stub{background:var(--tint);border-radius:19px 19px 0 0;gap:24px;padding:24px 32px;display:grid}.sp-stub-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.sp-chip{color:var(--primary-deep);background:#fff;border:1px solid #ffd6b8;border-radius:9999px;padding:6px 18px;font-size:14px;line-height:22px}.sp-admit{font-size:12px;line-height:18px}.sp-path{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.sp-path li{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.sp-path li:not(:last-child):after{content:"";border-top:2px dashed #ddd;width:calc(100% - 48px);position:absolute;top:16px;left:calc(50% + 24px)}.sp-path li.is-done:not(:last-child):after{border-color:#f7b98c}.sp-dot{color:#999;background:#fff;border:2px solid #d0d0d0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;line-height:1;transition:background .15s,border-color .15s;display:grid}.sp-path li.is-active .sp-dot{border-color:var(--primary);color:var(--primary-deep)}.sp-path li.is-done .sp-dot{border-color:var(--primary);background:var(--primary);color:#fff}.sp-path-label{font-size:12px;line-height:16px}.sp-path li.is-active .sp-path-label{color:var(--ink)}.sp-perf{height:0;position:relative}.sp-perf:before{content:"";border-top:2px dashed #d5d5d5;position:absolute;top:-1px;left:24px;right:24px}.sp-perf i{border:1px solid var(--border);background:#fff;width:13px;height:24px;position:absolute;top:-12px}.sp-perf i:first-child{border-left:0;border-radius:0 12px 12px 0;left:-1px}.sp-perf i:last-child{border-right:0;border-radius:12px 0 0 12px;right:-1px}.sp-body{padding:32px}.sp-step{gap:24px;animation:.35s both sp-rise;display:grid}.sp-step form{display:contents}.sp-step-head{gap:4px;display:grid}.sp-step-head h2{font-size:22px;line-height:30px}.sp-step-head p{font-size:14px;line-height:22px}.sp-field{flex:1;align-content:start;gap:6px;min-width:0;display:grid}.sp-field>span{color:var(--secondary);font-size:14px;line-height:22px}.sp-field input,.sp-code-input{border:1.5px solid var(--border);color:#444;appearance:none;background:#fff;border-radius:9999px;width:100%;min-height:52px;padding:12px 20px;font:400 16px/26px Prompt,system-ui,sans-serif}.sp-field input::placeholder,.sp-code-input::placeholder{color:#767676}.sp-field input:hover,.sp-code-input:hover{border-color:#c9c9c9}.sp-field input:focus-visible,.sp-code-input:focus-visible{outline-offset:2px;border-color:var(--tertiary);outline:3px solid #623f9b59}.sp-field input:disabled{color:#999;cursor:not-allowed;background:#f7f7f7}.sp-select{position:relative}.sp-select-trigger{border:1.5px solid var(--border);color:#444;text-align:left;cursor:pointer;background:#fff;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px 12px 20px;font:400 16px/26px Prompt,system-ui,sans-serif;display:flex}.sp-select-trigger:hover:not(:disabled){border-color:#c9c9c9}.sp-select-trigger:focus-visible{outline-offset:2px;border-color:var(--tertiary);outline:3px solid #623f9b59}.sp-select-trigger[aria-expanded=true]{border-color:var(--tertiary)}.sp-select-trigger:disabled{color:#999;cursor:not-allowed;background:#f7f7f7}.sp-select-trigger .is-placeholder{color:#767676}.sp-select-chevron{color:var(--secondary);flex:none;transition:transform .15s}.sp-select-trigger[aria-expanded=true] .sp-select-chevron{transform:rotate(180deg)}.sp-select-list{z-index:20;border:1.5px solid var(--border);background:#fff;border-radius:20px;max-height:264px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.sp-select-list li{color:#555;cursor:pointer;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.sp-select-list li.is-active{background:var(--tint)}.sp-select-list li.is-selected{color:var(--primary-deep);font-weight:500}.sp-select-list li svg{flex:none}.sp-field-with-btn{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-field-with-btn input{flex:180px;min-width:0}.sp-code-row{flex-wrap:wrap;gap:12px;margin-top:-8px;display:flex}.sp-code-input{letter-spacing:.2em;flex:160px;max-width:200px}.sp-code-input::placeholder{letter-spacing:0}.sp-choice{border:0;min-width:0;margin:0;padding:0}.sp-choice legend{color:var(--secondary);margin-bottom:6px;padding:0;font-family:Mochiy Pop P One,Prompt,sans-serif;font-size:14px;line-height:22px}.sp-choice-row{gap:12px;display:flex}.sp-check{border:2px solid var(--border);color:#555;cursor:pointer;background:#fff;border-radius:9999px;flex:1;align-items:center;gap:12px;min-height:52px;padding:10px 20px;transition:border-color .15s,background .15s;display:flex;position:relative}.sp-check:hover{border-color:#f7b98c}.sp-check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sp-check-box{color:#fff;background:#fff;border:2px solid #c8c8c8;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:grid}.sp-check-box svg{opacity:0;width:14px;height:14px;transition:transform .18s,opacity .18s;transform:scale(.4)}.sp-check.is-checked{border-color:var(--primary);background:var(--tint);color:var(--primary-deep)}.sp-check.is-checked .sp-check-box{border-color:var(--primary);background:var(--primary)}.sp-check.is-checked .sp-check-box svg{opacity:1;transform:scale(1)}.sp-check:has(input:focus-visible){outline:3px solid var(--tertiary);outline-offset:3px}.sp-btn{background:var(--primary);color:#fff;width:100%;min-height:55px;box-shadow:0 5px 0 var(--primary-deep);cursor:pointer;border:2px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:5px 6px 5px 30px;font-size:16px;line-height:24px;transition:transform .12s,box-shadow .12s;display:flex}.sp-btn:hover:not(:disabled){box-shadow:0 6px 0 var(--primary-deep);transform:translateY(-1px)}.sp-btn:active:not(:disabled){box-shadow:0 1px 0 var(--primary-deep);transform:translateY(4px)}.sp-btn:disabled{cursor:not-allowed;background:#f6bd93;box-shadow:0 5px #e6a677}.sp-btn-go{width:43px;height:43px;color:var(--primary-deep);background:#fff;border-radius:9999px;flex:none;place-items:center;display:grid}.sp-mini-btn{background:var(--primary);color:#fff;white-space:nowrap;min-height:52px;box-shadow:0 4px 0 var(--primary-deep);cursor:pointer;border:0;border-radius:9999px;flex:none;padding:5px 24px;font-size:14px;line-height:22px;transition:transform .12s,box-shadow .12s}.sp-mini-btn:hover:not(:disabled){box-shadow:0 5px 0 var(--primary-deep);transform:translateY(-1px)}.sp-mini-btn:active:not(:disabled){box-shadow:0 1px 0 var(--primary-deep);transform:translateY(3px)}.sp-mini-btn:disabled{cursor:not-allowed;background:#f6bd93;box-shadow:0 4px #e6a677}.sp-link{color:var(--tertiary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;line-height:22px;text-decoration:underline}.sp-back{justify-self:start}.sp-verified{border:2px solid var(--primary-deep);background:var(--tint);min-height:40px;color:var(--primary-deep);white-space:nowrap;border-radius:9999px;flex:none;align-items:center;gap:6px;padding:6px 18px;font-size:14px;line-height:22px;animation:.35s both sp-stamp;display:inline-flex;transform:rotate(-4deg)}.sp-program-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-program-card{border:2px solid var(--border);color:#555;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;font-size:15px;font-weight:500;line-height:22px;transition:border-color .15s,background .15s;display:flex}.sp-program-card:hover{border-color:#f7b98c}.sp-program-card.is-selected{border-color:var(--primary);background:var(--tint);color:var(--primary-deep)}.sp-program-icon{font-size:28px;line-height:1.2}.sp-error{color:#9c3712;background:#fff4f0;border:1.5px solid #f2b7a0;border-radius:20px;padding:12px 18px;font-size:14px;line-height:22px}.sp-hint{color:#767676;font-size:14px;line-height:22px}.sp-done{text-align:center;justify-items:center;gap:24px;animation:.35s both sp-rise;display:grid}.sp-stamp{border:3px solid var(--primary-deep);color:var(--primary-deep);border-radius:12px;padding:6px 24px;font-size:22px;line-height:30px;animation:.45s both sp-stamp;transform:rotate(-6deg)}.sp-summary{text-align:left;width:100%}.sp-summary>div{border-top:1px dashed #d5d5d5;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.sp-summary dt{font-size:14px;line-height:22px}.sp-summary dd{color:var(--ink);text-align:right;font-weight:500}.sp-foot{justify-items:center;padding:24px 32px 28px;display:grid}.sp-barcode{width:72%;height:44px;fill:var(--ink)}@keyframes sp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sp-stamp{0%{opacity:0;transform:scale(1.7)rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(var(--sp-tilt,-4deg))}}.sp-stamp{--sp-tilt:-6deg}@media (prefers-reduced-motion:reduce){.sp-stage *,.sp-stage :before,.sp-stage :after{transition:none!important;animation:none!important}}@media (width<=720px){.sp-stage{padding:8px 16px 58px}.sp-stage .sp-logo{height:40px}.sp-intro h1{font-size:24px}.sp-intro p{font-size:16px;line-height:26px}.sp-stub{padding:20px}.sp-body{padding:24px 20px}.sp-foot{padding:20px 20px 24px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:Prompt,system-ui,-apple-system,sans-serif}.kidora-logo{width:auto;height:48px;display:block}