@import"https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#292722;background:#f7f3ea;font-synthesis:none;--ink: #292722;--muted: #7e786d;--paper: #f7f3ea;--cream: #ede5d5;--red: #a84235;--red-dark: #813126;--line: rgba(76, 66, 53, .16);--serif: "Gowun Batang", "Batang", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(172,74,54,.065),transparent 24rem),linear-gradient(rgba(80,70,54,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,70,54,.02) 1px,transparent 1px),var(--paper);background-size:auto,34px 34px,34px 34px,auto}.site-header{height:90px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand-seal,.mini-seal{display:grid;place-items:center;color:#f9efe0;background:var(--red);font-family:var(--serif);box-shadow:inset 0 0 0 2px #ffffff2e}.brand-seal{width:43px;height:43px;border-radius:4px 9px 5px 8px;font-size:24px;transform:rotate(-1deg)}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-family:var(--serif);font-size:19px;letter-spacing:-.02em}.brand small{color:#948c7c;font-size:10px;letter-spacing:.12em;margin-top:2px}nav{display:flex;gap:38px;font-size:14px;color:#625d54}nav a{position:relative}nav a:first-child{color:var(--red);font-weight:600}nav a:first-child:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-8px;background:var(--red)}.hero{min-height:650px;padding:74px max(28px,calc((100vw - 1120px)/2)) 88px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;position:relative;overflow:hidden;border-top:1px solid rgba(86,75,57,.08)}.hero:before{content:"八";position:absolute;left:max(-45px,calc((100vw - 1400px)/2));top:-105px;font-family:var(--serif);font-size:520px;line-height:1;color:#493d2c07;pointer-events:none}.hero-copy{position:relative;z-index:1;padding-left:20px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow>span{width:22px;height:1px;background:var(--red)}.hero h1{font-family:var(--serif);font-size:clamp(46px,5vw,68px);line-height:1.28;letter-spacing:-.055em;font-weight:700;margin:22px 0}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:3%;bottom:-8px;width:94%;height:7px;border-top:2px solid rgba(168,66,53,.55);border-radius:50%;transform:rotate(-1.5deg)}.hero-copy>p{font-family:var(--serif);font-size:18px;line-height:1.9;color:#696359;margin:0}.brush-line{width:230px;margin-top:44px;display:flex;align-items:center;gap:13px;color:#413b3240}.brush-line i{height:1px;flex:1;background:linear-gradient(90deg,transparent,currentColor)}.brush-line i:last-child{background:linear-gradient(90deg,currentColor,transparent)}.brush-line b{font-family:var(--serif);font-size:18px;font-weight:400}.birth-card{position:relative;width:100%;max-width:460px;justify-self:end;padding:36px 38px 26px;background:#fffdf8e6;border:1px solid rgba(89,75,56,.18);border-radius:2px 2px 28px;box-shadow:0 24px 60px #4034241c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.birth-card:before,.birth-card:after{content:"";position:absolute;width:22px;height:22px;border-color:var(--red);opacity:.45}.birth-card:before{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.birth-card:after{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid;border-radius:0 0 12px}.form-title{display:flex;gap:14px;align-items:center;padding-bottom:25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.mini-seal{flex:0 0 42px;height:42px;border-radius:50%;background:#2d2a25;font-size:19px}.form-title h2{font-family:var(--serif);font-size:23px;margin:0 0 4px}.form-title p{color:var(--muted);font-size:12px;margin:0}fieldset{border:0;padding:0;margin:0 0 20px}legend,.field>span{display:block;font-size:12px;font-weight:700;margin-bottom:9px;color:#4d4942}.field small{font-weight:400;color:#9b9385;margin-left:5px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);background:#f6f2ea;border-radius:7px}.segmented button{border:0;background:transparent;color:#7b756b;height:43px;border-radius:5px;cursor:pointer}.segmented button span{color:#aaa195;margin-right:4px}.segmented button.active{background:#fffdfa;color:var(--red);font-weight:700;box-shadow:0 2px 8px #453a2a17}.segmented button.active span{color:var(--red)}.field{display:block;margin-bottom:20px}.field input{width:100%;height:50px;padding:0 15px;color:var(--ink);background:#fffefa;border:1px solid rgba(79,68,53,.2);border-radius:6px;outline:none}.field input:focus{border-color:var(--red);box-shadow:0 0 0 3px #a8423514}.form-error{color:var(--red);font-size:11px;margin:-7px 0 12px}.submit-button{width:100%;height:55px;border:0;border-radius:6px 6px 13px;background:var(--red);color:#fff;font-weight:700;box-shadow:0 9px 20px #842f2433;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:9px;transition:.2s ease}.submit-button:hover{background:var(--red-dark);transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.75;transform:none}.submit-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7}.submit-button svg:first-child{fill:currentColor;stroke:none;width:14px}.submit-button svg:last-child{margin-left:2px}.privacy{text-align:center;margin:14px 0 0;color:#9b958b;font-size:10px}.waiting{max-width:1120px;margin:0 auto 100px;height:160px;border:1px dashed rgba(84,72,55,.2);display:grid;place-content:center;text-align:center;color:#958d80;background:#fff3}.waiting span{font-family:var(--serif);font-size:34px;color:#a8423573}.waiting p{margin:8px 0 0;font-family:var(--serif)}.result{max-width:1120px;margin:0 auto;padding:90px 0 105px;scroll-margin-top:25px}.result-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.result-heading h2{font-family:var(--serif);font-size:35px;margin:11px 0 0;letter-spacing:-.04em}.date-meta{font-size:12px;color:var(--muted)}.date-meta b{color:var(--red);margin:0 8px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#39352e;padding:12px;box-shadow:0 20px 50px #332a1e24}.pillar{background:#fbf8f1;text-align:center;position:relative;padding-bottom:14px}.pillar.is-day{outline:2px solid #bd5c4d;outline-offset:-4px}.pillar.is-day:before{content:"나";position:absolute;right:9px;top:9px;width:21px;height:21px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%;font-size:9px}.pillar-top{height:62px;display:grid;align-content:center;border-bottom:1px solid var(--line)}.pillar-top strong{font-family:var(--serif);font-size:17px}.pillar-top span{color:#9a9285;font-size:9px;margin-top:3px}.hanja{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:48px;line-height:1;border-bottom:1px solid var(--line)}.hanja small{color:#9a9285;font-family:Noto Sans KR;font-size:9px;font-weight:500;margin-bottom:7px}.hanja em{font-family:Noto Sans KR;font-size:9px;font-style:normal;margin-top:7px;padding:2px 7px;border:1px solid currentColor;border-radius:10px;opacity:.72}.hanja.branch{background:#4b443806}.nayin{margin-top:13px;color:#8d867b;font-family:var(--serif);font-size:11px}.element-목{color:#477554}.element-화{color:#b44a3e}.element-토{color:#9b743b}.element-금{color:#73716a}.element-수{color:#3e6576}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.reading-card{min-height:310px;background:#fffdf8bf;border:1px solid var(--line);padding:33px 35px}.card-kicker{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.13em}.day-master-row{display:flex;align-items:center;gap:18px;margin-top:23px}.master-seal{width:74px;height:74px;border:1px solid currentColor;display:grid;place-items:center;font-family:var(--serif);font-size:39px;transform:rotate(-2deg);background:#ffffff80}.day-master-row h3{font-family:var(--serif);font-size:25px;margin:0 0 5px}.day-master-row p{font-size:12px;color:var(--muted);margin:0}.summary{color:#615c53;font-family:var(--serif);line-height:1.85;font-size:15px;border-top:1px solid var(--line);margin:23px 0 0;padding-top:20px}.element-card{display:flex;flex-direction:column}.element-bars{display:flex;justify-content:space-around;gap:16px;height:155px;margin:20px 6px 8px}.element-bar{height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:1px;position:relative;min-width:35px}.bar-track{width:11px;height:100%;background:#eee9df;border-radius:10px;overflow:hidden;display:flex;align-items:flex-end}.bar-track .fill{display:block;width:100%;border-radius:10px;opacity:.78;transition:height .6s ease}.element-bg-목{background:#547a5d}.element-bg-화{background:#b84e42}.element-bg-토{background:#aa7e3d}.element-bg-금{background:#87847c}.element-bg-수{background:#426c7e}.element-bar b{font-family:var(--serif);font-size:15px;margin-top:4px}.element-bar span{color:var(--muted);font-size:8px}.element-bar small{position:absolute;top:0;right:-4px;color:#aaa296;font-size:8px}.balance-note{border-top:1px solid var(--line);margin-top:auto;padding-top:14px;color:#746e64;font-size:11px}.balance-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px}.insight-card{position:relative;margin-top:18px;background:#333029;color:#eee8dd;min-height:225px;display:flex;align-items:center;gap:29px;padding:38px 45px;overflow:hidden}.insight-card:after{content:"運";position:absolute;right:15%;top:-78px;font-family:var(--serif);font-size:280px;color:#ffffff06}.insight-mark{flex:0 0 65px;height:65px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.23);border-radius:50%}.insight-mark svg{width:25px;fill:#c88172}.insight-content{position:relative;z-index:1;max-width:650px}.insight-content h3{font-family:var(--serif);font-size:23px;margin:9px 0 13px}.insight-content ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 25px;color:#cfc8bd;font-size:12px}.insight-content li:before{content:"·";color:#c88172;font-weight:700;margin-right:7px}.insight-content p{color:#9f998e;font-size:11px;margin:13px 0 0}.text-button{margin-left:auto;align-self:flex-end;position:relative;z-index:1;background:transparent;border:0;color:#d9d3c8;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:7px}.text-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5}.about{padding:120px 28px;text-align:center;background:#eee7da;border-top:1px solid rgba(79,68,53,.08)}.about .eyebrow{justify-content:center}.about h2{font-family:var(--serif);font-size:clamp(29px,4vw,42px);line-height:1.5;margin:22px 0}.about>p{max-width:610px;margin:auto;color:#777064;line-height:1.9;font-size:13px}footer{max-width:1120px;margin:auto;min-height:145px;display:flex;align-items:center;gap:30px;color:#938c80;font-size:10px}footer .compact{margin-right:auto}footer .brand-seal{width:31px;height:31px;font-size:16px}footer .brand b{font-size:15px;color:#5b564e}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:50px;padding-top:55px}.hero-copy{text-align:center;padding-left:0}.hero-copy .eyebrow{justify-content:center}.brush-line{margin-left:auto;margin-right:auto}.birth-card{justify-self:center}.result{padding-left:22px;padding-right:22px}.analysis-grid{grid-template-columns:1fr}.insight-card{align-items:flex-start}.text-button{position:absolute;right:30px;bottom:25px}footer{padding:25px;flex-wrap:wrap;gap:10px 25px}footer .compact{width:100%}}@media(max-width:620px){.site-header{height:72px;padding:0 18px}.brand small,nav a:last-child{display:none}nav{gap:0}.hero{padding:44px 16px 65px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.birth-card{padding:31px 22px 23px}.result{padding:65px 12px 75px}.result-heading{align-items:flex-start;flex-direction:column;gap:13px;padding:0 7px}.result-heading h2{font-size:29px}.pillars{gap:4px;padding:5px}.pillar-top{height:54px}.pillar-top strong{font-size:14px}.pillar-top span{font-size:7px}.pillar.is-day:before{width:17px;height:17px;right:5px;top:5px;font-size:7px}.hanja{min-height:93px;font-size:36px}.hanja small{font-size:7px}.nayin{font-size:8px}.reading-card{padding:28px 23px}.insight-card{padding:32px 24px 75px;gap:18px}.insight-mark{flex-basis:47px;height:47px}.insight-content ul{display:block}.insight-content li+li{margin-top:5px}.about{padding:85px 20px}footer{flex-direction:column;align-items:flex-start;padding:30px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}