@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f6f2eb;--ink:#272d2a;--muted:#72766c;--line:#dddcd1;--green:#293e34;--gold:#a78b5b;--red:#8d493f;--white:#fffcf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 'Noto Sans KR',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}header,main,footer{max-width:1320px;margin:auto}header{height:104px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Noto Serif KR',serif;display:flex;align-items:center;font-size:26px;font-weight:600;gap:12px}.brand-icon{font-size:38px;font-weight:400;color:var(--green)}.brand small{font:10px 'Noto Sans KR',sans-serif;letter-spacing:3px;margin-left:2px;padding-top:6px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav .saved{border:1px solid #c6c9bc;border-radius:3px;padding:10px 18px}nav .saved span{padding-left:18px}main{padding:0 48px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:570px;align-items:center;padding:54px 0 70px;overflow:hidden}.eyebrow,.section-index{font-size:10px;letter-spacing:2.4px;color:var(--muted);font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:5px;height:5px;background:var(--gold);border-radius:50%}h1{font:500 50px/1.48 'Noto Serif KR',serif;letter-spacing:-2px;margin:25px 0 21px}h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:14px;color:var(--muted);line-height:1.95}.text-link{display:inline-flex;align-items:center;margin-top:18px;border-bottom:1px solid #a3a69c;padding-bottom:6px;gap:25px;font-size:12px}.celestial{position:relative;display:flex;align-items:center;justify-content:center;height:480px}.celestial svg{max-width:520px;width:100%;filter:drop-shadow(0 12px 26px #8d785522)}.orbit-label{position:absolute;bottom:-9px;font-size:9px;letter-spacing:3px;color:var(--gold)}.hero-foot{position:absolute;bottom:16px;display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1px;color:var(--muted)}.birth-panel{background:var(--white);border:1px solid #d5d7cb;box-shadow:0 14px 30px #3c463407;padding:30px 34px;border-radius:5px;margin:22px 0 65px;scroll-margin-top:20px}.form-intro{display:flex;align-items:baseline;gap:18px;margin-bottom:24px;flex-wrap:wrap}.form-intro .section-index{color:var(--gold)}h2{font:500 26px/1.5 'Noto Serif KR',serif;margin:9px 0}.form-intro h2{font-family:'Noto Sans KR',sans-serif;font-size:17px;letter-spacing:-.6px;margin:0}.form-intro p{font-size:12px;color:var(--muted);margin:0;margin-left:auto}.form-main{display:grid;grid-template-columns:1.2fr .8fr 1.2fr 1.15fr;gap:18px;align-items:end}label{display:block;font-size:12px;font-weight:500}.muted{font-size:10px;font-weight:400;color:#838779;margin-left:6px}input,select{display:block;width:100%;height:49px;margin-top:8px;border:1px solid #dedfd6;border-radius:3px;background:#fffefb;color:var(--ink);padding:10px 12px;min-width:0}input::placeholder{color:#93958d;font-size:12px}.primary{background:var(--green);color:white;border-radius:3px;min-height:49px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:15px}.primary:hover{background:#3f5547}.form-sub{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);margin:15px 0 18px}.form-sub button{font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:0;color:var(--red)}details{border-top:1px solid var(--line);padding-top:16px}summary{list-style:none;font-size:12px}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted);font-size:10px;margin-left:12px}summary>b{float:right;font-weight:400}.extra-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.1fr;gap:18px;margin-top:20px}.extra-grid small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:7px}.strokes{display:flex;gap:6px}.error{color:#a52d2d;background:#f9e9e4;padding:12px;border-radius:3px;font-size:12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px;gap:20px}.section-heading h2{font-size:29px;letter-spacing:-.8px;margin:12px 0 10px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.filters{display:flex;gap:5px;margin-bottom:6px}.filters button{padding:7px 17px;font-size:12px;border-radius:20px;color:var(--muted)}.filters button.active{background:var(--green);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--white);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #31392c0b}.card-art{height:178px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art svg{width:175px;height:160px;opacity:.85}.card-art.korea{background:#e8ece2;color:#697b61}.card-art.name{background:#eee7dc;color:#a08358}.card-art.china{background:#eee0dc;color:#ad695d}.card-art.zodiac{background:#e2e7ee;color:#657c99}.card-art.number{background:#ede7ee;color:#927798}.card-art.story{background:#e8e7de;color:#888a65}.card-art .art-caption{position:absolute;left:20px;top:15px;font-size:9px;letter-spacing:2px;color:#4a514999}.card-content{padding:22px 24px 20px}.card-country{font-size:9px;letter-spacing:2px;color:var(--muted)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.card h3{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0}.badge{font-size:9px;border:1px solid #deded4;color:#777a6e;padding:2px 6px;border-radius:2px;white-space:nowrap}.badge.creative{border-color:#dfd3c3;color:#947749}.card p{color:var(--muted);font-size:12px;line-height:1.9;margin:12px 0 19px;min-height:45px}.card-value{font-family:'Noto Serif KR',serif;font-size:20px;color:var(--green);padding:0 0 14px}.card-bottom{border-top:1px solid #e5e5dc;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:5px}.card-bottom>span{font-size:10px;color:#8a8c82}.card-bottom button{font-size:11px;display:flex;gap:14px;align-items:center;padding:3px 0}.card-bottom button:hover{color:var(--red)}.closing{text-align:center;margin:78px auto 60px;padding:42px 0;border-top:1px solid var(--line)}.closing>span{color:var(--gold);font-size:26px}.closing p{font:400 24px/1.8 'Noto Serif KR',serif;margin:20px 0}.closing em{font-style:normal;color:var(--red)}.closing div{font-size:11px;line-height:1.9;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;padding:26px 48px;border-top:1px solid var(--line);gap:15px}footer .brand{font-size:20px}footer>span,footer button{font-size:10px;color:var(--muted)}.report{padding:25px 30px;background:var(--green);border-radius:4px;color:#f5f1e7;margin:-28px 0 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}.report .eyebrow{color:#c4b58d}.report h2{font-size:22px}.report p{font-size:11px;color:#d1d7cc;margin-bottom:0}.report-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:330px;justify-content:flex-end}.report-actions button{border:1px solid #69816d;border-radius:3px;color:#fff6e7;padding:9px 12px;font-size:10px}dialog{color:var(--ink);background:var(--white);border:1px solid #cccbbd;border-radius:6px;max-width:820px;width:calc(100% - 32px);max-height:88vh;padding:30px 36px;box-shadow:0 25px 90px #0003}dialog::backdrop{background:#19251e99;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:20px;padding:4px 10px}.dialog-top .section-index{color:var(--gold)}dialog h2{font-size:32px;margin:15px 0}dialog h3{font-size:16px;font-weight:500;margin:25px 0 12px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#62685e}dialog a{text-decoration:underline;color:#705c3f;text-underline-offset:3px}.intro-note{border-left:2px solid var(--gold);padding:6px 16px;margin:18px 0;background:#f7f3e9}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.metric{background:var(--paper);padding:18px 10px;text-align:center;border:1px solid var(--line);border-radius:3px}.metric small{display:block;color:var(--muted);font-size:10px}.metric b{display:block;font:500 26px 'Noto Serif KR',serif;color:var(--green);margin:12px 0}.metric span{font-size:12px;color:var(--muted)}.bars{display:flex;flex-direction:column;gap:12px;margin:20px 0}.bar-row{display:flex;align-items:center;gap:15px;font-size:12px}.bar-track{height:9px;background:#e7e5db;flex:1;border-radius:10px}.bar-fill{height:9px;background:var(--green);border-radius:10px}.bar-row:nth-child(2) .bar-fill{background:#b56e5e}.bar-row:nth-child(3) .bar-fill{background:#b4a071}.bar-row:nth-child(4) .bar-fill{background:#929ba2}.bar-row:nth-child(5) .bar-fill{background:#6e899d}.palaces{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palace{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.palace strong{font-size:12px}.palace p{font-size:11px;margin:8px 0 0}.palace .stars{font-size:15px;color:var(--red)}.big-symbol{font:400 75px Georgia,serif;color:var(--gold);text-align:center;padding:10px}.dialog-note{font-size:10px!important;color:#82867b!important;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.saved-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.saved-row button{font-size:12px;border:1px solid #ccc;padding:7px 12px;border-radius:3px}.saved-row small{display:block;color:var(--muted);font-size:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 25px;border-radius:4px;z-index:20;font-size:12px;max-width:90%;text-align:center}.skip{position:absolute;left:10px;top:-60px;z-index:99;background:var(--green);color:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero{min-height:630px}.celestial{height:510px}h1{font-size:55px}}
@media(max-width:1000px){header,footer{padding-left:30px;padding-right:30px}main{padding:0 30px}.hero{min-height:500px}h1{font-size:40px}.celestial{height:380px}.birth-panel{padding:25px}.form-main{grid-template-columns:1fr 1fr}.extra-grid{grid-template-columns:1fr 1fr}.cards{gap:14px}.card-content{padding:20px 18px}.card h3{font-size:20px}.badge{font-size:8px}.section-heading{align-items:flex-start;flex-direction:column}.form-intro p{margin-left:0}.report{align-items:flex-start;flex-direction:column}.report-actions{max-width:none}}
@media(max-width:650px){header{height:78px;padding:0 20px}.brand{font-size:23px;gap:8px}.brand small{font-size:8px;letter-spacing:1.5px}.brand-icon{font-size:30px}nav{gap:10px}nav>a,nav>#about{display:none}nav .saved{padding:7px 10px;font-size:11px}nav .saved span{padding-left:8px}main{padding:0 20px}.hero{padding:38px 0 35px;min-height:580px;grid-template-columns:1fr;align-items:start}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:37px;margin:22px 0 18px;line-height:1.5}.hero-copy>p{font-size:12px}.text-link{font-size:11px;margin-top:14px}.celestial{height:270px;width:280px;margin:-35px -65px 0 auto;opacity:.7}.hero-foot{font-size:8px;bottom:8px;letter-spacing:0}.orbit-label{display:none}.birth-panel{margin:25px 0 45px;padding:22px 18px}.form-intro{gap:8px;margin-bottom:20px}.form-intro .section-index{width:100%;font-size:9px}.form-intro h2{font-size:16px}.form-intro p{font-size:11px}.form-main{gap:16px 12px}.form-main label:nth-child(3),.primary{grid-column:1/-1}.form-sub{flex-direction:column;align-items:flex-start;font-size:9px}.form-sub button{font-size:11px}.extra-grid{grid-template-columns:1fr}summary>span{font-size:9px;margin-left:6px}.section-heading h2{font-size:25px}.section-heading p{font-size:11px}.section-index{font-size:9px}.filters button{font-size:11px;padding:6px 16px}.cards{grid-template-columns:1fr;gap:20px}.card-art{height:170px}.card-content{padding:22px}.card h3{font-size:23px}.card p{min-height:0}.card-country{font-size:10px}.card-bottom button{font-size:12px}.card-bottom>span{font-size:10px}.closing{margin:48px 0 30px;padding-top:30px}.closing p{font-size:21px}.closing div{font-size:10px}footer{padding:24px 20px;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:9px}.report{padding:22px;margin:-12px 0 35px}.report h2{font-size:20px}.report-actions{justify-content:flex-start}dialog{padding:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.palaces{grid-template-columns:repeat(2,1fr)}dialog h2{font-size:27px}.saved-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}