.ziwei-natal{color:var(--la-ink)}.ziwei-chart{color:var(--la-ink);margin:0}.ziwei-chart__heading{flex-direction:column;gap:5px;margin-bottom:20px;display:flex}.ziwei-chart__heading strong{font:var(--la-display-weight) clamp(23px, 4vw, 34px)/1.2 var(--la-display)}.ziwei-chart__heading .la-eyebrow:before{background:var(--reading-accent);content:"";vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.ziwei-chart__explain,.ziwei-chart__method{font:400 13px/1.6 var(--la-ui);color:var(--la-secondary)}.ziwei-chart__viewport{margin:-5px;padding:5px;overflow-x:auto}.ziwei-chart__grid{border:1px solid var(--reading-accent);border-radius:var(--la-radius-xs);background:var(--la-surface);grid-template-rows:repeat(4,minmax(103px,auto));grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:300px;max-width:680px;margin:0 auto;display:grid;overflow:hidden}.ziwei-chart__palace{white-space:normal;border:0;border-right:1px solid color-mix(in srgb, var(--reading-accent) 45%, transparent);border-bottom:1px solid color-mix(in srgb, var(--reading-accent) 45%, transparent);min-width:0;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--la-dur-base) ease;background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;margin:0;padding:clamp(6px,1.5vw,11px);display:flex}.ziwei-chart__palace--selected{background:var(--la-accent-selected);box-shadow:inset 0 0 0 2px var(--la-accent)}.ziwei-chart__palace--selected .ziwei-chart__palace-top b{font-weight:700}.ziwei-chart__palace--opposite{background:var(--reading-wash)}.ziwei-chart__palace--trine{background:color-mix(in srgb, var(--reading-wash) 45%, var(--la-surface))}.ziwei-chart__palace--life{box-shadow:inset 0 0 0 2px var(--reading-accent)}.ziwei-chart__palace--life.ziwei-chart__palace--selected{box-shadow:inset 0 0 0 2px var(--la-accent), inset 0 0 0 4px var(--reading-accent)}.ziwei-chart__palace:focus-visible{z-index:1;position:relative}.la .ziwei-chart__palace:focus-visible{outline-offset:-3px}.ziwei-chart__palace-top{flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.ziwei-chart__palace-top b{font:650 clamp(13px, 1.9vw, 14px)/1.2 var(--la-ui);overflow-wrap:anywhere;word-break:keep-all;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.ziwei-chart__palace-top small{color:var(--la-ink);font:400 13px/1.2 var(--la-ui);overflow-wrap:anywhere}.ziwei-chart__palace-top>*,.ziwei-chart__transforms>button>*{max-width:100%}.ziwei-chart__stars{color:var(--reading-accent);font:500 13px/1.3 var(--la-ui);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;gap:3px;display:flex}.ziwei-chart__empty{color:var(--la-ink);word-break:keep-all;text-wrap:balance;font-weight:400}.ziwei-chart__center{text-align:center;background:var(--reading-wash);flex-direction:column;grid-area:2/2/span 2/span 2;justify-content:center;align-items:center;gap:5px;padding:14px;display:flex}.ziwei-chart__center small{color:var(--reading-accent);font:600 13px/1.3 var(--la-ui);letter-spacing:0}.ziwei-chart__center strong{color:var(--reading-accent);font:650 clamp(17px, 3vw, 22px)/1.2 var(--la-ui)}.ziwei-chart__center span,.ziwei-chart__center p{color:var(--la-ink);font:400 13px/1.4 var(--la-ui);margin:0}.ziwei-chart__transform-wrap{width:100%}.ziwei-chart__transforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;max-width:220px;margin-top:3px;display:grid}.ziwei-chart__transforms>button{min-width:0;min-height:var(--la-control);border:2px solid var(--la-border-strong);border-radius:var(--la-radius-xs);background:var(--la-surface);color:var(--la-ink);font:500 13px/1.3 var(--la-ui);white-space:normal;overflow-wrap:anywhere;word-break:keep-all;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;display:flex}.ziwei-chart__transforms>button:focus-visible{z-index:1;position:relative}.ziwei-chart__transforms>button>span{color:var(--la-ink);font:550 13px/1.25 var(--la-ui)}.ziwei-chart__transforms>button small{color:var(--reading-accent);font:650 13px/1.25 var(--la-ui);letter-spacing:0;margin-right:2px}.ziwei-chart__transforms>button em{color:var(--la-ink);font:400 13px/1.25 var(--la-ui)}.ziwei-chart__detail{border-top:1px solid var(--la-border);gap:12px;max-width:680px;margin:14px auto 0;padding:16px 0 0;display:grid}.ziwei-chart__terms{max-width:680px;color:var(--la-secondary);font:400 13px/1.55 var(--la-ui);margin:12px auto 0}.ziwei-chart__detail-head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.ziwei-chart__detail-head h3{font:650 18px/1.3 var(--la-ui)}.ziwei-chart__term{color:var(--la-secondary);font:400 13px/1.3 var(--la-ui)}.ziwei-chart__role{color:var(--la-ink);font:400 15px/1.6 var(--la-ui);margin:0}.ziwei-chart__relations{color:var(--la-secondary);font:400 13px/1.55 var(--la-ui);gap:4px;margin:0;padding:0;list-style:none;display:grid}.ziwei-chart__relations li{align-items:flex-start;gap:7px;display:flex}.ziwei-chart__swatch{border:1px solid color-mix(in srgb, var(--reading-accent) 45%, transparent);border-radius:3px;flex:none;width:12px;height:12px;margin-top:4px}.ziwei-chart__swatch--opposite{background:var(--reading-wash)}.ziwei-chart__swatch--trine{background:color-mix(in srgb, var(--reading-wash) 45%, var(--la-surface))}.ziwei-chart__placements{gap:8px;margin:0;display:grid}.ziwei-chart__placements>div{font:400 13px/1.5 var(--la-ui);grid-template-columns:84px minmax(0,1fr);gap:10px;display:grid}.ziwei-chart__placements dt{color:var(--reading-accent);font-weight:650}.ziwei-chart__placements dd{overflow-wrap:anywhere;margin:0}.ziwei-chart__placements dd>span{display:block}.ziwei-chart__placements dd b{font-weight:650}.ziwei-chart__read{width:100%;min-height:var(--la-control);border:2px solid var(--la-accent);background:var(--la-surface);box-shadow:0 var(--la-edge) 0 var(--la-accent);white-space:normal;text-wrap:balance;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:space-between;align-items:center;margin:0;padding:0 20px;display:flex}.la button.ziwei-chart__read{color:var(--la-accent);font:700 15px/1.4 var(--la-ui)}@media print{.ziwei-chart__read{display:none!important}}.ziwei-chart__method{max-width:680px;margin:16px auto 0}@media (max-width:480px){.ziwei-chart__grid{grid-template-rows:repeat(4,minmax(96px,auto))}.ziwei-chart__center{padding:5px}.ziwei-chart__center strong{font-size:17px}}.ziwei-chart__palace>span{transition:transform var(--la-dur-base) var(--la-ease-spring)}.ziwei-chart__transforms>button{transition:transform var(--la-dur-base) var(--la-ease-spring), background-color var(--la-dur-quick) ease, border-color var(--la-dur-quick) ease}.ziwei-chart__read{transition:transform var(--la-dur-press) var(--la-ease-out), box-shadow var(--la-dur-press) var(--la-ease-out), background-color var(--la-dur-quick) ease}.ziwei-chart__read>span{transition:transform var(--la-dur-base) var(--la-ease-spring);display:inline-block}@media (hover:hover) and (pointer:fine){.ziwei-chart__palace:not(.ziwei-chart__palace--selected):hover,.ziwei-chart__transforms>button:hover,.ziwei-chart__read:hover{background:var(--la-accent-soft)}.ziwei-chart__transforms>button:hover{border-color:var(--la-accent)}.ziwei-chart__read:hover>span{transform:translateY(3px)}}.ziwei-chart__palace:active,.ziwei-chart__palace:not(.ziwei-chart__palace--selected):active{background:var(--la-accent-selected);transition-duration:0s}.ziwei-chart__palace:active>span{transition-duration:var(--la-dur-press);transform:scale(.96)}.ziwei-chart__transforms>button:active{background:var(--la-accent-selected);transition-duration:var(--la-dur-press);transform:scale(.96)}.ziwei-chart__read:active{background:var(--la-accent-selected);box-shadow:0 calc(var(--la-edge) - 2px) 0 var(--la-accent);transform:translateY(2px)}@media (prefers-reduced-motion:no-preference){.ziwei-chart__palace--selected .ziwei-chart__stars>span{animation:la-pop var(--la-dur-base) var(--la-ease-spring) backwards}.ziwei-chart__palace--selected .ziwei-chart__stars>span:nth-child(2){animation-delay:calc(1 * var(--la-stagger))}.ziwei-chart__palace--selected .ziwei-chart__stars>span:nth-child(n+3){animation-delay:calc(2 * var(--la-stagger))}.ziwei-chart__detail{animation:la-rise var(--la-dur-base) var(--la-ease-out) backwards}}@media (prefers-reduced-motion:reduce){.ziwei-chart__palace:active>span,.ziwei-chart__transforms>button:active,.ziwei-chart__read:hover>span{transform:none}.ziwei-chart__read:active{box-shadow:0 var(--la-edge) 0 var(--la-accent);transform:none}}.ziwei-chart__palace-top b:lang(en),.ziwei-chart__palace-top small:lang(en),.ziwei-chart__stars:lang(en),.ziwei-chart__transforms button:lang(en){overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.ziwei-chart__palace-top small:lang(en){font-size:12px}.ziwei-chart__palace-top b:lang(ja),.ziwei-chart__empty:lang(ja),.ziwei-chart__transforms button:lang(ja){word-break:normal;line-break:strict}
