.hero{overflow:hidden}
:root{--ink:#302b42;--purple:#7964a9;--paper:#f7f4ee;--muted:#77727e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;letter-spacing:-.045em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9d83ce;outline-offset:5px}.nav{height:100px;max-width:1250px;padding:0 45px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;letter-spacing:-.09em}.logo span{display:inline-block;margin-left:9px;color:#9a83bc;font-size:26px}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav a{color:#706b76}.small{background:#eae2f3;border-radius:30px;padding:13px 20px;color:#645182}.hero{max-width:1250px;min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;margin:auto;padding:65px 65px 85px;gap:35px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#8b7aa1;font-weight:600}.dot{display:inline-block;width:6px;height:6px;background:#a78bbd;border-radius:50%;margin-right:8px}h1{font-size:65px;line-height:1.34;font-weight:500;letter-spacing:-.075em;margin:28px 0}h1 em{font-family:'Noto Serif KR',serif;font-weight:500;color:#9075af;font-style:normal}p{line-height:1.9}.lead{font-size:14px;color:var(--muted);margin:0 0 30px}.primary{border-radius:100px;background:var(--ink);color:white;padding:17px 25px;font-size:13px;display:inline-flex;gap:40px;align-items:center;justify-content:center;transition:transform .2s,background .2s}.primary:hover{background:#65517f;transform:translateY(-2px)}.fine{font-size:10px;color:#938d96;margin-top:17px}.fine i{margin:0 9px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px}.orb{position:absolute;border-radius:50%;filter:blur(30px)}.orb1{background:#e5d9ed;width:400px;height:400px;opacity:.7}.orb2{background:#f1dfd2;width:220px;height:220px;right:-30px;bottom:0}.back-card{position:absolute;width:295px;height:414px;background:#e3dce9;border:1px solid #ded3e6;border-radius:150px 150px 20px 20px;transform:rotate(11deg) translate(20px,0)}.fortune-card{width:310px;height:440px;position:relative;border-radius:155px 155px 18px 18px;background:#f0ebf6;border:1px solid #c8b9d7;box-shadow:0 25px 50px #5b43721a;padding:45px 27px 20px;transform:rotate(-6deg);text-align:center}.card-top{font-size:8px;letter-spacing:.17em;color:#8a749f;margin-top:3px}.card-top span{display:block;font-size:20px;margin:13px}.moon-scene{height:160px;position:relative;overflow:hidden}.moon{height:72px;width:72px;border-radius:50%;background:#bca7cf;box-shadow:inset -20px -3px 0 #e9e2f2;position:absolute;left:85px;top:16px;transform:rotate(-25deg)}.star{position:absolute;color:#9f85b7}.s1{left:42px;top:30px;font-size:23px}.s2{right:25px;top:69px;font-size:20px}.s3{left:70px;top:100px}.rings{position:absolute;border:1px solid #cdbbdb;width:190px;height:75px;border-radius:50%;transform:rotate(-20deg);top:46px;left:30px}.horizon{position:absolute;width:270px;height:150px;left:-10px;top:127px;border-radius:50%;border:1px solid #d2c4df;box-shadow:0 -8px 0 #e5dced,0 -9px 0 #d2c4df}.card-small{font-size:9px;color:#9683a4;margin:10px 0}.fortune-card h2{font-family:'Noto Serif KR',serif;font-size:24px;line-height:1.6;font-weight:500;margin:12px 0}.card-bottom{border-top:1px solid #d9cce2;margin-top:23px;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#8c7c99}.card-bottom span{font-size:6px;letter-spacing:.12em}.float-note{position:absolute;right:-20px;bottom:75px;background:#fffdf6;box-shadow:0 10px 35px #55416412;transform:rotate(7deg);padding:17px 23px;font-size:14px;border-radius:5px;font-family:'Noto Serif KR',serif}.float-note>span{color:#b8a0c6;float:left;font-size:26px;margin-right:13px}.float-note small{font-size:11px;color:#938798}.art-caption{position:absolute;bottom:-15px;font-size:8px;letter-spacing:.22em;color:#a69ba8}.ribbon{border-top:1px solid #e2dce4;border-bottom:1px solid #e2dce4;display:flex;align-items:center;justify-content:space-evenly;padding:23px;gap:20px;font-family:'Noto Serif KR',serif;font-size:15px;color:#8d7b98}.ribbon b{font-size:22px;color:#b7a3c6}.readings{max-width:1160px;margin:95px auto;padding:0 40px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2,.story h2{font-size:28px;font-weight:500;letter-spacing:-.06em;margin:13px 0}.section-head>p{font-size:12px;color:#8c8491}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reading{text-align:left;padding:25px 28px 30px;border-radius:18px;color:var(--ink);transition:transform .25s}.reading:hover{transform:translateY(-6px)}.lavender{background:#eae2f0}.peach{background:#f0e2d9}.mint{background:#e2e8df}.tile-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#84788b}.tile-top span:last-child{font-size:20px;line-height:1}.icon{font-size:72px;line-height:1.1;margin:30px 0 25px;color:#aa8fc0}.hearts{position:relative;color:#c39c86;font-size:83px;width:120px}.hearts span{position:absolute;left:36px;top:2px}.compass{color:#94aa94;font-size:80px}.reading h3{font-size:22px;font-weight:500;margin:0 0 10px}.reading p{font-size:12px;color:#807786;margin:0 0 26px}.pill{font-size:9px;border:1px solid #ffffffc9;background:#ffffff55;border-radius:20px;padding:7px 12px}.story{border-top:1px solid #e6e0e6;border-bottom:1px solid #e6e0e6;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;padding:65px 40px;gap:65px;align-items:center}.story-mark{border-radius:50% 50% 40% 40%;background:#eee6ef;width:280px;height:280px;margin:auto;text-align:center;color:#b39ac6;font-size:105px;padding-top:15px}.story-mark span{display:block;font-family:'Noto Serif KR',serif;font-size:17px;line-height:1.8;color:#8e789e;margin-top:0}.story p:not(.eyebrow){font-size:13px;color:#8a818d}.text-button{background:none;color:#79648f;font-size:12px;padding:13px 0}.closing{text-align:center;padding:90px 20px 100px;background:radial-gradient(ellipse at bottom,#eae0ef80,transparent 65%)}.closing h2{font-family:'Noto Serif KR',serif;font-size:35px;font-weight:500;line-height:1.6;margin:20px 0 32px}footer{border-top:1px solid #e4dfe5;max-width:1160px;margin:auto;padding:35px 40px;display:flex;justify-content:space-between;gap:25px}footer .logo{font-size:20px}footer p{font-size:10px;color:#938a98;margin:7px 0}.footer-notes{text-align:right}.footer-notes button,.footer-notes>span{font-size:9px;color:#938a98;background:none;margin:5px 0 0 15px}dialog{border:1px solid #e5dce9;border-radius:24px;padding:40px;width:min(480px,calc(100% - 30px));background:#fcfaf7;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 30px 120px #33214233}dialog::backdrop{background:#30233a6b;backdrop-filter:blur(6px)}.close{position:absolute;right:18px;top:10px;font-size:28px;font-weight:400;background:none;color:#877a92}dialog h2{font-family:'Noto Serif KR',serif;font-size:27px;font-weight:500;line-height:1.6;margin:15px 0}.dialog-sub{color:#8c8394;font-size:12px}form>label{display:block;margin:23px 0 15px;font-size:12px}input[type=date],input[type=time]{display:block;width:100%;border:1px solid #ddd2e5;border-radius:10px;background:white;padding:13px;margin-top:10px;color:var(--ink);min-height:48px}fieldset{border:0;margin:20px 0;padding:0;font-size:12px}legend{margin-bottom:12px}fieldset label{margin-right:25px}input[type=radio],input[type=checkbox]{accent-color:#967ab0}.optional{font-size:10px;color:#a299aa;float:right}.consent{display:flex;align-items:start;gap:8px;font-size:10px;line-height:1.7}.consent input{margin-top:3px}form .primary,#result-screen>.primary{width:100%}.form-note{font-size:9px;color:#a096aa;text-align:center}.sample-badge{font-size:10px;line-height:1.7;color:#8b729c;background:#ede6f4;padding:10px 13px;border-radius:8px;margin:20px 0}.result-card{background:#eae2f1;padding:25px;border-radius:15px}.result-card>span{font-size:40px;color:#a488ba}.result-card h3{font-size:16px;font-weight:500}.result-card p,#result-screen>p:not(.eyebrow){font-size:13px;color:#807289}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;background:#ffffff77;border-radius:30px;padding:5px 10px}.question{font-size:13px;font-weight:500;margin-top:25px}.premium{width:100%;padding:17px 0;background:none;font-size:11px;color:#807088}.premium span{float:right;font-size:10px}#result-screen>.text-button{display:block;margin:auto}#notice{text-align:center}#notice p{font-size:13px;color:#877a90;white-space:pre-line}.notice-symbol{font-size:45px;color:#ac8fc2}#notice .primary{margin-top:15px}body.modal-open{overflow:hidden}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:105px}.hero-art{transform:scale(1.06)}}@media(max-width:800px){.nav{height:80px;padding:0 25px}nav{gap:15px}nav>a{display:none}.hero{padding:38px 27px 65px;grid-template-columns:1fr;gap:5px}.hero-copy{max-width:500px;margin:auto;width:100%}h1{font-size:53px;margin-top:25px}.lead{font-size:13px}.hero-art{min-height:470px;max-width:390px;width:100%;margin:20px auto 0}.fortune-card{width:285px;height:420px;padding-left:22px;padding-right:22px}.back-card{width:275px;height:395px}.float-note{right:-5px;bottom:60px}.art-caption{bottom:0}.ribbon{padding:19px 10px;font-size:12px;gap:10px}.ribbon span:last-of-type,.ribbon b:last-child{display:none}.readings{margin:65px auto;padding:0 25px}.section-head{display:block}.section-head h2{font-size:25px}.section-head>p{margin-top:8px}.reading-grid{grid-template-columns:1fr;gap:14px}.reading{padding:24px;position:relative;min-height:230px}.reading .icon{position:absolute;right:26px;top:51px;margin:0}.reading h3{margin-top:35px;font-size:23px}.reading p{margin-bottom:24px}.story{grid-template-columns:1fr;padding:50px 25px;gap:30px}.story-mark{width:225px;height:225px;font-size:75px}.story-mark span{font-size:15px}.story>div:last-child{max-width:450px;margin:auto}.story h2{font-size:26px}.closing{padding:65px 20px}.closing h2{font-size:30px}footer{padding:30px 25px;display:block}.footer-notes{text-align:left;margin-top:24px}.footer-notes button{margin-left:0}dialog{padding:32px 24px}dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}