@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--ink:#18211b;--muted:#6f7268;--paper:#f2ecde;--paper-light:#faf7ef;--forest:#183c2d;--red:#a63d2f;--line:#18211b29;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans KR,sans-serif;font-size:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0;line-height:1.65}button,input,select{font:inherit}button{color:inherit}.wrap{width:min(100% - 36px,1040px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{background:radial-gradient(circle at 12% 6%, #ffffffb8, transparent 23rem), repeating-linear-gradient(95deg, #3b2a1705 0, #3b2a1705 1px, transparent 1px, transparent 5px), var(--paper);overflow:hidden}.hero{flex-direction:column;justify-content:center;min-height:600px;padding-top:28px;display:flex;position:relative}.hero:after{content:"今日";writing-mode:vertical-rl;letter-spacing:-.2em;color:#183c2d0e;pointer-events:none;font-family:Gowun Batang,serif;font-size:clamp(8rem,27vw,15rem);position:absolute;top:110px;right:-5px}.brand{letter-spacing:.05em;align-items:center;gap:10px;font-family:Gowun Batang,serif;font-size:1.05rem;font-weight:700;display:flex;position:absolute;top:26px;left:0}.brand-mark{aspect-ratio:1;border:1px solid var(--red);width:34px;color:var(--red);place-items:center;font-family:Gowun Batang,serif;display:grid;transform:rotate(-2deg)}.hero-kicker{color:var(--red);letter-spacing:.16em;margin:0 0 18px;font-size:.9rem;font-weight:700}h1,h2{font-family:Gowun Batang,serif}.hero h1{letter-spacing:-.07em;z-index:1;margin:0;font-size:clamp(2.9rem,11vw,6.8rem);font-weight:700;line-height:1.1;position:relative}.hero h1 em{color:var(--forest);font-style:normal}.hero-copy{color:var(--muted);margin:28px 0 0;font-family:Gowun Batang,serif;font-size:1.15rem;line-height:1.75}.profile-section,.reading-section{padding:100px 0;position:relative}.section-number{color:var(--red);letter-spacing:.1em;border-bottom:1px solid var(--red);width:34px;margin-bottom:16px;padding-bottom:7px;font-family:Gowun Batang,serif;font-size:.9rem;font-weight:700}.section-heading p{color:var(--muted);letter-spacing:.04em;margin:0 0 5px;font-size:.9rem}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,7vw,3.2rem)}.mode-switch{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:32px;display:grid}.mode-switch button{min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 5px;font-size:1rem;font-weight:600}.mode-switch button.active{color:var(--forest);border-color:var(--forest)}.input-card{background:#faf7efb8;border:1px solid #18211b1a;margin-top:24px;padding:26px 22px;box-shadow:0 24px 60px #332a180f}.birthday-picker{text-align:left;border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:8px;width:100%;padding:4px 2px 15px;display:grid}.birthday-picker span{color:var(--muted);grid-column:1/-1;font-size:.9rem;font-weight:600}.birthday-picker strong{font-family:Gowun Batang,serif;font-size:1.2rem}.birthday-picker i{color:var(--red);align-self:center;font-size:.9rem;font-style:normal}.field-label{color:var(--muted);gap:10px;font-size:.9rem;font-weight:600;display:grid}select,input[type=date]{border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;min-height:50px;padding:9px 2px 14px;font-family:Gowun Batang,serif;font-size:1.2rem;font-weight:700}select:focus,input:focus,button:focus-visible{outline-offset:3px;outline:3px solid #a63d2f47}.master-result{border-top:1px solid var(--line);text-align:center;grid-template-columns:1fr 1px 1fr;gap:18px;margin-top:32px;padding-top:28px;display:grid}.master-result>div:not(.master-divider){justify-items:center;display:grid}.master-caption{color:var(--muted);font-size:.88rem}.master-result strong{color:var(--forest);font-family:Gowun Batang,serif;font-size:3.5rem;line-height:1.2}.master-result b{font-family:Gowun Batang,serif;font-size:1.08rem}.master-divider{background:var(--line)}.date-section{background:var(--forest);color:#f7f1e4;padding:86px 0;position:relative}.date-section:after{content:"";opacity:.08;background:radial-gradient(circle,#fff 1px,#0000 1px) 0 0/11px 11px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 55%);mask-image:linear-gradient(270deg,#000,#0000 55%)}.date-section .wrap{z-index:1;position:relative}.date-section .section-number{color:#dba193;border-color:#dba193}.date-section .section-heading p{color:#ffffff94}.date-picker{cursor:pointer;width:100%;color:inherit;text-align:left;background:#00000014;border:1px solid #ffffff3d;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:34px;padding:22px 20px;display:grid;position:relative}.calendar-icon{color:#0000;border:1px solid #dba193;width:39px;height:39px;position:relative}.calendar-icon:before{content:"日";color:#dba193;place-items:center;font-family:Gowun Batang,serif;font-size:1.2rem;display:grid;position:absolute;inset:0}.date-picker small{color:#ffffffc2;margin-bottom:4px;font-size:.85rem;display:block}.date-picker b{font-family:Gowun Batang,serif;font-size:clamp(1.05rem,4.5vw,1.55rem)}.date-picker em{color:#ffffffb8;margin-top:5px;font-size:.88rem;font-style:normal;display:block}.date-picker>i{color:#edb5a8;font-size:.9rem;font-style:normal}.today-button{color:#dba193;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;margin:18px 0 0;padding:5px 0;text-decoration:underline}.reading-help{color:var(--muted);margin:22px 0 30px;font-size:1rem;line-height:1.7}.pillars{gap:16px;display:grid}.pillar-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7efcc;padding:24px 20px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.pillar-card:hover{border-color:#a63d2f80;transform:translateY(-4px);box-shadow:0 18px 40px #3126111a}.pillar-card.day{background:#e5ddcb;border-color:#183c2d57}.pillar-period{color:var(--red);letter-spacing:.1em;font-family:Gowun Batang,serif;font-size:.9rem;display:block}.pillar-label{color:var(--muted);margin-top:4px;font-size:.88rem;display:block}.hanja-stack{width:100%;color:var(--forest);grid-template-columns:1fr 1fr;margin:18px 0 0;font-family:Gowun Batang,serif;display:grid}.hanja-stack i{text-align:center;font-size:4.5rem;font-style:normal;line-height:1}.hanja-stack i:first-child{border-right:1px solid var(--line)}.pillar-korean{text-align:center;margin-top:10px;font-family:Gowun Batang,serif;font-weight:700;display:block}.relation{justify-content:center;align-items:center;gap:7px;margin-top:18px;display:flex}.relation i{background:var(--forest);color:#f7f1e4;padding:9px 13px;font-size:.95rem;font-style:normal;font-weight:600}.relation span{color:var(--muted)}.read-more{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:22px;padding-top:15px;font-size:.9rem;display:flex}.read-more b{color:var(--red);font-size:1rem}.branch-note{color:var(--muted);margin:20px 0 0;font-size:.88rem;line-height:1.7}footer{color:#ffffff9e;background:#151b17;padding:48px 0}.footer-inner{align-items:center;gap:17px;display:flex}.footer-inner p{margin:0;font-family:Gowun Batang,serif;font-size:.95rem;line-height:1.7}.detail-page{min-height:100vh;padding:24px 0 70px}.detail-wrap{width:min(100% - 36px,760px);margin:auto}.back-button{cursor:pointer;min-height:52px;color:var(--muted);background:0 0;border:0;padding:12px 0;font-size:.95rem}.detail-seal{width:42px;height:42px;color:var(--red);border:1px solid var(--red);place-items:center;margin:65px auto 20px;font-family:Gowun Batang,serif;display:grid;transform:rotate(3deg)}.detail-eyebrow{text-align:center;color:var(--red);letter-spacing:.06em;font-size:.9rem;font-weight:700}.detail-page h1{letter-spacing:-.07em;justify-content:center;align-items:center;gap:18px;margin:14px 0 7px;font-size:clamp(2.8rem,12vw,5.5rem);display:flex}.detail-page h1 i{color:var(--red);font-family:sans-serif;font-size:.4em;font-style:normal}.detail-force{text-align:center;color:var(--muted);font-family:Gowun Batang,serif}.position-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.position-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:56px;padding:14px 2px;font-size:.95rem}.position-tabs button.active{color:var(--forest);border-color:var(--forest);font-weight:700}.accuracy-note{background:#a63d2f0f;border:1px solid #a63d2f47;margin-top:22px;padding:18px 20px}.accuracy-note strong{color:var(--red);font-family:Gowun Batang,serif;font-size:1rem}.accuracy-note p{color:#4b514b;margin:8px 0 0;font-size:.92rem;line-height:1.75}.interpretation-card{border:1px solid var(--line);background:#faf7efcc;margin-top:22px;padding:28px 22px}.article-kicker{color:var(--red);letter-spacing:.08em;margin:0 0 8px;font-size:.88rem;font-weight:700}.interpretation-card h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.3}.article-summary{color:#4f554f;margin:20px 0 30px;line-height:1.9}.insight-grid{background:var(--line);gap:1px;display:grid}.insight-grid section{background:var(--paper-light);padding:22px 18px}.insight-grid span,.action-box span{color:var(--red);font-size:.86rem;font-weight:700}.insight-grid h3{margin:5px 0 9px;font-family:Gowun Batang,serif;font-size:1.1rem}.insight-grid p,.action-box p{color:#3f463f;margin:0;font-size:1rem;line-height:1.85}.action-box{border-left:3px solid var(--red);margin-top:28px;padding:2px 0 2px 18px}.action-box p{color:var(--ink);margin-top:7px}.disclaimer{color:var(--muted);margin-top:18px;padding:0 10px;font-size:.88rem;line-height:1.75}.deep-section{border-top:1px solid var(--line);padding:25px 0}.deep-section span,.domain-readings span,.reflection-box span{color:var(--red);font-size:.86rem;font-weight:700}.deep-section h3,.domain-readings h3{margin:7px 0 10px;font-family:Gowun Batang,serif;font-size:1.08rem}.deep-section p,.domain-readings p{color:#3f463f;margin:0;font-size:1rem;line-height:1.9}.domain-readings{border-top:1px solid var(--line);margin-top:28px}.domain-readings section{border-bottom:1px solid var(--line);padding:24px 0}.reflection-box{background:#e8e0cf;margin-top:28px;padding:22px 20px}.reflection-box ol{margin:12px 0 0;padding-left:1.25rem}.reflection-box li{margin:10px 0;padding-left:5px;font-size:.98rem;line-height:1.75}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a110ca3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.date-sheet{background:var(--paper-light);width:min(100%,560px);max-height:92dvh;padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.25s both sheet-up;overflow-y:auto;box-shadow:0 -24px 70px #00000038}.sheet-handle{background:#18211b33;border-radius:9px;width:42px;height:4px;margin:0 auto 18px}.sheet-header{justify-content:space-between;align-items:start;display:flex}.sheet-header small{color:var(--red);letter-spacing:.06em;font-size:.86rem;font-weight:700}.sheet-header h2{margin:2px 0 0;font-size:1.65rem}.sheet-header button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:1.8rem;line-height:1}.calendar-basis{background:#e9e2d4;grid-template-columns:1fr 1fr;gap:5px;margin-top:22px;padding:4px;display:grid}.calendar-basis button{cursor:pointer;min-height:52px;color:var(--muted);background:0 0;border:0;padding:11px;font-size:1rem}.calendar-basis button.active{background:var(--forest);color:#fff;font-weight:700}.date-columns{grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-top:20px;display:grid}.date-columns label{color:var(--muted);font-size:.86rem}.date-columns select{min-height:52px;padding:8px 0 10px;font-size:1.1rem}.leap-check{cursor:pointer;align-items:center;gap:9px;margin-top:17px;font-size:1rem;display:flex}.leap-check input{width:20px;height:20px;accent-color:var(--forest)}.draft-date{text-align:center;background:#eee6d7;gap:3px;margin-top:20px;padding:15px;display:grid}.draft-date small{color:var(--muted);font-size:.86rem}.draft-date strong{font-family:Gowun Batang,serif;font-size:1.12rem}.date-error{color:var(--red);background:#a63d2f14;padding:10px;font-size:.92rem;line-height:1.6}.sheet-actions{grid-template-columns:1fr 2fr;gap:8px;margin-top:20px;display:grid}.sheet-actions button{border:1px solid var(--forest);cursor:pointer;padding:14px 8px;font-weight:700}.sheet-actions .cancel{color:var(--forest);background:0 0}.sheet-actions .apply{background:var(--forest);color:#fff}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}@media (width>=720px){.hero{min-height:720px}.mobile-break{display:none}.profile-section{grid-template-columns:80px 1fr;display:grid}.profile-section .section-number{grid-column:1}.profile-section .section-heading{grid-area:1/2/span 2}.profile-section .mode-switch,.profile-section .input-card{grid-column:2}.input-card{padding:38px}.pillars{grid-template-columns:repeat(3,1fr)}.pillar-card{padding:28px 22px 20px}.hanja-stack i{font-size:5rem}.insight-grid{grid-template-columns:1fr 1fr}.interpretation-card{padding:45px}}@media (prefers-reduced-motion:no-preference){.hero-kicker,.hero h1,.hero-copy{animation:.7s both reveal}.hero h1{animation-delay:.1s}.hero-copy{animation-delay:.22s}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}