:root{--paper: #F3EEE3;--paper-raised: #FBF8F2;--ink: #0F1E33;--ink-soft: #2A3445;--muted: #5A6372;--rule: #D8CFBE;--rule-strong: #B9AE98;--teal: #2E6E7E;--seal: #A8261D;--seal-text: #F7EDE6;--wood: #3F7F5F;--fire: #B5452E;--earth: #A87C2E;--metal: #7D858F;--water: #2B5C8A;--display: "Bodoni Moda", "Bodoni 72", Didot, Georgia, serif;--sans: "Jost", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--ko: "Noto Serif KR", AppleMyungjo, serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}[lang=ko]{font-family:var(--ko)}button{font:inherit;color:inherit}.page{max-width:460px;margin:0 auto;padding-inline:20px;padding-block:16px 40px}.brand-bar{display:flex;justify-content:space-between;align-items:center}.brand{font-size:12px;font-weight:600;letter-spacing:.3em}.seal{width:24px;padding:4px 0;border-radius:2px;background:var(--seal);color:var(--seal-text);font-family:var(--ko);font-weight:700;font-size:11px;line-height:1.2;text-align:center}.eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.28em;color:var(--ink-soft)}h1,h2{font-family:var(--display);font-weight:500;margin:0;text-wrap:balance}h2{font-size:28px;line-height:1.15}.intro{padding-block:32px 8px;text-align:center}.intro h1{margin-top:10px;font-size:52px;line-height:.98;letter-spacing:-.01em}.lede{color:var(--ink-soft);margin:14px auto 0;max-width:34ch}.birth-form{display:flex;flex-direction:column;gap:18px;margin-top:24px}.field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}.field label,.field legend{font-size:14px;font-weight:500;padding:0}.optional{font-weight:400;color:var(--muted);font-size:13px;margin-left:4px}.field input{height:48px;padding:0 14px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper-raised);font:inherit;color:var(--ink);width:100%}.field input:disabled{opacity:.45}.field input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:flex;align-items:center;gap:10px;font-size:15px;margin-top:-8px}.check input{width:18px;height:18px;accent-color:var(--ink)}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{flex:1 1 0;min-height:46px;padding:0 14px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper-raised);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.place{position:relative}.options{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:10px;box-shadow:0 12px 30px #0f1e331f}.options li{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;cursor:pointer}.options li small{color:var(--muted)}.options li.active{background:var(--paper)}.primary{width:100%;min-height:54px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font-size:17px;font-weight:500;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.error{margin:0;color:var(--seal);font-weight:500}.hint{margin:0;font-size:14px;color:var(--muted)}.fine{margin:0;font-size:12px;color:var(--muted);text-align:center}.link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:var(--ink)}.notice{margin:18px 0 0;padding:16px;border:1px solid var(--rule-strong);border-radius:12px;background:var(--paper-raised);display:flex;flex-direction:column;gap:10px}.notice p{margin:0}.notice .question{font-weight:600}.answered{margin-top:14px}.hero{text-align:center;padding-top:26px}.hero h1{font-size:58px;line-height:.96;margin-top:8px;letter-spacing:-.02em}.hero .sub{margin:10px 0 0;font-size:12px;font-weight:500;letter-spacing:.22em;color:var(--ink-soft)}.hero-art{display:block;width:calc(100% + 40px);max-width:none;margin:10px -20px 0;height:420px;object-fit:cover;object-position:50% 58%}.medallion{width:180px;height:180px;margin:26px auto 6px;border-radius:50%;border:2px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--ko);font-weight:700;font-size:58px;line-height:1.05}.el-wood{color:var(--wood)}.el-fire{color:var(--fire)}.el-earth{color:var(--earth)}.el-metal{color:var(--metal)}.el-water{color:var(--water)}.summary{display:flex;flex-direction:column;gap:12px;text-align:center;padding-top:12px}.summary p{margin:0;color:var(--ink-soft)}.summary .tagline{font-family:var(--display);font-size:30px;line-height:1.1;color:var(--ink)}.manual-link{display:flex;flex-direction:column;gap:6px;text-align:left}.manual-link input{height:44px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper-raised);font:inherit;font-size:14px;color:var(--ink);width:100%}.pending-copy{padding:14px;border:1px dashed var(--rule-strong);border-radius:12px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2px 0 8px;padding:0;list-style:none}.chips li{padding:6px 12px;border:1px solid var(--rule-strong);border-radius:999px;font-size:14px}.block{margin-top:34px;padding-top:26px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}.block p{margin:0}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-col ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.label{margin:0;font-size:12px;font-weight:600;letter-spacing:.2em}.label.good{color:var(--teal)}.label.shadow{color:var(--seal)}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:60px minmax(0,1fr) 34px;gap:12px;align-items:center;font-size:14px}.track{height:8px;border-radius:4px;background:#e2d9c7}.fill{height:8px;border-radius:4px;background:currentColor}.num{text-align:right;font-variant-numeric:tabular-nums}details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 0}summary{cursor:pointer;font-weight:500}.pillars{margin-top:12px}.pillars dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 0;text-align:center}.pillars dt{font-size:12px;color:var(--muted)}.pillars dd{margin:0;font-family:var(--ko);font-size:22px}.pillars dd.day{color:var(--water)}details .hint{margin-top:12px}.paid{padding:22px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--paper-raised)}.chapters{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.chapters li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:baseline}.chapters .hanja{font-family:var(--ko);color:var(--seal)}.chapters strong{font-weight:600}.foot{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:10px}@media(prefers-reduced-motion:no-preference){.hero,.summary{animation:rise .6s ease-out both}@keyframes rise{0%{transform:translateY(8px);opacity:.4}to{transform:none;opacity:1}}}.reading-art{display:block;width:calc(100% + 40px);max-width:none;margin:-16px -20px 0;height:220px;object-fit:cover;object-position:50% 47%}.reading-head{padding-top:22px;display:flex;flex-direction:column;gap:8px}.reading-head h1{font-size:48px;line-height:.98}.chapter{margin-top:30px;padding-top:24px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}.chapter p{margin:0;color:var(--ink-soft);line-height:1.65}.chapter-head{display:flex;align-items:center;gap:12px}.chapter-mark{min-width:34px;height:34px;padding:0 6px;border:1.5px solid var(--seal);border-radius:3px;color:var(--seal);display:inline-flex;align-items:center;justify-content:center;font-family:var(--ko);font-weight:700;font-size:16px}.split{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-left:3px solid var(--rule-strong);background:var(--paper-raised);border-radius:0 10px 10px 0}.split-label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--teal);margin-bottom:2px}.tip{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--paper-raised);font-size:15px}.tip-label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tip em{font-style:normal;color:var(--teal);font-weight:500}.checkout{display:flex;flex-direction:column;gap:10px}.checkout-form{display:flex;flex-direction:column;gap:8px}.checkout-form label{font-size:14px;font-weight:500}.checkout-form input{height:48px;padding:0 14px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper);font:inherit;color:var(--ink)}.policy-intro{text-align:left}.policy-intro h1{font-size:44px}.policy-section{margin-top:26px;display:flex;flex-direction:column;gap:10px}.policy-section h2{font-size:24px}.policy-section p,.policy-section li{margin:0;color:var(--ink-soft)}.policy-section ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.site-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px}.site-footer a{color:var(--muted)}a.brand{color:var(--ink);text-decoration:none}.policy-intro .lede{margin:12px 0 0;max-width:none}
