:root{--js-ink:#3b2358;--js-violet:#5b4485;--js-pearl:#f8f5fb;--js-blush:#ede6f4;--js-text:#2f2340;--js-muted:#5f5477;--js-line:#cfc3de;--js-track:#dcd2e8;--js-gold:#b8923a;--js-placeholder:#e4dcee;--js-blue:#2f6bff;--js-serif:"Noto Serif KR",serif;--js-sans:"Noto Sans KR",sans-serif}body,html{margin:0;color:var(--js-text);font-family:var(--js-sans)}.js-page,body,html{background:var(--js-pearl)}.js-page{box-sizing:border-box;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:12px 24px 32px;display:flex;flex-direction:column;gap:24px}.js-page--landing{padding-top:20px;gap:36px}.js-page a{color:var(--js-violet)}.js-page a:focus-visible,.js-page button:focus-visible,.js-page input:focus-visible,.js-page textarea:focus-visible{outline:3px solid var(--js-violet);outline-offset:2px}.js-h1{margin:0;font-family:var(--js-serif);font-weight:700;font-size:32px;line-height:1.35;color:var(--js-ink)}.js-h1--landing{font-size:38px}.js-h2{font-size:24px}.js-h2,.js-h3{margin:0;font-family:var(--js-serif);font-weight:700;color:var(--js-ink)}.js-h3{font-size:22px;line-height:1.4}.js-p{margin:0;font-size:17px;line-height:1.7}.js-p--lead{font-size:19px}.js-muted,.js-small{color:var(--js-muted)}.js-small{font-size:14px;line-height:1.6}.js-back{display:flex;align-items:center;gap:6px;min-height:48px;font-size:17px;font-weight:500;color:var(--js-violet);text-decoration:none}.js-steps{display:flex;flex-direction:column;gap:8px}.js-steps__bars{display:flex;gap:6px}.js-steps__bar{flex-grow:1;height:6px;border-radius:3px;background:var(--js-track)}.js-steps__bar--on{background:var(--js-ink)}.js-steps__label{font-size:15px;color:var(--js-muted)}.js-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 16px;border-radius:8px;border:2px solid var(--js-ink);background:var(--js-ink);font:700 20px/1 var(--js-sans);text-decoration:none;cursor:pointer}.js-btn,.js-page a.js-btn{color:#fff}.js-btn--secondary{background:var(--js-pearl)}.js-btn--secondary,.js-page a.js-btn--secondary{color:var(--js-ink)}.js-btn--lg{height:68px}.js-btn--md{height:56px;font-size:19px}.js-btn--blue{height:52px;border-color:var(--js-blue);background:var(--js-blue);font-size:18px}.js-btn[aria-disabled=true],.js-btn[disabled]{opacity:.45;cursor:not-allowed}.js-row{display:flex;gap:12px}.js-row>.js-btn{flex:1 1 0;padding:0 8px;font-size:18px;white-space:nowrap}.js-linkbtn{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:var(--js-violet);font:500 16px var(--js-sans);text-decoration:underline;cursor:pointer}.js-stack{gap:12px}.js-fieldset,.js-stack{display:flex;flex-direction:column}.js-fieldset{border:0;margin:0;padding:0;gap:10px;min-width:0}.js-legend{padding:0;margin-bottom:10px;font-size:18px;font-weight:700;color:var(--js-ink)}.js-chips{display:flex;flex-wrap:wrap;gap:10px}.js-chip{display:flex;align-items:center;height:52px;padding:0 20px;border-radius:8px;border:2px solid var(--js-line);background:#fff;color:var(--js-ink);font:500 17px/1 var(--js-sans);cursor:pointer}.js-chip[aria-pressed=true]{border-color:var(--js-ink);background:var(--js-ink);color:#fff;font-weight:700}.js-chip--gender{flex-grow:1;justify-content:center;height:64px;font-size:20px}.js-field{display:flex;flex-direction:column;gap:8px}.js-label{font-size:18px;font-weight:700;color:var(--js-ink)}.js-label--sm{font-size:17px}.js-input{box-sizing:border-box;width:100%;height:60px;padding:0 16px;border-radius:8px;border:2px solid var(--js-line);background:#fff;font:400 18px var(--js-sans);color:var(--js-text)}.js-input--code{height:68px;border-color:var(--js-ink);font-size:22px;letter-spacing:1px}.js-input[aria-invalid=true]{border-color:#a11a2b}.js-textarea{box-sizing:border-box;width:100%;height:96px;padding:14px;border-radius:8px;border:2px solid var(--js-line);background:#fff;font:400 18px var(--js-sans);color:var(--js-text);resize:none}.js-count{text-align:right;font-size:14px;color:var(--js-muted)}.js-error{margin:0;font-size:16px;line-height:1.6;color:#a11a2b}.js-box{border-radius:10px;padding:22px;background:var(--js-blush);display:flex;flex-direction:column;gap:10px}.js-box--ink{background:var(--js-ink);color:#fff;gap:12px}.js-box__title{font-size:18px;font-weight:700;color:var(--js-ink)}.js-tabs{display:flex;border-radius:8px;overflow:hidden;border:2px solid var(--js-ink)}.js-tab{flex-grow:1;height:56px;border:0;background:#fff;color:var(--js-ink);font:500 19px var(--js-sans);cursor:pointer}.js-tab[aria-pressed=true]{background:var(--js-ink);color:#fff;font-weight:700}.js-frame{box-sizing:border-box;aspect-ratio:4/5;border:8px solid var(--js-ink);background:var(--js-pearl);padding:8px}.js-frame__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--js-gold);box-sizing:border-box;background:var(--js-placeholder)}.js-steplist{display:flex;flex-direction:column;gap:18px}.js-step{display:flex;gap:14px;align-items:flex-start}.js-step__num{flex-shrink:0;width:36px;height:36px;border-radius:18px;box-sizing:border-box;border:2px solid var(--js-gold);color:var(--js-ink);font:700 18px var(--js-serif);display:flex;align-items:center;justify-content:center}.js-step__title{font-size:19px;font-weight:700;color:var(--js-ink)}.js-thumbs{display:flex;gap:12px;flex-wrap:wrap}.js-thumb{position:relative;width:96px}.js-thumb__remove{position:absolute;top:-10px;right:-10px;width:44px;height:44px;border-radius:22px;border:2px solid var(--js-ink);background:var(--js-pearl);color:var(--js-ink);font:700 20px var(--js-sans);cursor:pointer}.js-radiocard{box-sizing:border-box;border:2px solid var(--js-line);border-radius:10px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:16px}.js-radiocard--on{border-color:var(--js-ink)}.js-radiocard__head{display:flex;gap:14px;align-items:flex-start;cursor:pointer}.js-radiocard__head input{flex-shrink:0;width:26px;height:26px;margin:2px 0 0;accent-color:var(--js-ink)}.js-radiocard__title{font-size:19px;font-weight:700;color:var(--js-ink)}.js-radiocard__desc{font-size:16px;line-height:1.6;color:var(--js-muted)}.js-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.js-progress{height:12px;border-radius:6px;background:var(--js-track);overflow:hidden}.js-progress__fill{height:100%;background:var(--js-ink)}.js-strip{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:8px;background:var(--js-blush);color:var(--js-ink);font-size:15px;text-decoration:none}.js-strip:focus-visible{outline:3px solid var(--js-violet);outline-offset:2px}