:root{--modi-green:#1f6b3a;--modi-green-deep:#134526;--modi-green-soft:#e8f1eb;--modi-green-tint:#f4f8f5;--bg:#fafaf7;--surface:#fff;--surface-2:#f5f4ef;--border:#e5e3db;--border-strong:#d0cdc2;--text:#1a1f1c;--text-2:#4a524c;--text-3:#7a8079;--text-on-green:#fff;--error:#b53a2a;--error-bg:#fbeeec;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--fs-xs:14px;--fs-sm:16px;--fs-base:17px;--fs-md:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:28px;--fs-3xl:34px;--shadow-sm:0 1px 2px rgba(20,30,25,.04),0 1px 1px rgba(20,30,25,.03);--shadow-md:0 4px 16px rgba(20,30,25,.06),0 2px 4px rgba(20,30,25,.04);--shadow-lg:0 12px 40px rgba(20,30,25,.08),0 4px 12px rgba(20,30,25,.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Pro Korean,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:hsla(0,0%,100%,.92);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:760px;margin:0 auto;padding:14px 24px;justify-content:space-between;gap:16px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:36px;height:36px;border-radius:50%;background:var(--modi-green);display:grid;place-items:center;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text .name{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--modi-green-deep)}.brand-text .sub{font-size:12px;color:var(--text-3);letter-spacing:.02em}.topbar-meta{font-size:var(--fs-xs);color:var(--text-3);display:flex;align-items:center;gap:10px}.save-indicator{display:inline-flex;align-items:center;gap:6px}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--modi-green)}.progress-wrap{max-width:760px;margin:0 auto;padding:0 24px}.progress-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;font-size:var(--fs-xs);color:var(--text-2)}.progress-bar{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--modi-green);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.main{flex:1 1;max-width:760px;width:100%;margin:0 auto;padding:32px 24px 120px}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px 36px 36px;box-shadow:var(--shadow-sm)}.step-eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--modi-green);font-weight:600;margin-bottom:10px}.step-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 8px;line-height:1.3}.step-desc{font-size:var(--fs-md);color:var(--text-2);margin:0 0 32px;line-height:1.6}.field{margin-bottom:24px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:var(--fs-md);font-weight:600;color:var(--text);margin-bottom:10px;line-height:1.5}.field-required{color:var(--error);margin-left:4px;font-weight:600}.field-hint{font-size:var(--fs-sm);color:var(--text-3);margin-top:6px;display:block}.field-error{font-size:var(--fs-sm);color:var(--error);margin-top:8px;display:flex;align-items:center;gap:6px}.input,.select,.textarea{width:100%;padding:14px 16px;font-size:var(--fs-md);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--modi-green);box-shadow:0 0 0 4px rgba(31,107,58,.12)}.input.error,.select.error,.textarea.error{border-color:var(--error);background:var(--error-bg)}.textarea{min-height:100px;resize:vertical;line-height:1.6}.select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M3 5l4 4 4-4' stroke='%234A524C' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:520px){.input-row{grid-template-columns:1fr}}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-list.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:520px){.choice-list.grid-2{grid-template-columns:1fr}}.choice{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;transition:all .15s;font-size:var(--fs-md);color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice:hover{border-color:var(--text-3);background:var(--surface-2)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-mark{width:22px;height:22px;flex-shrink:0;border:2px solid var(--border-strong);border-radius:50%;display:grid;place-items:center;background:var(--surface);transition:all .15s}.choice-mark.box{border-radius:6px}.choice-mark:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--modi-green);transform:scale(0);transition:transform .15s}.choice-mark.box:after{border-radius:2px;width:12px;height:12px;background:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8l3.5 3.5L13 5' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:50%}.choice.selected{background:var(--modi-green-tint)}.choice.selected,.choice.selected .choice-mark{border-color:var(--modi-green)}.choice.selected .choice-mark.box{background:var(--modi-green)}.choice.selected .choice-mark:after{transform:scale(1)}.choice-label-text{flex:1 1;line-height:1.5}.choice-sub{display:block;font-size:var(--fs-sm);color:var(--text-3);font-weight:400;margin-top:2px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 16px;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:var(--fs-sm);color:var(--text);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--text-3)}.chip.selected{background:var(--modi-green);color:var(--text-on-green);border-color:var(--modi-green)}.scale-row{display:flex;gap:6px;flex-wrap:wrap}.scale-btn{flex:1 1;min-width:44px;aspect-ratio:1;border:1.5px solid var(--border-strong);background:var(--surface);border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;color:var(--text-2);cursor:pointer;transition:all .15s}.scale-btn:hover{border-color:var(--text-3)}.scale-btn.selected{background:var(--modi-green);border-color:var(--modi-green);color:#fff}.scale-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--fs-xs);color:var(--text-3)}.norwood-img{width:100%;max-width:110px;height:auto;aspect-ratio:1/1;object-fit:contain;display:block;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.scale-legend{list-style:none;margin:10px 0 0;padding:10px 12px;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;font-size:var(--fs-xs);color:var(--text-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:4px 14px;gap:4px 14px}.scale-legend li{display:flex;gap:6px;align-items:baseline;line-height:1.45}.scale-legend li b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;background:var(--modi-green);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.btn-row{display:flex;gap:12px;justify-content:flex-end;margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}.btn-row.split{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all .15s;min-height:52px;letter-spacing:-.01em}.btn-primary{background:var(--modi-green);color:var(--text-on-green);border-color:var(--modi-green)}.btn-primary:hover{background:var(--modi-green-deep);border-color:var(--modi-green-deep)}.btn-primary:disabled{background:var(--border-strong);border-color:var(--border-strong);color:var(--text-3);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--text-2);background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent;padding:14px 16px}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.welcome{text-align:center;padding:24px 0 8px}.welcome-mark{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:var(--modi-green);display:grid;place-items:center;overflow:hidden}.welcome-mark img{width:100%;height:100%;object-fit:cover}.welcome-title{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--text)}.welcome-desc{font-size:var(--fs-md);color:var(--text-2);max-width:480px;margin:0 auto 36px;line-height:1.7}.version-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}@media (max-width:600px){.version-cards{grid-template-columns:1fr}}.version-card{text-align:left;padding:28px 24px;border:1.5px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.version-card:hover{border-color:var(--modi-green);background:var(--modi-green-tint);transform:translateY(-2px);box-shadow:var(--shadow-md)}.version-card-header{display:flex;align-items:center;justify-content:space-between}.version-card-name{font-size:var(--fs-xl);font-weight:700;color:var(--text)}.version-card-time{font-size:var(--fs-xs);color:var(--text-3);background:var(--surface-2);padding:4px 10px;border-radius:999px}.version-card-desc{line-height:1.6}.version-card-desc,.version-card-list{font-size:var(--fs-sm);color:var(--text-2)}.version-card-list{margin:0;padding:0;list-style:none}.version-card-list li{padding:4px 0;display:flex;align-items:flex-start;gap:8px}.version-card-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--modi-green);margin-top:10px;flex-shrink:0}.resume-banner{background:var(--modi-green-tint);border:1px solid var(--modi-green-soft);border-left:4px solid var(--modi-green);border-radius:var(--r-md);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.resume-banner-text{font-size:var(--fs-sm);color:var(--text)}.resume-banner strong{color:var(--modi-green-deep)}.summary-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.summary-section:last-child{border-bottom:none}.summary-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.summary-section-title{font-size:var(--fs-md);font-weight:700;color:var(--modi-green-deep);margin:0}.summary-edit-btn{font-size:var(--fs-sm);color:var(--modi-green);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-weight:600}.summary-edit-btn:hover{background:var(--modi-green-soft)}.summary-row{display:grid;grid-template-columns:180px 1fr;grid-gap:16px;gap:16px;padding:8px 0;font-size:var(--fs-sm)}@media (max-width:520px){.summary-row{grid-template-columns:1fr;gap:4px;padding:10px 0}}.summary-key{color:var(--text-3)}.summary-val{color:var(--text);white-space:pre-wrap;word-break:break-word}.summary-val.empty{color:var(--text-3);font-style:italic}.stepper{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-3)}.done-screen{text-align:center;padding:40px 20px}.done-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:var(--modi-green-soft);display:grid;place-items:center}.done-icon svg{width:40px;height:40px;color:var(--modi-green)}.privacy-box{border:1px solid var(--border);border-radius:var(--r-md);padding:18px 20px;font-size:var(--fs-sm);color:var(--text-2);line-height:1.6;margin-bottom:20px}.consent-box,.privacy-box{background:var(--surface-2)}.consent-box{text-align:left;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:24px}.consent-heading{font-size:var(--fs-md);font-weight:700;color:var(--text);margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.consent-heading .consent-sub{font-size:var(--fs-xs);font-weight:400;color:var(--text-3)}.consent-item{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px;transition:border-color .15s,background .15s}.consent-item:last-child{margin-bottom:0}.consent-item.checked{border-color:var(--modi-green);background:var(--modi-green-tint)}.consent-row{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.consent-row input{position:absolute;opacity:0;pointer-events:none}.consent-mark{width:22px;height:22px;flex-shrink:0;border:2px solid var(--border-strong);border-radius:6px;background:var(--surface);display:grid;place-items:center;transition:all .15s}.consent-item.checked .consent-mark{background:var(--modi-green);border-color:var(--modi-green);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8l3.5 3.5L13 5' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:16px 16px;background-position:50%;background-repeat:no-repeat}.consent-title{font-size:var(--fs-md);font-weight:600;color:var(--text);line-height:1.45}.consent-required{color:var(--error);font-weight:600;margin-left:2px}.consent-toggle{margin-top:8px;margin-left:34px;font-size:var(--fs-xs);background:none;border:none;color:var(--modi-green);padding:4px 0;cursor:pointer;font-weight:600}.consent-toggle:hover{text-decoration:underline}.consent-detail{margin:8px 0 4px 34px;padding:12px 14px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:8px;font-size:var(--fs-xs);color:var(--text-2);font-family:inherit;white-space:pre-wrap;line-height:1.7}.consent-warning{margin:12px 0 0;font-size:var(--fs-sm);color:var(--text-3);text-align:center}.version-card[aria-disabled=true],.version-card[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.kakao-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:520px;margin:0 auto 20px;padding:18px 22px;background:#fef5c7;border:1px solid #f7dd7b;border-radius:var(--r-md);text-align:left}.kakao-cta-text{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}.kakao-cta-text strong{color:var(--text);font-size:var(--fs-md)}.kakao-cta-text span{color:var(--text-2)}.btn-kakao{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#fee500;color:#3c1e1e;border:1.5px solid #e6ce00;border-radius:var(--r-md);font-weight:700;font-size:var(--fs-sm);text-decoration:none;min-height:48px;transition:background .15s}.btn-kakao:hover{background:#fad800}.kakao-mark{display:inline-grid;place-items:center;background:#3c1e1e;color:#fee500;border-radius:6px;font-size:11px;font-weight:800;width:28px;height:22px;letter-spacing:.02em}.kakao-cta-placeholder{font-weight:600;background:var(--surface);border:1px dashed var(--border-strong);padding:10px 14px}.kakao-cta-placeholder,.visit-info{font-size:var(--fs-sm);color:var(--text-2);border-radius:var(--r-md)}.visit-info{background:var(--surface-2);padding:20px 24px;max-width:520px;margin:0 auto;text-align:left;line-height:1.7}@media (max-width:600px){.main{padding:20px 16px 100px}.step{padding:28px 22px;border-radius:var(--r-lg)}.step-title{font-size:var(--fs-xl)}.step-desc{font-size:var(--fs-sm);margin-bottom:24px}.topbar-inner{padding:12px 16px}.progress-wrap{padding:0 16px}.welcome-title{font-size:26px}.welcome-desc{font-size:var(--fs-sm)}.btn-row{gap:8px;margin-top:28px;padding-top:20px}.btn{padding:14px 20px;flex:1 1}.btn-ghost{flex:0 1}}.has-modal{overflow:hidden}.scalp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}.scalp-card{position:relative;border:2px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);padding:14px 10px 10px;cursor:pointer;transition:all .15s;text-align:center}.scalp-card:hover{border-color:var(--text-3)}.scalp-card.selected{border-color:var(--modi-green);background:var(--modi-green-tint)}.scalp-card svg{width:100%;height:auto;display:block;margin-bottom:8px}.scalp-card-label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.scalp-card-sub{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.headmap-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:12px}@media (max-width:600px){.headmap-wrap{grid-template-columns:1fr;gap:20px}}.headmap-view{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 12px;text-align:center}.headmap-view-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-2);margin-bottom:10px}.headmap-svg{width:100%;max-width:200px;height:auto;cursor:pointer;overflow:visible}.headmap-region{fill:rgba(31,107,58,0);stroke:rgba(31,107,58,.35);stroke-width:1.5;stroke-dasharray:4 3;cursor:pointer;transition:fill .15s,stroke .15s}.headmap-region:hover{fill:rgba(31,107,58,.15);stroke:var(--modi-green)}.headmap-region.selected{fill:rgba(31,107,58,.45);stroke:var(--modi-green);stroke-dasharray:none}.headmap-region.pulse{fill:rgba(163,230,53,.35);stroke:#65a30d;stroke-width:2;stroke-dasharray:3 2;animation:headmapPulse 1.4s ease-in-out infinite}.headmap-region.pulse:hover{fill:rgba(31,107,58,.35);stroke:var(--modi-green)}@keyframes headmapPulse{0%,to{fill:hsla(82,85%,67%,.25);stroke:#84cc16;stroke-dashoffset:0}50%{fill:rgba(132,204,22,.55);stroke:#4d7c0f;stroke-dashoffset:5}}.headmap-hint{font-size:var(--fs-xs);color:var(--text-3);text-align:center;margin-top:4px}.headmap-callout{display:none;align-items:center;gap:10px;background:linear-gradient(135deg,#f7fee7,#ecfccb);border:1.5px dashed #84cc16;color:#3f6212;font-size:var(--fs-sm);font-weight:600;padding:12px 16px;border-radius:12px;margin-bottom:16px;position:relative;animation:calloutBob 1.6s ease-in-out infinite}.headmap-callout.show{display:flex}.headmap-callout-finger{font-size:22px;display:inline-block;animation:calloutTap 1.1s ease-in-out infinite;transform-origin:70% 70%}.headmap-callout-text{flex:1 1;line-height:1.5}.headmap-callout-text b{color:#1f6b3a}.headmap-callout-arrow{width:0;height:0;position:absolute;bottom:-10px;left:28px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #ecfccb;filter:drop-shadow(0 1px 0 #84cc16)}@keyframes calloutBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes calloutTap{0%,60%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(-1px,2px) rotate(-8deg)}40%{transform:translate(0) rotate(0deg)}}.subsection{padding-top:24px;margin-top:28px;border-top:1px dashed var(--border)}.subsection-title{font-size:var(--fs-md);font-weight:700;color:var(--modi-green-deep);margin:0 0 16px}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.foot{text-align:center;font-size:var(--fs-xs);color:var(--text-3);padding:24px;max-width:760px;margin:0 auto}