:root{--ink:#1b332e;--deep:#123b31;--green:#22674e;--green2:#2b735b;--muted:#61756e;--paper:#f7f8f4;--white:#fff;--line:#dce5de;--pale:#eaf1eb;--gold:#b27a44;--radius:20px;--shadow:0 8px 28px #153c2610;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family: -apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7cb69c;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.shell{max-width:640px;margin:0 auto;min-height:100dvh;box-shadow:0 4px 44px #162d1d0a;background:var(--paper)}.app{padding:0 22px}.skip{position:absolute;top:-100px;left:12px;z-index:90;background:#fff;padding:10px}.skip:focus{top:10px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.logo{font-weight:900;font-size:24px;letter-spacing:-.06em;text-decoration:none;color:var(--deep)}.logo .dot{color:#bb8e4f}.topnav{display:flex;gap:9px;align-items:center}.navbtn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:760;padding:9px 4px}.langpill{background:var(--pale);color:var(--green);border-radius:40px;padding:7px 10px;font-size:11px;font-weight:820;white-space:nowrap}.hero{padding:38px 0 13px}.eyebrow{letter-spacing:.08em;color:var(--green);font-size:12px;font-weight:850}.hero h1{letter-spacing:-.065em;line-height:1.24;font-size:clamp(33px,9.3vw,49px);margin:18px 0 25px;font-weight:860}.hero h1 em{font-style:normal;color:var(--green)}.hero blockquote{border-left:3px solid var(--green);margin:0 0 24px;padding:3px 0 3px 15px;color:var(--deep);font-size:17px;font-weight:790;line-height:1.7}.lead{font-size:14px;line-height:1.9;color:#51665d;margin:9px 0}.lead strong{color:var(--ink)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.chip{font-size:12px;font-weight:760;color:var(--green);border:1px solid #c9d8cb;background:#f0f5f0;padding:7px 11px;border-radius:100px}.hero-cta{margin:24px 0 16px}.btn{background:var(--green);color:#fff;border:1px solid transparent;border-radius:14px;min-height:54px;padding:15px 18px;font-weight:820;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .16s,transform .16s}.btn:hover{background:var(--deep)}.btn:active,.choice:active,.typebtn:active{transform:scale(.99)}.btn.block{display:flex;width:100%}.btn.secondary{background:var(--pale);color:var(--deep)}.btn.outline{background:var(--white);color:var(--deep);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--muted);border:0}.btn.small{min-height:44px;padding:10px 12px;font-size:13px}.fine{font-size:12px;line-height:1.9;color:var(--muted)}.center{text-align:center}.area{padding:26px 0 53px}.sectiontitle{font-size:23px;letter-spacing:-.045em;line-height:1.36;font-weight:850;margin:0 0 14px}.subtitle{color:var(--muted);font-size:13px;line-height:1.85}.featuregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:18px 15px;min-height:145px}.fcode{display:block;font-size:23px;font-weight:900;color:var(--green);margin:0 0 9px}.feature strong{display:block;font-size:15px;margin-bottom:6px}.feature p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.sep{height:1px;background:var(--line);margin:30px 0}.steps{display:grid;gap:11px}.step{display:flex;gap:15px;background:white;padding:17px 15px;border:1px solid var(--line);border-radius:16px}.stepnum{font-size:12px;color:var(--green);font-weight:900}.step strong{display:block;font-size:14px}.step p{color:var(--muted);font-size:12px;margin:6px 0 0;line-height:1.7}.linkrow{display:flex;justify-content:space-between;align-items:center;gap:10px}.textlink{background:transparent;color:var(--green);padding:6px 0;border:0;font-weight:790;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.note{border:1px solid #d4dfd3;background:#eff4ee;padding:16px;border-radius:15px;color:#536a5d;line-height:1.85;font-size:12px;margin:22px 0}.privacyline{font-size:11px;color:var(--muted);line-height:1.8}.footer{padding:25px 22px calc(27px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.85}.footer a{text-decoration:underline;text-underline-offset:3px;margin-right:12px}.footer .footbrand{font-weight:850;color:var(--deep);margin-bottom:7px}.quizwrap{padding:30px 0 42px;min-height:calc(100dvh - 155px);display:flex;flex-direction:column}.progresshead{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800}.progresshead .counter{color:var(--muted)}.progressbar{height:7px;background:#e4e9e2;border-radius:12px;margin:18px 0 13px;overflow:hidden}.progressfill{height:100%;background:var(--green);transition:width .2s}.quizcontent{min-height:260px;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:22px;padding:32px 0}.qnumber{color:var(--green);font-size:13px;font-weight:860;letter-spacing:.12em}.quizcontent h1{font-size:clamp(23px,6.7vw,33px);line-height:1.5;letter-spacing:-.047em;margin:0;max-width:510px}.choices{display:grid;gap:12px}.choice{min-height:68px;border-radius:17px;background:white;border:1.5px solid #ccd9d0;font-weight:840;font-size:16px;color:var(--ink)}.choice.primary{background:var(--green);color:white;border-color:var(--green)}.quizfooter{display:flex;justify-content:space-between;gap:12px;margin-top:19px}.resulthead{text-align:center;padding:30px 0 25px}.resulthead .code{font-size:clamp(78px,24vw,113px);font-weight:920;letter-spacing:-.1em;color:var(--deep);line-height:1.19;margin:14px 0}.resulthead p{font-size:14px;line-height:1.9;color:#53675d;margin:12px auto;max-width:500px}.tag{display:inline-flex;font-size:11px;background:#e7f0e8;color:var(--green);padding:7px 10px;border-radius:60px;font-weight:820}.comparecard{background:#eaf1eb;border-radius:21px;padding:22px;margin:11px 0}.comparecard h2{font-size:16px;margin:0 0 15px}.compareitem{padding:7px 0}.compareitem+.compareitem{border-top:1px solid #cddccd;margin-top:13px;padding-top:16px}.compareitem small{font-size:12px;color:#5d7868;display:block;font-weight:760;margin-bottom:8px}.compareitem p{font-size:17px;font-weight:760;line-height:1.63;margin:0}.sectionno{font-size:11px;letter-spacing:.08em;font-weight:880;color:var(--green);margin:5px 0 12px}.scoreline{margin:19px 0 26px}.scoretitle{display:flex;justify-content:space-between;align-items:center;font-size:14px}.scoretitle b{font-weight:840}.scoretitle span{color:var(--green);font-weight:850}.track{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 10px;height:11px}.track i{border-radius:20px;background:#e0e8df}.track i.on{background:var(--green2)}.scoreline p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.metricpanel{background:white;border:1px solid var(--line);border-radius:19px;padding:20px;margin:16px 0}.metric{display:flex;justify-content:space-between;align-items:center;gap:13px}.metric strong{font-size:14px}.metricvalue{color:var(--green);font-size:40px;font-weight:900;letter-spacing:-.07em}.metricvalue small{font-size:15px;letter-spacing:0;color:var(--muted)}.metricpanel p{color:var(--muted);font-size:13px;line-height:1.8}.metricpanel .formula{border-top:1px solid var(--line);padding-top:12px;font-size:11px}.insight{border-bottom:1px solid var(--line);padding:18px 0}.insight h3{font-size:15px;margin:0 0 9px}.insight p{color:#54695e;font-size:14px;line-height:1.9;margin:0}.advice{background:#f3eee5;border-radius:18px;padding:19px 20px;margin:20px 0}.advice h3{font-size:15px;margin:0 0 11px}.advice p{font-size:14px;line-height:1.9;color:#655b4b;margin:0}.pillgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 22px}.pillbox{padding:15px;border-radius:14px;background:#fff;border:1px solid var(--line)}.pillbox small{display:block;color:var(--muted);font-size:11px}.pillbox strong{font-size:16px;color:var(--deep);display:block;margin-top:7px}.actionbar{display:grid;gap:10px;margin-top:23px}.actionrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.typeshead{padding:32px 0 15px}.typegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 21px}.typebtn{border:1px solid var(--line);background:white;border-radius:12px;min-height:48px;font-size:14px;font-weight:860}.typebtn.active{background:var(--green);color:white;border-color:var(--green)}.typeprev{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin:22px 0}.typeprev .code{font-size:52px;letter-spacing:-.07em;line-height:1.2;font-weight:900;color:var(--deep)}.typeprev p{font-size:13px;color:var(--muted);line-height:1.8}.typepreviewbuttons{display:flex;gap:10px}.typepreviewbuttons>*{flex:1}.endnote{font-size:12px;color:var(--muted);line-height:1.8}.stickycta{position:sticky;bottom:0;z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--paper) 65%,#f7f8f4d8)}.publiclead{padding:35px 0 14px}.publiclead .code{text-align:center;font-weight:920;letter-spacing:-.11em;font-size:clamp(90px,24vw,130px);line-height:1.2;color:var(--deep);margin:12px 0}.publiclead p{color:var(--muted);line-height:1.9;font-size:14px;text-align:center}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:100;background:var(--deep);color:white;border-radius:12px;padding:12px 17px;font-size:13px;text-align:center;box-shadow:0 15px 32px #0002;transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:88%;width:max-content}.toast.on{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.app{padding:0 32px}.hero{padding-top:54px}.topbar{height:80px}.footer{padding-left:32px;padding-right:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* DMPR mobile share buttons */
.sharebox{margin:22px 0 4px;padding:18px;border:1px solid rgba(20,25,20,.10);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(27,32,27,.05)}
.sharebox h3{margin:0 0 6px;font-size:18px;line-height:1.35}
.sharebox p{margin:0 0 14px;font-size:13px;line-height:1.55;color:#686d67}
.sharegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sharebtn{width:100%;min-height:54px;border:0;border-radius:16px;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box}
.sharebtn.kakao{background:#FEE500;color:#191919}
.sharebtn.telegram{background:#229ED9;color:#fff}
.sharebtn.more{grid-column:1/-1;background:#f3f4f1;color:#2d322d;border:1px solid rgba(20,25,20,.08)}
.shareicon{font-size:18px;line-height:1}
@media(max-width:380px){.sharegrid{grid-template-columns:1fr}.sharebtn.more{grid-column:auto}}