:root{--ink:#201b18;--ink-soft:#514a43;--paper:#f3ede0;--paper-dark:#e8deca;--vermilion:#a53c2d;--gold:#a77d32;--line:rgba(48,39,30,.2);--serif:'Noto Serif SC','Songti SC','STSong',serif;--sans:'Source Sans 3','Noto Sans SC',Arial,sans-serif;--shadow:0 16px 45px rgba(55,42,29,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.23;z-index:-1;background-image:radial-gradient(rgba(65,45,27,.18) .55px,transparent .8px),radial-gradient(rgba(255,255,255,.6) .45px,transparent .7px);background-position:0 0,8px 11px;background-size:13px 13px,17px 17px}.shell{width:min(1140px,calc(100% - 48px));margin-inline:auto}.site-header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--serif);line-height:1}.brand .seal{width:38px;height:38px;display:grid;place-items:center;background:var(--vermilion);color:#fff6e5;font-size:22px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.brand b{font-size:18px;font-weight:600;letter-spacing:.12em}.brand small{display:block;margin-top:5px;font:500 8px/1 var(--sans);letter-spacing:.2em;color:var(--ink-soft)}.nav-links{display:flex;gap:30px;margin-left:auto;margin-right:34px}.nav-links a,.text-button{color:var(--ink-soft);text-decoration:none;background:none;border:0;font:500 14px var(--sans);cursor:pointer}.nav-links a:hover,.text-button:hover{color:var(--vermilion)}.header-actions{display:flex;align-items:center;gap:16px}.language-toggle{font-size:12px;letter-spacing:.08em}.account-button,.outline-button{border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 14px var(--sans);padding:9px 15px;cursor:pointer;transition:.2s}.account-button:hover,.outline-button:hover{background:var(--ink);color:var(--paper)}.hero{min-height:555px;padding:85px 0 75px;display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:80px}.eyebrow{font:600 11px var(--sans);letter-spacing:.18em;color:var(--vermilion);margin:0 0 17px}.hero h1,.section-heading h2,.compat-copy h2{font:500 clamp(38px,5vw,67px)/1.17 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em{font-style:normal;color:var(--vermilion)}.lede{font-size:18px;line-height:1.8;color:var(--ink-soft);max-width:540px;margin:26px 0}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:35px}.primary-link,.ink-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--vermilion);color:#fff7e8;text-decoration:none;border:0;padding:14px 20px;font:600 15px var(--sans);cursor:pointer;transition:transform .2s,background .2s}.primary-link:hover,.ink-button:hover{background:#863024;transform:translateY(-2px)}.quiet-note{font:500 11px var(--sans);letter-spacing:.08em;color:#81776b}.hero-archive{position:relative;min-height:360px;padding:23px 25px 22px;background:linear-gradient(145deg,#e3d3b9,#f5eddf 46%,#deceb0);box-shadow:var(--shadow);border:1px solid rgba(95,69,37,.3);transform:rotate(2deg);font-family:var(--serif)}.hero-archive:after{content:'';position:absolute;inset:10px;border:1px solid rgba(127,85,33,.3);pointer-events:none}.archive-topline{position:relative;z-index:1;display:flex;justify-content:space-between;font:500 10px var(--sans);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:9px}.stamp-block{position:relative;z-index:1;display:flex;align-items:flex-end;gap:22px;margin:28px 0 19px}.stamp-block span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--vermilion);color:var(--vermilion);font-size:19px}.stamp-block strong{font:500 34px/.93 var(--serif);letter-spacing:.18em}.archive-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.5fr;gap:7px 17px;font-size:12px;border-block:1px solid var(--line);padding:14px 0}.archive-grid span{color:#776955}.archive-grid b{font:500 12px var(--sans);letter-spacing:.04em}.hero-archive p{position:relative;z-index:1;margin:20px 0 0;text-align:right;color:#775741;font-size:13px}.method-strip{background:var(--ink);color:var(--paper)}.method-inner{display:grid;grid-template-columns:repeat(3,1fr)}.method-inner div{padding:21px 30px;border-left:1px solid rgba(241,235,222,.2);display:flex;gap:15px;align-items:center}.method-inner div:last-child{border-right:1px solid rgba(241,235,222,.2)}.method-inner span{font:500 12px var(--sans);color:#d9b867}.method-inner b{font:500 15px var(--serif);letter-spacing:.04em}.content-section,.calendar-section,.archive-section{padding:113px 0}.profile-section{display:grid;grid-template-columns:.62fr 1fr;gap:85px}.section-heading h2{font-size:clamp(32px,4vw,50px);margin-bottom:18px}.section-heading>p:not(.eyebrow){color:var(--ink-soft);max-width:420px;margin:0;font-size:16px;line-height:1.8}.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:21px 17px;padding-top:5px}.profile-form label,.calendar-controls label,.auth-dialog label{display:block}.profile-form label.wide{grid-column:span 1}.profile-form label.full,.form-submit.full{grid-column:1/-1}.profile-form span,.calendar-controls label span,.auth-dialog label span{display:block;font:600 12px var(--sans);letter-spacing:.08em;color:#5a5046;margin-bottom:7px}input,select{width:100%;border:0;border-bottom:1px solid #9d9182;background:rgba(255,255,255,.22);color:var(--ink);padding:11px 4px 9px;font:400 16px var(--sans);outline:none;border-radius:0}input:focus,select:focus{border-color:var(--vermilion);box-shadow:0 2px 0 rgba(165,60,45,.2)}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin-top:4px}.form-submit p{margin:0;color:var(--ink-soft);font-size:13px;max-width:360px}.result-section{padding:22px 0 105px}.hidden{display:none!important}.result-rule{height:7px;background:linear-gradient(90deg,var(--vermilion) 0 14%,var(--gold) 14% 35%,var(--ink) 35% 100%);margin-bottom:46px}.section-heading.compact{margin-bottom:32px}.chart-layout{display:grid;grid-template-columns:1.5fr .65fr;gap:34px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.pillar{min-height:255px;padding:19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.pillar-label{font:600 11px var(--sans);letter-spacing:.12em;color:var(--vermilion)}.pillar-text{font:500 58px/1 var(--serif);margin:auto 0;color:var(--ink)}.pillar-elements{font-size:12px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:9px}.wuxing-card{background:#dfd1b8;padding:25px;align-self:stretch;border-top:4px solid var(--gold)}.card-kicker{margin:0 0 22px;font:500 18px var(--serif)}.element-row{margin:0 0 12px}.element-row>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar{height:5px;background:rgba(32,27,24,.16)}.bar i{display:block;height:100%;background:var(--vermilion)}.reading{margin-top:25px;padding-top:17px;border-top:1px solid rgba(32,27,24,.22);font-size:14px;color:#4f4031}.reading strong{font-family:var(--serif);font-size:18px;display:block;margin-bottom:7px}.disclaimer{margin:20px 0 0;color:#776e64;font-size:12px}.calendar-section{border-top:1px solid var(--line)}.calendar-controls{display:flex;align-items:flex-end;gap:12px;margin:34px 0 26px}.calendar-controls label{width:112px}.calendar-controls select,.calendar-controls input{padding-block:8px}.outline-button,.ink-button.small{padding:10px 16px;height:39px}.calendar-empty{border:1px dashed #ac9c87;padding:35px;color:var(--ink-soft);text-align:center}.calendar-overview{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:14px 17px;background:#e7dac3;color:#594936;font-size:14px}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row{border-block:1px solid var(--line)}.weekday-row span{text-align:center;padding:8px;font:600 11px var(--sans);letter-spacing:.08em;color:#665a4c}.calendar-grid{border-left:1px solid var(--line)}.calendar-day{min-height:136px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.1)}.calendar-day.empty{background:rgba(44,31,19,.025)}.calendar-day .date{display:block;font:600 12px var(--sans);color:var(--vermilion)}.calendar-day .score{float:right;font-size:11px;color:#827362}.calendar-day b{display:block;font:500 13px var(--serif);margin:8px 0 5px}.calendar-day p{margin:0;font-size:11px;line-height:1.45;color:var(--ink-soft)}.calendar-day small{display:block;margin-top:6px;color:#8a6241;font-size:10px}.compatibility-section{display:grid;grid-template-columns:1fr .7fr;align-items:center;padding:90px 0;gap:80px;border-top:1px solid var(--line)}.compat-copy h2{font-size:45px;margin-bottom:17px}.compat-copy>p:last-child{max-width:560px;color:var(--ink-soft);line-height:1.75}.compat-mark{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid var(--gold);width:min(270px,100%);aspect-ratio:1;margin-left:auto}.compat-mark span{display:grid;place-items:center;font:500 80px var(--serif);color:var(--vermilion)}.compat-mark span+span{color:var(--ink)}.compat-mark small{position:absolute;bottom:11px;left:0;right:0;text-align:center;letter-spacing:.17em;font-size:8px;color:#806a4a}.archive-section{padding-top:70px}.history-list{margin-top:30px;border-top:1px solid var(--ink)}.history-list>p{color:var(--ink-soft);padding:25px 0}.history-item{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:20px;padding:17px 5px;border-bottom:1px solid var(--line)}.history-item strong{font:500 19px var(--serif)}.history-item span{font-size:13px;color:var(--ink-soft)}.history-item button{background:none;border:0;color:var(--vermilion);font:600 13px var(--sans);cursor:pointer}.site-footer{background:var(--ink);color:#dacfbf;margin-top:15px}.site-footer>div{display:flex;justify-content:space-between;padding:22px 0;font:500 11px var(--sans);letter-spacing:.1em}.auth-dialog{border:0;background:#f6efdf;color:var(--ink);width:min(440px,calc(100% - 30px));padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.auth-dialog::backdrop{background:rgba(32,27,24,.6);backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:var(--ink);font-size:28px;cursor:pointer}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:17px}.auth-tabs button{padding:0 0 9px;border:0;background:transparent;color:var(--ink-soft);font:500 21px var(--serif);cursor:pointer}.auth-tabs button.active{color:var(--vermilion);border-bottom:2px solid var(--vermilion)}.auth-dialog form{display:grid;gap:18px}.auth-message{min-height:19px;margin:0 0 12px;font-size:13px;color:var(--vermilion)}.full-button{width:100%;margin-top:7px}.auth-dialog .hidden{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:#f7eddd;padding:11px 17px;font-size:14px;box-shadow:var(--shadow);transition:transform .25s;z-index:10}#toast.show{transform:translate(-50%,0)}@media(max-width:800px){.shell{width:min(100% - 32px,650px)}.site-header{height:74px}.nav-links{display:none}.header-actions{gap:9px}.account-button{padding:7px 10px;font-size:13px}.hero{grid-template-columns:1fr;gap:45px;padding:60px 0 56px}.hero-archive{max-width:390px;justify-self:center;width:90%;min-height:315px}.method-inner{grid-template-columns:1fr}.method-inner div{padding:13px 4px;border:0;border-bottom:1px solid rgba(241,235,222,.2)}.method-inner div:last-child{border-right:0}.profile-section{grid-template-columns:1fr;gap:35px;padding:75px 0}.content-section,.calendar-section{padding:75px 0}.chart-layout{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,1fr)}.pillar{min-height:188px}.calendar-controls{flex-wrap:wrap}.calendar-day{min-height:112px;padding:7px}.calendar-day b{font-size:11px;margin:5px 0}.calendar-day p{font-size:9px}.calendar-day small{display:none}.calendar-overview{display:block}.calendar-overview span{display:block;margin:4px 0}.compatibility-section{grid-template-columns:1fr;gap:30px;padding:65px 0}.compat-mark{margin:0}.history-item{grid-template-columns:1fr 1fr}.history-item button{justify-self:end}.site-footer>div{display:block;line-height:2}.site-footer span{display:block}.form-submit{display:block}.form-submit .ink-button{margin-top:18px}}@media(max-width:420px){.profile-form{grid-template-columns:1fr}.profile-form label.wide{grid-column:auto}.hero h1{font-size:40px}.calendar-grid{font-size:10px}.calendar-day{min-height:94px}.calendar-day p{display:none}.pillars{grid-template-columns:repeat(2,1fr)}.pillar-text{font-size:47px}}

.hero h1{white-space:pre-line}