:root{--bg:#f8f6f1;--ink:#302d32;--muted:#78747a;--purple:#796586;--line:#e2ddd5;--gold:#b39a70;--soft:#eee9f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--bg);color:var(--ink);word-break:keep-all;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.7}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #947da5}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1:focus{outline:none}button{transition:background .2s,transform .2s}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:30px 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.brand-star{color:var(--purple);font-size:31px;font-weight:400}.header nav{align-items:center;gap:35px;font-size:13px;display:flex}.nav-cta{color:var(--purple);background:0 0;border:1px solid #c3b4ce;border-radius:4px;padding:10px 19px}.nav-cta span{margin-left:16px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:35px;max-width:1180px;min-height:700px;margin:auto;padding:82px 40px 95px;display:grid}.eyebrow{letter-spacing:1.5px;color:var(--purple);font-size:12px;font-weight:600}.eyebrow>span{background:var(--gold);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-3px;margin:26px 0;font-size:64px;font-weight:500;line-height:1.27}.hero h1 em{color:var(--purple);font-style:normal}.lead{color:var(--muted);margin-bottom:31px;font-size:18px;line-height:1.9}.primary{background:var(--purple);color:#fff;border:1px solid var(--purple);border-radius:4px;justify-content:center;align-items:center;gap:35px;min-height:54px;padding:17px 25px;font-size:15px;font-weight:600;display:inline-flex}.primary span{font-size:21px;font-weight:400}.micro{color:var(--muted);margin-top:13px;font-size:12px}.disclaimer{color:var(--muted);margin-top:14px;font-size:11px}.hero-art{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.fortune-card{text-align:center;z-index:2;background:linear-gradient(155deg,#fffdf9,#eee9ef);border:1px solid #d8cbbb;border-radius:150px 150px 8px 8px;width:320px;padding:49px 28px 23px;position:relative;transform:rotate(5deg);box-shadow:12px 24px 60px #5e446310}.card-top{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.card-top span:last-child{border:1px solid #d8cbbb;border-radius:30px;padding:0 8px;font-size:9px}.moon{place-items:center;height:135px;display:grid}.moon span{color:var(--gold);font-family:Georgia,serif;font-size:120px;line-height:1;transform:rotate(-20deg)}.card-caption{letter-spacing:3px;color:var(--purple);margin-bottom:8px;font-size:10px}.fortune-card h2{letter-spacing:-1px;font-family:AppleMyungjo,Batang,serif;font-size:27px;font-weight:400}.fortune-card>p:not(.card-caption){color:var(--muted);margin-top:12px;font-size:12px}.card-bottom{border-top:1px solid #d8cbbb;flex-direction:column;gap:7px;margin-top:22px;padding-top:15px;display:flex}.card-bottom>span{color:var(--muted);font-size:10px}.card-bottom strong{font-size:13px;font-weight:500}.card-bottom small{color:var(--muted);margin-left:5px;font-size:9px}.orbit{opacity:.7;border:1px solid #d7cdbd;border-radius:50%;width:470px;height:320px;position:absolute;transform:rotate(-35deg)}.orbit-two{opacity:.3;width:400px;height:475px;transform:rotate(52deg)}.spark{color:var(--gold);z-index:3;font-size:35px;position:absolute}.s1{top:100px;left:25px}.s2{font-size:50px;bottom:90px;right:15px}.art-note{color:var(--muted);letter-spacing:2px;font-size:11px;position:absolute;bottom:-25px}.promise-strip{border-block:1px solid var(--line);color:#77707c;justify-content:center;gap:110px;padding:23px 30px;font-size:12px;display:flex}.section{max-width:1140px;margin:auto;padding:85px 30px}.section-heading{margin-bottom:37px}.section-heading h2{letter-spacing:-1.5px;margin-top:10px;font-size:32px;font-weight:500}.section-heading>p:last-child{color:var(--muted);margin-top:14px;font-size:14px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.feature-grid article{border-top:1px solid var(--line);padding:26px 0 0}.feature-icon{color:var(--purple);margin-bottom:16px;font-size:32px;line-height:1.5;display:block}.feature-grid h3{margin-bottom:14px;font-size:18px;font-weight:500}.feature-grid p{color:var(--muted);font-size:14px}.feature-grid small{color:var(--purple);margin-top:26px;font-size:11px;display:block}.how{border-block:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:50px;display:grid}.how h2{margin-top:20px;font-size:32px;font-weight:500}.how ol{margin:0;padding:0;list-style:none}.how li{gap:25px;margin-bottom:28px;display:flex}.how li:last-child{margin-bottom:0}.how b{color:var(--gold);font-family:Georgia,serif;font-size:22px;font-weight:400}.how h3{font-size:16px;font-weight:500}.how p{color:var(--muted);margin-top:6px;font-size:13px}.faq{max-width:840px}.faq .section-heading{text-align:center;margin-bottom:40px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;padding:22px 0;font-size:14px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary>span{color:var(--purple);margin-left:15px}details[open] summary>span{transform:rotate(45deg)}details>p{color:var(--muted);padding:0 0 24px;font-size:13px;line-height:1.9}.closing{text-align:center;background:#eeeaef;padding:60px 20px}.closing>span{color:var(--purple);font-size:32px}.closing h2{margin:8px 0 24px;font-size:28px;font-weight:500}footer{max-width:1180px;margin:auto;padding:45px 40px 25px}footer>.brand{font-size:16px}footer>p{color:var(--muted);margin-top:8px;font-size:12px}footer details{margin-top:12px}footer summary{padding:16px 0;font-size:12px}.footer-bottom{color:var(--muted);justify-content:space-between;margin-top:22px;font-size:10px;display:flex}.flow{max-width:640px;margin:auto;padding:40px 28px 75px}.text-button{color:var(--purple);background:0 0;padding:8px 0;font-size:13px}.flow-top{margin:30px 0}.flow-top h1{letter-spacing:-1.5px;margin:12px 0;font-size:35px;font-weight:500}.flow-top>p:last-child{color:var(--muted);font-size:13px}.progress{color:var(--muted);align-items:center;gap:12px;margin:32px 0;font-size:11px;display:flex}.progress .active{color:var(--purple);font-weight:700}.progress i{background:var(--line);width:35px;height:1px}.progress b{margin-left:auto;font-weight:400}form{border:1px solid var(--line);background:#fffdf9;border-radius:8px;padding:30px}label,legend{font-size:13px;font-weight:500}form>label:not(.check){margin-bottom:24px;display:block}label small,legend small{color:var(--muted);margin-left:7px;font-size:10px;font-weight:400}input:not([type=checkbox]):not([type=radio]){width:100%;height:48px;color:var(--ink);background:0 0;border:1px solid #ddd7d0;border-radius:4px;min-width:0;margin-top:8px;padding:10px 12px;display:block}input:disabled{color:#969196!important;background:#eeeae5!important}input::placeholder{color:#a7a0a6;font-size:12px}fieldset{border:0;min-width:0;margin:0 0 25px;padding:0}legend{margin-bottom:8px}.date-fields{grid-template-columns:1.6fr 1fr 1fr;gap:10px;display:grid}.date-label>span{color:var(--muted);font-size:10px}.choices{gap:8px;display:flex}.choice{border:1px solid var(--line);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 7px;font-size:12px;display:flex}.choice:has(input:checked){background:var(--soft);color:var(--purple);border-color:#a999b4}input[type=radio],input[type=checkbox]{accent-color:var(--purple);flex-shrink:0;width:15px;height:15px}.check{align-items:center;gap:7px;margin:12px 0 23px;font-size:12px;font-weight:400;display:flex}.field-help,.privacy-note{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.8}.privacy-note{border-top:1px solid var(--line);margin:18px 0;padding-top:20px}.full{justify-content:space-between;width:100%}.centered{text-align:center}.warning{color:#895744;background:#f6ebe5;border-radius:4px;margin:12px 0;padding:13px;font-size:12px}.soft-note{background:var(--soft);color:var(--purple);border-radius:4px;margin-bottom:25px;padding:16px;font-size:12px}.mood{grid-template-columns:1fr 1fr;display:grid}.results{max-width:1020px;margin:auto;padding:40px 30px 65px}.result-top{justify-content:space-between;align-items:center;display:flex}.result-top>span{color:var(--muted);font-size:11px}.result-intro{text-align:center;padding:35px 0}.result-intro h1{letter-spacing:-1px;margin:15px 0;font-size:34px;font-weight:500}.result-intro>p:last-child{color:var(--muted);font-size:13px}.result-hero{background:#eeeaef;border:1px solid #d9cfdf;border-radius:7px;align-items:center;gap:35px;padding:42px;display:flex;position:relative}.seal{border:1px solid var(--gold);width:130px;height:130px;color:var(--purple);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:45px;display:flex}.seal>span{letter-spacing:2px;font-size:9px}.result-hero h2{margin:7px 0 13px;font-size:38px;font-weight:500}.result-hero>div>p:last-child{color:#746a78;max-width:550px;font-size:14px}.result-star{color:var(--gold);font-size:30px;position:absolute;top:12px;right:25px}.result-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;display:grid}.panel{border:1px solid var(--line);border-radius:5px;padding:28px}.panel h3{margin:12px 0;font-size:20px;font-weight:500}.panel>p:last-child{color:var(--muted);font-size:13px}.lavender{background:#f0ecf1}.coin-section{margin:55px 0 35px}.coin-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.coin-card{border:1px solid var(--line);border-radius:5px;padding:23px}.main-coin{background:#f2edf4;border-color:#b6a1c0}.coin-label{color:var(--purple);font-size:10px}.coin-symbol{color:var(--gold);margin:15px 0;font-size:38px}.coin-card h3{font-size:19px}.coin-card small{color:var(--muted);font-size:10px;font-weight:400}.coin-card strong{margin:12px 0;font-size:12px;font-weight:500;display:block}.coin-card p{color:var(--muted);font-size:12px;line-height:1.9}.tag{color:var(--purple);margin-top:18px;font-size:9px;display:block}.element-details{border:1px solid var(--line);border-radius:5px;padding:0 25px}.elements{justify-content:center;gap:20px;margin-bottom:24px;display:flex}.elements>div{width:74px;height:85px;color:var(--muted);border:1px solid var(--line);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;display:flex}.elements b{font-family:serif;font-size:25px;font-weight:400}.elements span{font-size:10px}.elements .selected{background:var(--soft);color:var(--purple);border-color:#b5a0bf}.lucky{text-align:center;background:#efebe4;border-radius:5px;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:27px 15px;display:grid}.lucky>div+div{border-left:1px solid #d9d1c5}.lucky span{color:var(--muted);font-size:10px;display:block}.lucky strong{margin-top:8px;font-size:14px;font-weight:500;display:block}.lucky i{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.share-box{text-align:center;padding:35px 10px}.share-box h2{font-size:25px;font-weight:500}.share-box>p{color:var(--muted);margin:14px 0;font-size:12px}.share-box .check{justify-content:center}.share-actions{justify-content:center;gap:10px;display:flex}.secondary{color:var(--purple);background:0 0;border:1px solid #bcaac5;border-radius:4px;padding:15px 25px}.notice{min-height:22px}@media (max-width:760px){.header{padding:16px 22px}.brand{font-size:16px}.brand-star{font-size:25px}.header nav{gap:0}.header nav>a{display:none}.nav-cta{padding:8px 12px;font-size:11px}.nav-cta span{margin-left:5px}.hero{grid-template-columns:1fr;gap:15px;min-height:0;padding:45px 25px 55px}.hero-copy{text-align:center}.eyebrow{font-size:10px}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:49px}.lead{margin-bottom:25px;font-size:15px}.hero-art{width:100%;max-width:400px;height:400px;margin:10px auto 0;overflow:hidden}.fortune-card{border-radius:135px 135px 6px 6px;width:270px;padding:28px 23px 18px}.moon{height:105px}.moon span{font-size:95px}.fortune-card h2{font-size:23px}.orbit{width:340px;height:270px}.orbit-two{width:290px;height:370px}.s1{top:85px;left:6px}.s2{font-size:34px;bottom:60px;right:0}.art-note{display:none}.promise-strip{flex-wrap:wrap;gap:17px;padding:18px 10px;font-size:10px}.promise-strip>span:last-child{text-align:center;flex-basis:100%}.section{padding:55px 25px}.section-heading h2{font-size:26px}.section-heading>p:last-child{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid article{grid-template-columns:44px 1fr;column-gap:15px;padding-top:23px;display:grid}.feature-icon{grid-row:1/4;font-size:29px}.feature-grid h3{margin-bottom:10px;font-size:17px}.feature-grid p{font-size:13px}.feature-grid small{grid-column:2;margin-top:12px}.how{grid-template-columns:1fr;gap:30px}.how h2{font-size:27px}.how li{gap:20px}.how p{font-size:12px}.closing h2{font-size:25px}footer{padding:35px 25px 22px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:9px}.flow{padding:22px 20px 50px}.flow-top h1{font-size:30px}form{padding:22px 17px}.choice{gap:3px;padding:12px 3px;font-size:11px}.results{padding:22px 20px 35px}.result-intro h1{font-size:27px}.result-hero{text-align:center;flex-direction:column;gap:23px;padding:27px 22px}.seal{width:110px;height:110px}.result-hero h2{font-size:33px}.result-grid{grid-template-columns:1fr;gap:14px}.panel{padding:23px}.coin-grid{grid-template-columns:1fr}.coin-card{grid-template-columns:48px 1fr;column-gap:14px;display:grid}.coin-label{grid-column:1/-1}.coin-symbol{grid-row:2/5;margin-top:14px}.coin-card h3{margin-top:14px}.coin-card .tag{grid-column:2}.elements{gap:8px}.elements>div{width:49px;height:72px}.element-details{padding:0 17px}.lucky{padding:23px 6px}.lucky strong{font-size:11px}.lucky i{margin-right:4px}.share-box h2{font-size:22px}.share-actions{flex-direction:column}.result-top>span{font-size:10px}.result-top .text-button{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
