:root{--ink:#302a2a;--muted:#827b76;--wine:#61343f;--cream:#f8f6f1;--line:#e6e0d7;--serif:Georgia,'Batang','바탕',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.7 'Segoe UI','Malgun Gothic',sans-serif}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b88256;outline-offset:4px}header{height:98px;max-width:1320px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:flex;align-items:center;gap:12px;font:26px var(--serif);letter-spacing:2px}.seal{background:var(--wine);color:#fff6e8;font:20px var(--serif);padding:4px 7px;border-radius:2px}.brand-sub{font:9px 'Segoe UI',sans-serif;letter-spacing:3px;color:var(--muted);margin-left:4px}nav{display:flex;gap:30px;font-size:12px}.text-button{border:0;background:transparent;padding:0;color:inherit;font-size:12px;text-decoration:none}.text-button:hover{text-decoration:underline}.beta{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:9px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:8px}.beta i{height:5px;width:5px;border-radius:50%;background:#8a9a77}.hero{position:relative;max-width:1216px;margin:0 auto;background:#3e2931;color:#f6f0e6;min-height:478px;overflow:hidden;padding:64px 64px 52px;display:grid;grid-template-columns:1.15fr 1fr;border-radius:3px;background-image:radial-gradient(ellipse at 82% 35%,#73504766,transparent 54%)}.eyebrow{font-size:9px;letter-spacing:2.8px;color:#c8ae93;font-weight:600}.hero h1{font:46px/1.5 var(--serif);letter-spacing:-1.8px;margin:24px 0 18px;font-weight:400}.dot{color:#d0a17e}.intro{color:#d2c3bf;font-size:13px;line-height:1.95}.hero-bottom{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:10px;color:#c6b3ac}.small-star{font-size:23px;color:#c29e7a}.hero-index{position:absolute;bottom:22px;right:35px;color:#bba29a;font-size:9px;letter-spacing:1px}.cosmos{height:340px;width:360px;position:relative;margin:0 auto;align-self:center}.orbit{position:absolute;top:50%;left:50%;border:1px solid #bd987b33;border-radius:50%;transform:translate(-50%,-50%)}.outer{width:330px;height:330px}.middle{width:260px;height:260px;border-style:dashed;transform:translate(-50%,-50%) rotate(30deg)}.inner{width:184px;height:184px}.axis{position:absolute;width:380px;height:1px;background:#bd987b22;top:50%;left:-10px;transform:rotate(-35deg)}.moon{position:absolute;width:112px;height:112px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 27%,#eed9b9,#c19b77 40%,#896550 70%,#513b35);box-shadow:0 0 70px #e0b89020,inset -12px -5px 25px #49313755}.moon:after{content:'';position:absolute;inset:6px;border:1px solid #e7ceb52b;border-radius:50%}.astro{position:absolute;font:19px var(--serif);color:#d6b18e;background:#473037;padding:5px 10px}.a1{top:-8px;left:160px}.a2{top:95px;right:-1px}.a3{bottom:10px;right:65px}.a4{bottom:10px;left:65px}.a5{top:95px;left:-1px}.cosmic-star{position:absolute;color:#d0a984}.s1{top:60px;left:80px;font-size:22px}.s2{bottom:80px;right:90px;font-size:17px}.s3{right:70px;top:80px}.cosmos-caption{position:absolute;bottom:-24px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#bda28f}.workspace{max-width:1030px;margin:76px auto 85px;display:grid;grid-template-columns:1fr 1.14fr;gap:88px;align-items:start}.burgundy{color:#90616a}h2{font:30px/1.6 var(--serif);letter-spacing:-1px;font-weight:400}aside h2{margin:18px 0}aside>p{font-size:12px;color:var(--muted);line-height:1.9}.privacy-card{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:27px;margin-top:32px}.privacy-card>span{font-size:30px;color:#9b8170;line-height:1.2}.privacy-card strong{font-size:12px;font-weight:500}.privacy-card p{font-size:11px;color:var(--muted)}.privacy-card button{font-size:10px;color:var(--wine)}.side-note{font-size:8px;letter-spacing:2px;color:#9d8b80;margin-top:53px}.side-note span{font-size:10px;letter-spacing:0;color:var(--muted);display:block;margin-top:8px}.form-card{padding:27px 32px 20px;border:1px solid var(--line);border-radius:8px;background:#fffefa;box-shadow:0 9px 30px #44362705}.card-heading{display:flex;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line);font-weight:600}.step{font-size:10px;color:#b3a799;letter-spacing:2px;font-weight:400}fieldset{border:0;padding:0;margin:23px 0}legend{padding:0;font-size:12px;font-weight:600;margin-bottom:10px}legend span{font-size:9px;font-weight:400;color:#a5968a;margin-left:5px}.calendar-label{font-size:11px;color:var(--wine);margin-bottom:10px}.calendar-label>span{color:#9b9189;font-size:10px;margin-left:8px}.date-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:9px}select{width:100%;height:44px;border:1px solid var(--line);background:#fffefa;border-radius:4px;color:#554f4a;padding:0 10px;font-size:12px}.time-fields{display:grid;grid-template-columns:1fr 10px 1fr;gap:9px;align-items:center}.time-fields>span{text-align:center;color:#9b9189}select:disabled{opacity:.45;background:#f1efea}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#736a64;margin-top:11px}.check input{accent-color:var(--wine);width:14px;height:14px;margin:0}.field-help{font-size:10px;color:#938980;line-height:1.8;margin:9px 0 0}.region{font-size:11px;background:#f3f0e9;border-radius:4px;padding:10px 12px;color:#726356}.input-notice{font-size:10px;line-height:1.8;color:#8d8177;padding-top:17px;border-top:1px solid var(--line)}.input-notice button{font-size:10px;text-decoration:underline}.primary{background:var(--wine);color:#fff7ef;border:0;border-radius:4px;padding:14px 19px;width:100%;font-size:12px;display:flex;justify-content:space-between;margin-top:18px}.primary:hover{background:#48252f}.form-foot{text-align:center;color:#a09186;font-size:9px;margin:12px 0 0}#form-error{font-size:11px;color:#9d2838;margin:0}.result{max-width:1100px;margin:0 auto 80px;padding:35px;border:1px solid var(--line);border-radius:8px;background:#fffefa}.result-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.result-top h2{margin:12px 0 7px}#result-meta{font-size:12px;color:var(--muted)}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:4px;font-size:10px;color:var(--wine)}.result-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:30px}.panel-title{font-size:13px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:20px}.panel-title span{font:14px var(--serif);color:#ac9785}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pillar{text-align:center;border:1px solid var(--line);border-radius:5px;overflow:hidden}.pillar .label{font-size:10px;padding:9px;background:#f4f0e8}.pillar .han{font:30px var(--serif);padding:12px 0 2px}.pillar .ko{font-size:10px;padding-bottom:9px}.pillar .stem{border-bottom:1px solid var(--line)}.pillar.self{border-color:#9b6c76}.pillar.self .label{background:#ede3e3;color:var(--wine)}.caption{font-size:10px;color:#9b8e83;line-height:1.8;margin-top:15px}.element-row{display:grid;grid-template-columns:48px 1fr 30px;gap:9px;align-items:center;font-size:11px;margin:15px 0}.track{height:8px;border-radius:5px;background:#f2eee6;overflow:hidden}.bar{height:100%;border-radius:5px}.element-row>span:last-child{text-align:right;color:#8e8177}.wood{color:#577a65}.fire{color:#b97167}.earth{color:#ac8f53}.metal{color:#8b879d}.water{color:#638298}.bar.wood{background:#799982}.bar.fire{background:#c98c7e}.bar.earth{background:#c5ac74}.bar.metal{background:#a19aad}.bar.water{background:#88a0af}.interpretation{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.interpretation article{padding:8px}.interpretation .tag{font-size:9px;color:#9c7d68;letter-spacing:1px}.interpretation h3{font:20px/1.5 var(--serif);margin:12px 0}.interpretation p{font-size:12px;color:#82766c;line-height:1.9}.result-disclaimer{background:#f7f3ec;padding:14px 18px;margin-top:25px;font-size:10px;color:#9b897a;border-radius:4px}details{margin-top:18px;font-size:11px;color:#8b7d71}summary{cursor:pointer}details p{line-height:1.9}.about{max-width:1216px;margin:0 auto;padding:45px 30px 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px}.about h2{font-size:25px;margin:15px 0}.about article{padding-top:8px}.about article>span{font:12px var(--serif);color:#ac8c71}.about h3{font:17px var(--serif);margin:20px 0 13px}.about p{font-size:11px;color:var(--muted);line-height:1.9}footer{max-width:1216px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:27px 0 36px}footer .brand{font-size:21px}footer p{font-size:10px;color:#a2978c}footer>div{margin-left:auto;display:flex;gap:22px;align-items:center}footer button{font-size:10px!important;color:#887d74!important}footer>div>span{font-size:8px;color:#ac9e91;letter-spacing:1px}dialog{border:1px solid var(--line);border-radius:9px;width:min(640px,calc(100% - 30px));max-height:85vh;padding:28px 34px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#2b1f28a8;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:24px;margin:0}.close{background:transparent;border:0;font-size:26px;color:var(--wine);padding:5px 10px}dialog p{font-size:12px;line-height:1.9;color:#75695f}dialog h3{font-size:13px;margin:25px 0 10px}.policy-date{font-size:10px;color:#9b8b7c}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){header{height:115px}.hero{min-height:510px}.workspace{margin-top:85px}}@media(max-width:1100px){header{padding:0 28px}.hero{margin:0 24px;padding:45px}.workspace{margin:55px 50px;gap:45px}.hero h1{font-size:38px}.cosmos{transform:scale(.85);transform-origin:center}.about{margin:0 25px;gap:28px}footer{margin:0 25px}.result{margin:30px 25px 60px}}@media(max-width:760px){header{height:77px;padding:0 22px}.brand{font-size:23px;gap:9px}.brand-sub{display:none}nav{gap:20px}nav a:nth-child(2),nav button,.beta{display:none}.hero{margin:0 14px;padding:33px 26px 25px;grid-template-columns:1fr;min-height:650px}.hero h1{font-size:34px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:2px}.intro{font-size:12px}.hero-bottom{margin-top:20px;font-size:9px}.cosmos{height:300px;transform:scale(.78);margin-top:-18px;margin-bottom:-20px;width:330px;justify-self:center}.hero-index{font-size:8px;bottom:14px;right:19px}.workspace{margin:42px 24px 50px;grid-template-columns:1fr;gap:26px}aside h2{font-size:27px}aside>p{font-size:12px}.privacy-card{margin-top:22px;padding-top:18px}.side-note{display:none}.form-card{padding:24px 23px}.about{grid-template-columns:1fr;gap:16px;padding:33px 0}.about>div{margin-bottom:8px}.about article{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.about h3{margin:0;font-size:17px}.about article>span{padding-top:4px}.about article p{grid-column:2;margin-top:7px}footer{flex-wrap:wrap;padding:25px 0;gap:10px 20px}footer>div{margin:8px 0 0;width:100%;gap:20px}footer p{margin-left:auto}.result{padding:23px 19px;margin:20px 15px 45px}.result-top{display:block}.result-top h2{font-size:25px}.result-actions{margin-top:17px}.result-layout{grid-template-columns:1fr;gap:25px}.interpretation{grid-template-columns:1fr;gap:6px}.interpretation article{padding:6px 0}.interpretation h3{margin:7px 0}.interpretation p{margin-top:8px}.pillars{gap:7px}.pillar .han{font-size:28px}.cosmos-caption{bottom:-35px}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.hero,.workspace,.about,footer,dialog,.result-actions{display:none!important}body{background:white}.result{display:block!important;border:0;margin:0;padding:0}.result-layout{grid-template-columns:1.3fr 1fr}.interpretation{grid-template-columns:repeat(3,1fr)}.result details{display:none}.result{break-inside:avoid}*{print-color-adjust:exact}}
