:root{--ink:#223d39;--muted:#6f7770;--paper:#f8f6f0;--line:#e1e3d9;--green:#24564e;--wood:#397157;--fire:#b65941;--earth:#9a7434;--metal:#6e7785;--water:#3d7890;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Leelawadee UI','Tahoma',sans-serif;font-size:15px;line-height:1.7}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b08643;outline-offset:3px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;height:106px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:25px;font-weight:700;letter-spacing:.5px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:-2px}.seal{display:grid;place-items:center;border:1px solid #a75543;outline:1px solid #a75543;outline-offset:-5px;background:#a75543;color:#fff7ed;width:45px;height:49px;font-size:19px;font-family:var(--serif);writing-mode:vertical-rl}.seal.small{width:31px;height:35px;font-size:15px}.topbar nav{display:flex;gap:34px;font-size:13px}.topbar nav a:last-child{color:var(--muted)}.topbar nav span{margin-left:12px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding-block:58px 52px;min-height:355px;overflow:hidden}.eyebrow,.section-kicker{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#7b806d}.eyebrow{letter-spacing:1px;display:flex;align-items:center;gap:9px}.eyebrow>span{display:block;width:6px;height:6px;background:#b48b4f;border-radius:50%}h1{font-size:43px;line-height:1.45;font-weight:500;letter-spacing:-1.6px;margin:17px 0}h1 em{font-style:normal;color:#567b68}.intro{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:22px}.hero-tags{display:flex;gap:14px;align-items:center;font-size:11px;color:#737d70}.hero-tags i{font-style:normal;color:#b6a27b}.cosmos{position:relative;height:280px;width:320px;justify-self:center;display:grid;place-items:center;color:#9d916e}.orbit{position:absolute;border:1px solid #dbd7c7;border-radius:50%;width:257px;height:257px}.orbit-one:after{content:'';position:absolute;inset:12px;border:1px dashed #d9d6c8;border-radius:50%}.orbit-two{width:188px;height:188px;border-color:#e2ddcf}.cosmos-center{font-family:var(--serif);font-size:82px;text-align:center;color:#416b59;line-height:1.2}.cosmos-center small{display:block;font-family:'Leelawadee UI',sans-serif;font-size:9px;letter-spacing:2px;margin-top:15px;color:#8a8f79}.orbit-label{position:absolute;font-size:21px;background:var(--paper);padding:0 7px;font-family:var(--serif)}.north{top:-3px;left:145px;color:var(--fire)}.east{right:20px;top:85px;color:var(--earth)}.south-east{bottom:6px;right:66px;color:var(--metal)}.south-west{bottom:6px;left:63px;color:var(--water)}.west{left:19px;top:85px;color:var(--wood)}.star{position:absolute;color:#b7a06e}.star-one{top:17px;right:35px;font-size:21px}.star-two{bottom:36px;left:17px;font-size:11px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:9px;background:#fffefa;box-shadow:0 8px 35px #273b3010;overflow:hidden;scroll-margin-top:24px}.input-panel{padding:30px 26px;background:#f0f1e9;border-right:1px solid var(--line)}h2{font-size:21px;line-height:1.6;font-weight:500;margin:6px 0}h3{font-size:17px;font-weight:500;margin:5px 0}.muted{color:var(--muted)}.input-panel>p{font-size:12px;margin:5px 0 23px}form>label{display:block;margin:17px 0 7px;font-size:12px;font-weight:600}input,select{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fffefa;border:1px solid #d7dccf;border-radius:5px;padding:9px 10px;font-size:13px}input::placeholder{color:#a0a69b}input[type=time]{height:44px}.label-row{display:flex;justify-content:space-between;align-items:center;margin:19px 0 8px;font-size:12px;font-weight:600}.era{width:auto;min-height:27px;padding:1px 6px;font-size:11px;background:transparent}.date-fields{display:grid;grid-template-columns:52px 1fr 76px;gap:7px}.date-fields input{padding-inline:7px}.settings{margin-top:20px;padding-top:14px;border-top:1px solid #d9ded2;font-size:12px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.settings summary{display:flex;justify-content:space-between;color:#57685c}.settings[open] summary span{transform:rotate(45deg)}.settings label{display:block;font-size:11px;margin:12px 0 6px}.settings select{font-size:11px}.hint{font-size:10px;color:var(--muted);line-height:1.7;margin:9px 0 0}.primary{display:flex;justify-content:space-between;width:100%;background:var(--green);color:#fffefa;border:0;border-radius:5px;margin-top:24px;padding:12px 17px;font-weight:600;font-size:14px;box-shadow:0 4px 9px #234d4520}.primary:hover{background:#173e3b}.primary span{font-size:20px;line-height:1.2}.example{display:block;background:none;border:none;font-size:11px;color:var(--green);margin:9px auto 0;padding:7px}.example:hover{text-decoration:underline}.privacy{display:flex;align-items:center;gap:11px;border-top:1px solid #d9ded2;margin-top:18px;padding-top:10px;color:#7e8776}.privacy>span{font-size:26px}.privacy p{font-size:10px;line-height:1.8}.result-panel{padding:30px;min-width:0}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-badge{font-size:10px;color:#557663;border:1px solid #d5dfcf;background:#edf2e7;border-radius:25px;padding:4px 11px;white-space:nowrap}.empty{min-height:550px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty>span{font-family:var(--serif);font-size:74px;color:#b7bfaa;line-height:1.4}.empty h3{font-size:17px;margin-top:15px}.empty p{font-size:13px;color:var(--muted)}.empty>div{margin-top:24px;font-size:12px;color:#9a9e8d}.empty i{margin:0 12px;font-style:normal}.result-meta{font-size:11px;color:var(--muted);margin:11px 0 20px}.result-meta p{margin:2px 0}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pillar{border:1px solid var(--line);border-radius:6px;text-align:center;overflow:hidden;position:relative}.pillar.day{border-color:#b49b68;box-shadow:0 0 0 1px #b49b6820}.pillar-title{padding:10px 3px;background:#f4f4ed;border-bottom:1px solid var(--line);font-size:13px}.pillar.day .pillar-title{background:#eae8d9}.pillar-title small{display:block;font-size:8px;letter-spacing:1px;color:#8c9486}.glyph{font-family:var(--serif);font-size:49px;line-height:1.3}.stem-part{padding:15px 2px 13px;border-bottom:1px solid var(--line);margin-inline:10px}.stem-part>small,.branch-part>small{display:block;font-size:10px;color:var(--muted)}.element-tag{font-size:10px;border-radius:3px;padding:2px 6px;display:inline-block;margin-top:6px;background:color-mix(in srgb,currentColor 9%,transparent)}.wood{color:var(--wood)}.fire{color:var(--fire)}.earth{color:var(--earth)}.metal{color:var(--metal)}.water{color:var(--water)}.branch-part{padding:12px 2px}.hidden-stems{font-size:11px;padding:7px 4px;border-top:1px solid var(--line);background:#faf9f4;min-height:58px}.hidden-stems>small{display:block;font-size:8px;color:#899180}.hidden-stems span{margin:0 3px}.result-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.master-card{position:relative;overflow:hidden;background:#224d45;color:#f8f5ea;border-radius:6px;padding:20px;min-height:232px}.master-card .section-kicker{color:#becabb;font-size:9px}.master-char{position:absolute;font-size:132px;right:-2px;bottom:-27px;opacity:.09;font-family:var(--serif)}.master-top{display:flex;align-items:center;gap:13px;margin-top:13px}.master-top>.glyph{font-size:58px;color:#d5c79c}.master-top h3{font-size:19px;margin:0}.master-top small{color:#b6c7b9;font-size:11px}.master-card p{font-size:11px;color:#d3ded1;position:relative;margin:14px 0 0}.element-card{padding:17px;border:1px solid var(--line);border-radius:6px}.element-card h3{font-size:15px;margin-bottom:10px}.element-card .section-kicker{font-size:9px}.element-row{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:10px;font-size:10px;margin:5px 0}.bar-track{height:5px;background:#f0efe8;border-radius:4px;overflow:hidden}.bar{height:100%;border-radius:4px;background:currentColor}.element-row b{font-weight:400;text-align:right}.element-card .hint{font-size:9px}.calendar{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.calendar summary{font-size:13px;display:flex;justify-content:space-between}.calendar summary span{color:#a29b80}.terms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.term{border-left:2px solid #d3d9c9;padding-left:12px;font-size:11px}.term b{font-size:15px;font-family:var(--serif);font-weight:400}.term small{font-family:'Leelawadee UI',sans-serif;font-size:9px;color:var(--muted);margin-left:7px}.term p{margin:2px 0;color:#728171;font-size:10px}.result-actions{display:flex;gap:10px;margin-top:20px}.result-actions button{background:none;border:1px solid #d5ddcf;border-radius:4px;padding:8px 12px;color:#577461;font-size:10px}.result-actions button:hover{background:#f0f3eb}.error,.notice{font-size:12px;padding:10px;border-radius:4px;background:#f9e8df;color:#96482c}.error[hidden],.notice[hidden],[hidden]{display:none!important}.notice{background:#faf1db;color:#846124}.knowledge{padding-block:55px}.knowledge-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.knowledge-title p.muted{font-size:11px}.knowledge h2{font-size:24px}.stem-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.stem-pair{border:1px solid var(--line);background:#fffefa;border-radius:6px;padding:14px 16px;border-top:3px solid currentColor}.stem-pair h3{font-size:13px;margin:0 0 11px}.stem-pair h3 small{font-size:10px;font-weight:400;color:#8a9182;float:right}.stem-mini{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding-block:8px}.stem-mini+.stem-mini{border-top:1px solid #eeeee5}.stem-mini strong{font-family:var(--serif);font-size:31px;font-weight:400}.stem-mini p{font-size:11px;margin:0;color:#546857}.stem-mini small{display:block;font-size:9px;color:#8a9182}.method{padding-block:30px 55px;display:grid;grid-template-columns:1fr 1.65fr;gap:60px;border-top:1px solid var(--line)}.method h2{font-size:26px;line-height:1.6}.method>div>p:last-child{font-size:12px;color:#84907d}.method-content details{border-bottom:1px solid var(--line);padding:16px 0}.method-content details:first-child{padding-top:0}.method-content summary{font-size:13px;display:flex;justify-content:space-between}.method-content summary:after{content:'+';color:#8b9781}.method-content details[open] summary:after{content:'−'}.method-content p{font-size:12px;line-height:1.9;color:var(--muted)}.method-content a{text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid var(--line);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:17px}footer p,footer>a:last-child{font-size:10px;color:#7c8776}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}button:disabled{opacity:.6;cursor:wait}@media(min-width:1450px){.hero{padding-block:66px}.workspace{grid-template-columns:360px minmax(0,1fr)}.result-panel{padding:34px}.glyph{font-size:55px}}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.workspace{grid-template-columns:300px minmax(0,1fr)}.input-panel{padding:25px 20px}.result-panel{padding:25px 20px}.result-bottom{grid-template-columns:1fr}.master-card{min-height:170px}.master-card p{max-width:80%}.element-row{margin:8px 0}.pillars{gap:6px}.glyph{font-size:41px}.stem-pair{padding:12px}.hero h1{font-size:37px}.topbar nav{gap:20px}.stem-mini{gap:4px}.date-fields{grid-template-columns:45px 1fr 70px}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar{height:82px}.brand{font-size:22px}.topbar nav{gap:16px}.topbar nav a{font-size:11px}.topbar nav a:last-child{display:none}.brand small{font-size:7px}.seal{width:36px;height:41px;font-size:16px}.hero{grid-template-columns:1fr;padding:32px 0;min-height:0}.hero h1{font-size:33px}.hero .cosmos{display:none}.eyebrow{font-size:9px}.hero-tags{font-size:10px;gap:10px}.intro{font-size:13px}.workspace{grid-template-columns:1fr}.input-panel{border-right:none;border-bottom:1px solid var(--line);padding:24px}.date-fields{grid-template-columns:64px 1fr 95px}.result-panel{padding:24px 16px}.result-heading h2{font-size:20px}.live-badge{font-size:9px;padding:3px 8px}.empty{min-height:320px}.empty h3{font-size:15px}.empty p{font-size:12px}.pillars{gap:7px}.pillar-title{font-size:12px}.pillar-title small{font-size:7px}.glyph{font-size:43px}.stem-part{margin-inline:6px;padding:12px 0}.element-tag{font-size:9px;padding:2px 3px}.branch-part{padding:10px 0}.hidden-stems{padding-inline:1px;font-size:10px}.hidden-stems span{margin:0 2px}.result-bottom{grid-template-columns:1fr}.master-card{padding:19px}.knowledge{padding-block:34px}.knowledge-title{display:block}.knowledge h2{font-size:21px}.knowledge-title p.muted{font-size:11px}.stem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stem-pair:last-child{grid-column:1/-1}.stem-pair:last-child .stem-mini{display:inline-grid;width:49%;border:0}.method{grid-template-columns:1fr;gap:15px;padding-bottom:30px}.method h2{font-size:23px}.method h2 br{display:none}footer{flex-wrap:wrap;gap:12px}footer p{order:3;width:100%;margin:0}.result-actions{flex-wrap:wrap}.result-meta{font-size:10px}.terms{gap:10px}.term p{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;font-size:12px}.topbar nav,.hero,.input-panel,.knowledge,.method,footer,.result-actions,.settings,.skip,.live-badge{display:none!important}.wrap{width:100%}.topbar{height:65px}.workspace{display:block;border:0;box-shadow:none}.result-panel{padding:20px 0}.result-bottom{grid-template-columns:1fr 1fr}.pillars{break-inside:avoid}.result-bottom,.calendar{break-inside:avoid}.master-card{color:#183c32;background:#edf1e9;print-color-adjust:exact}.master-card p,.master-card .section-kicker,.master-top small{color:#365b4b}.master-top>.glyph{color:#586b40}.pillar-title,.element-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}.empty{min-height:100px}}