@font-face{font-family:Gyeol;src:url('/reading-font.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#101e1c;color:#f4f1e7;font-family:Gyeol,system-ui,sans-serif;line-height:1.8;--panel:#1a302b;--soft:#233d35;--gold:#f1ce7c;--muted:#b9c9bd;--border:#3d5549}body.couple{background:#23171e;--panel:#38232d;--soft:#4b303d;--muted:#d7bec8;--border:#684553}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;word-break:keep-all}h1{font-size:32px;letter-spacing:-1px}h2{font-size:29px;letter-spacing:-.7px}h3{font-size:22px}p{word-break:keep-all;overflow-wrap:anywhere}small{font-size:12px}b,strong{font-weight:750}[hidden]{display:none!important}.topbar{max-width:1080px;margin:auto;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-size:30px}.brand span{font-size:15px;margin-left:10px}.topbar>span{font-size:12px;color:var(--muted)}#app{max-width:780px;margin:0 auto;padding:0 24px}.journey{max-width:570px;margin:36px auto 65px}.step-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.step-top button{color:inherit;background:none;border:0;padding:0 0 8px}.progress{height:3px;background:var(--soft);margin:8px 0 32px}.progress span{display:block;height:100%;background:var(--gold);transition:width .25s}.guide-question{text-align:center;margin:0 0 29px}.portrait{position:relative;width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 auto 14px;background:#e4e6d6;border:2px solid #b6a77a}.portrait img{position:absolute;width:350%;max-width:none;left:-88%;top:-2%}.portrait.rose img{left:-160%}.guide-question>p:not(.sub),.overline{font-size:12px;letter-spacing:1.5px;font-weight:700;color:var(--gold);margin-bottom:13px}.guide-question .sub{font-size:14px;color:var(--muted);margin-top:16px}.choice{display:flex;align-items:center;gap:12px;padding:18px 19px;border:1px solid var(--border);border-radius:13px;background:var(--panel);margin-bottom:12px;cursor:pointer}.choice:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.choice input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}.choice span{flex:1}.choice b{font-size:16px}.choice small{display:block;color:var(--muted);margin-top:3px}.choice i{font-style:normal;color:var(--gold)}.field{display:block;margin:18px 0;font-size:14px}.field>small{color:var(--muted);margin-left:8px}.field input,.field select,.basis select{display:block;width:100%;min-height:55px;border:1px solid var(--border);background:var(--panel);border-radius:10px;color:#fff;padding:12px 14px;margin-top:7px;font-size:17px;min-width:0}.field input::placeholder{color:#8c9990}select option{background:#24332e;color:#fff}.date-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px}.time-row{grid-template-columns:1fr 1fr}.field input:disabled{opacity:.4}.consent{display:flex;gap:10px;align-items:flex-start;margin:24px 0;font-size:14px;color:var(--muted)}.consent input{flex-shrink:0;width:20px;height:20px;accent-color:var(--gold);margin:3px 0 0}.primary{background:var(--gold);color:#292419;border:0;border-radius:12px;padding:18px 20px;width:100%;font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;line-height:1.6}.primary:hover{background:#ffdf97}.hint,.step-foot,.privacy-note{font-size:12px;color:var(--muted)}.hint{margin-top:12px}.step-foot{text-align:center;margin:22px 0}.error{color:#ffb5aa;font-size:14px;margin:14px 0}.confirm-person{position:relative;padding:19px 52px 19px 20px;border:1px solid var(--border);border-radius:12px;margin:12px 0;background:var(--panel)}.confirm-person b,.confirm-person span{display:block}.confirm-person span{font-size:13px;color:var(--muted)}.confirm-person button{position:absolute;right:16px;top:16px}.text-btn{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:4px}.basis{border-top:1px solid var(--border);margin-top:26px;padding-top:16px;font-size:13px;color:var(--muted)}.basis summary{cursor:pointer}.basis p,.basis label{display:block;margin-top:15px}.result-head{text-align:center;padding:55px 0 40px}.result-head h1{font-size:35px}.selected-question{margin:24px auto 14px;max-width:540px;color:var(--gold);font-size:18px}.relation-chip{display:inline-block;background:var(--soft);border-radius:30px;padding:4px 13px;font-size:12px;margin-right:15px}.first-answer,.free-story{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:38px;margin:0 0 24px}.first-answer>p:not(.overline),.free-story>p:not(.overline){margin-top:22px;font-size:17px;line-height:2}.first-answer h2{color:#f6dfa3}.people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.people article{padding:22px 18px;background:var(--soft);border-radius:12px}.people span{color:var(--gold);font-size:14px}.people h3{font-size:19px;margin:8px 0 20px}.people small{color:var(--muted)}.people p{font-size:15px}.charts{display:grid;gap:20px;margin-top:20px}.chart{padding:18px;background:rgba(0,0,0,.13);border-radius:10px}.chart .overline{margin-bottom:10px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.pillars>div{padding:10px 4px;background:var(--soft);border-radius:6px}.pillars b{display:block;font-family:serif;font-size:28px;color:#f4e2b4;writing-mode:vertical-lr;margin:8px auto;letter-spacing:5px}.pillars span{display:block;font-size:13px}.elements{margin:20px 0}.elements>div{display:flex;align-items:center;gap:10px;font-size:12px}.elements span{width:36px;flex-shrink:0}.elements i{display:block;background:var(--bar);height:6px;width:var(--w);border-radius:4px}.core-answer{font-weight:700;color:#ffe0a1}.scene{border-left:2px solid var(--gold);background:var(--soft);padding:18px 22px;margin-top:28px}.scene span{font-size:12px;color:var(--gold)}.scene p{font-size:16px;margin-top:8px}.reading-note{font-size:12px!important;color:var(--muted);line-height:1.8!important;margin-top:20px!important}.next-stories{margin-top:70px}.guide-transition{text-align:center;margin-bottom:35px}.guide-transition .portrait{width:74px;height:74px}.guide-transition>p:first-of-type{font-size:12px;letter-spacing:1px;color:var(--gold)}.guide-transition h2{margin:15px 0}.guide-transition>p:last-child{font-size:15px;color:var(--muted)}.locked-card{background:linear-gradient(135deg,var(--panel),var(--soft));border:1px solid var(--border);border-radius:18px;padding:28px;margin:18px 0;position:relative;overflow:hidden}.lock-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.6px;color:var(--muted);margin-bottom:18px}.lock-top span:last-child{color:var(--gold)}.locked-card h3{max-width:560px}.locked-card>p{color:var(--muted);font-size:13px;margin-top:12px}.mosaic{filter:blur(5px);opacity:.3;user-select:none;margin:24px 0 15px;display:grid;gap:13px;transform:skewX(-3deg)}.mosaic i{height:11px;border-radius:3px;background:repeating-linear-gradient(90deg,#e9e0d8 0 13px,transparent 13px 17px);width:100%}.mosaic i:nth-child(2){width:88%}.mosaic i:nth-child(3){width:94%}.mosaic i:last-child{width:63%}.unlock{display:flex;justify-content:space-between;text-decoration:none;color:var(--gold);border-top:1px solid var(--border);padding-top:17px;font-size:15px;font-weight:700}.offer-panel{margin:75px 0 30px;padding:38px;background:#f7f1e5;color:#272c29;border-radius:20px;scroll-margin-top:24px}.offer-panel .overline{color:#765531}.offer-panel h2{font-size:32px}.deliverables{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.deliverables span{font-size:11px;border:1px solid #cdc4b3;padding:3px 10px;border-radius:20px}.plans{padding:0;border:0;margin:25px 0 15px}.plans legend{font-size:13px;margin-bottom:12px}.plan{display:flex;align-items:flex-start;gap:12px;padding:21px 18px;border:1px solid #c7beb0;border-radius:13px;margin-bottom:12px;cursor:pointer}.plan:has(input:checked){border:2px solid #35675a;padding:20px 17px;background:#fff}.plan input{accent-color:#35675a;margin-top:7px;width:18px;height:18px;flex-shrink:0}.plan span{display:block}.plan b,.plan small,.plan strong,.plan em{display:block}.plan b{font-size:18px}.plan small{color:#656359;margin-top:5px}.plan strong{font-size:27px;margin-top:10px;line-height:1.4}.plan em{color:#805125;font-size:11px;font-style:normal;font-weight:750;margin-bottom:6px}.bundle-note,.delivery-note{font-size:12px;color:#626156;margin:15px 0}.offer-panel .primary{background:#203f34;color:#fff7e5;justify-content:center;margin:24px 0 15px}.offer-panel .reading-note{color:#626156}.offer-links{display:flex;gap:20px;font-size:12px;margin-top:18px}.reset-row{display:flex;justify-content:space-between;font-size:12px;padding:10px 0 30px}.bottom{border-top:1px solid var(--border);max-width:900px;margin:35px auto 0;text-align:center;padding:28px 15px 145px;font-size:11px;color:var(--muted)}.bottom a{margin:0 10px}.bottom p{margin-top:10px}#result-dock{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:700px;padding:14px 18px;background:#f8f1e6;color:#262b27;border:1px solid #ddd1ba;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 5px 25px #0004;z-index:10}#result-dock b{font-size:13px;display:block}#result-dock span{display:block;font-size:11px;color:#6c6658}#result-dock a{flex-shrink:0;text-decoration:none;background:#243f33;color:#fff6df;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:750}.loading{margin:60px 0;text-align:center}@media(max-width:600px){.topbar{padding:14px 20px}.topbar>span{font-size:10px}.brand{font-size:25px}#app{padding:0 18px}.journey{margin-top:25px}.guide-question h1{font-size:25px}.guide-question .sub{font-size:13px}.choice{padding:15px 14px}.choice b{font-size:14px}.date-row{gap:8px}.field input,.field select{padding:12px 10px;font-size:16px}.first-answer,.free-story{padding:26px 22px;border-radius:16px}.result-head{padding:38px 0 28px}.result-head h1{font-size:27px}.selected-question{font-size:15px}.first-answer h2,.free-story h2{font-size:24px}.first-answer>p:not(.overline),.free-story>p:not(.overline){font-size:15px;line-height:1.95}.people{gap:9px}.people article{padding:16px 12px}.people h3{font-size:16px}.people p{font-size:13px}.scene{padding:16px}.scene p{font-size:14px}.locked-card{padding:23px}.locked-card h3{font-size:21px}.offer-panel{padding:28px 20px}.offer-panel h2{font-size:28px}.plan b{font-size:16px}.plan strong{font-size:25px}.primary{font-size:16px}.confirm-person{padding-left:15px}.result-head .overline{font-size:10px}#result-dock{padding:11px 12px}#result-dock b{font-size:11px}#result-dock span{font-size:10px}#result-dock a{font-size:12px;padding:12px}.bottom a{margin:0 6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}
h1[tabindex]:focus{outline:none}
.profile-visual{display:grid;grid-template-columns:110px 1fr;gap:20px;margin-top:30px;padding:22px 20px;background:var(--soft);border-radius:13px}.day-sign{border-right:1px solid var(--border);text-align:center;padding-right:16px}.day-sign b{display:block;font:45px serif;color:var(--gold)}.day-sign span{display:block;font-size:13px;margin-top:6px}.day-sign small{font-size:9px;color:var(--muted)}.five-bars{display:flex;justify-content:space-around;align-items:flex-end;gap:12px}.five-bars>div{text-align:center;font-size:11px;display:flex;flex-direction:column;align-items:center}.five-bars i{width:20px;display:block;border-radius:4px 4px 0 0;margin:4px 0}.profile-caption{grid-column:1/-1;color:var(--muted);font-size:10px}@media(max-width:600px){.profile-visual{grid-template-columns:78px 1fr;padding:16px 12px;gap:10px}.day-sign{padding-right:10px}.day-sign b{font-size:38px}.day-sign span{font-size:11px}.five-bars{gap:6px}.five-bars i{width:16px}}

.result-head{padding:34px 0 25px}.result-head h1{font-size:30px}.result-head .text-btn{margin-top:14px}
.score-card{padding:32px 30px;background:radial-gradient(ellipse at 50% 0%,#d7b46a1c,transparent 65%),var(--panel);border:1px solid #c2a36466;border-radius:22px;text-align:center;margin-bottom:24px}
.score-ring{width:196px;aspect-ratio:1;margin:23px auto 24px;padding:9px;border-radius:50%;background:conic-gradient(from 220deg,var(--gold) calc(var(--score)*1%),#ffffff12 0);box-shadow:0 0 50px #d8b86d10}
.score-ring>div{width:100%;height:100%;border-radius:50%;background:var(--panel);display:flex;flex-direction:column;justify-content:center;align-items:center}
.score-ring strong{font-size:70px;line-height:1.15;letter-spacing:-3px;color:#ffe3a5;font-variant-numeric:tabular-nums}.score-ring strong small{font-size:21px;letter-spacing:0;margin-left:5px}.score-ring>div>span{font-size:12px;color:var(--muted);margin-top:8px;letter-spacing:2px}
.score-card h2{font-size:25px;line-height:1.5}.score-note{font-size:11px;color:var(--gold);margin-top:10px}.score-scope{font-size:12px;color:var(--muted);max-width:470px;margin:22px auto 0;line-height:1.8}.score-provisional{display:inline-block;font-size:11px;background:var(--soft);border-radius:20px;padding:4px 12px;margin-top:12px}
.score-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0}.score-parts>div{min-width:0}.score-parts span{display:block;font-size:12px;color:var(--muted)}.score-parts b{display:block;font-size:24px;margin:5px 0 10px}.score-parts small{font-size:10px;font-weight:400;color:var(--muted)}.score-parts i{display:block;height:4px;background:linear-gradient(to right,var(--gold) var(--part),#ffffff14 var(--part));border-radius:5px}
.score-method{text-align:left;margin-top:22px}.score-method summary{text-align:center;font-size:12px;color:var(--muted)}.method-part{margin-top:20px;padding:16px;background:var(--soft);border-radius:10px}.method-part b{color:var(--gold)}.method-part p{margin-top:8px;line-height:1.8}
.score-question{margin-top:25px;padding:20px;background:var(--soft);border-radius:12px;text-align:center}.score-question span{color:var(--muted);font-size:11px}.score-question p{font-size:18px;color:var(--gold);margin:9px 0 17px;font-weight:650}.score-question a{font-size:13px;text-underline-offset:5px}
.next-stories{margin-top:50px;scroll-margin-top:25px}.locked-card{padding:30px;border-color:#c9b27e55}.locked-card h3{font-size:26px;line-height:1.5;text-wrap:pretty}.locked-card>p.lock-teaser{font-size:16px;color:#f5e9d4;line-height:1.9;background:#ffffff06;border-left:2px solid var(--gold);padding:14px 17px;margin-top:22px}.locked-card .lock-question{font-size:15px;color:var(--gold);font-weight:650;line-height:1.7;margin:22px 0 12px}.locked-card .lock-contents{font-size:12px;color:var(--muted);margin-top:13px}.lock-top span:first-child{color:var(--gold)}.lock-top span:last-child{color:var(--muted)}
.locked-preview{position:relative;min-height:112px;margin:15px 0 5px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#ffffff05,transparent);padding:10px 14px}.locked-preview .mosaic{margin:7px 0;opacity:.33;gap:13px;filter:blur(4px)}.locked-preview .mosaic i{height:10px}.lock-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff2d3;font-size:13px;text-shadow:0 2px 10px #000;background:linear-gradient(transparent,#10171288,transparent)}.lock-caption svg{width:15px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.locked-card .unlock{margin-top:15px}.lock-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.8}.teaser-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.teaser-compare>div{padding:16px;background:var(--soft);border-radius:10px}.teaser-compare span{color:var(--gold);font-size:12px}.teaser-compare p{font-size:14px;line-height:1.8;margin-top:8px}
@media(max-width:600px){.result-head{padding:25px 0 22px}.result-head .portrait{width:68px;height:68px}.result-head h1{font-size:25px}.score-card{padding:25px 20px;border-radius:17px}.score-ring{width:164px;margin:18px auto 20px;padding:8px}.score-ring strong{font-size:59px}.score-card h2{font-size:21px}.score-parts{gap:10px}.score-parts span{font-size:11px}.score-parts b{font-size:22px}.score-scope{font-size:11px}.locked-card{padding:23px 21px}.locked-card h3{font-size:22px}.locked-card>p.lock-teaser{font-size:14px;padding:13px}.locked-card .lock-question{font-size:14px}.score-question p{font-size:16px}.teaser-compare{gap:8px}.teaser-compare>div{padding:13px 11px}.teaser-compare p{font-size:12px}.lock-top{gap:10px;font-size:10px}}
