.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:600 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__heading>span:last-child,.ziwei-chart__method{font:400 13px/1.6 var(--la-ui);color:var(--la-secondary)}.ziwei-chart__viewport{overflow-x:auto}.ziwei-chart__grid{border:1px solid var(--reading-accent);background:#fff;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}.ziwei-chart__palace{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;background:0 0;border-radius:0;flex-direction:column;gap:8px;margin:0;padding:clamp(6px,1.5vw,11px);transition:background-color .16s;display:flex}.ziwei-chart__palace:hover,.ziwei-chart__palace--selected{background:var(--reading-wash)}.ziwei-chart__palace--opposite{background:#f6eaf2}.ziwei-chart__palace--trine{background:#faf5fb}.ziwei-chart__palace--life{box-shadow:inset 0 0 0 2px var(--reading-accent)}.ziwei-chart__palace:focus-visible{z-index:1;outline:3px solid var(--reading-accent);outline-offset:-3px;position:relative}.ziwei-chart__palace-top{justify-content:space-between;align-items:flex-start;gap:2px;width:100%;display:flex}.ziwei-chart__palace-top b{font:650 clamp(11px, 1.9vw, 14px)/1.2 var(--la-ui);overflow-wrap:anywhere}.ziwei-chart__palace-top small{color:var(--reading-accent);font:600 11px/1.2 var(--la-ui);flex:none}.ziwei-chart__stars{color:var(--reading-accent);font:500 clamp(10px, 1.8vw, 13px)/1.3 var(--la-ui);overflow-wrap:anywhere;flex-direction:column;gap:3px;display:flex}.ziwei-chart__empty{color:var(--la-secondary);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 10px/1.3 var(--la-ui);letter-spacing:.12em}.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-secondary);font:400 12px/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:36px;color:var(--la-ink);font:500 10px/1.3 var(--la-ui);overflow-wrap:anywhere;cursor:pointer;background:#fff;border:1px solid #e6d6ea;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:3px;display:flex}.ziwei-chart__transforms>button:hover{background:var(--reading-wash)}.ziwei-chart__transforms>button:focus-visible{outline:2px solid var(--reading-accent);outline-offset:1px}.ziwei-chart__transforms>button>span{color:var(--la-ink);font:550 10px/1.2 var(--la-ui)}.ziwei-chart__transforms>button small{color:var(--reading-accent);font:650 10px/1.2 var(--la-ui);letter-spacing:0;margin-right:2px}.ziwei-chart__transforms>button em{color:var(--la-secondary);font:400 9px/1.2 var(--la-ui)}.ziwei-chart__detail{border-top:1px solid #e6d6ea;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 12px/1.5 var(--la-ui);margin:12px auto 0}.ziwei-chart__detail-head{align-items:baseline;gap:10px;display:flex}.ziwei-chart__detail-head h3{font:650 18px/1.3 var(--la-ui)}.ziwei-chart__role{color:var(--la-ink);font:400 13px/1.5 var(--la-ui);margin:0}.ziwei-chart__relations{color:var(--la-secondary);font:400 12px/1.5 var(--la-ui);margin:0}.ziwei-chart__placements{gap:8px;margin:0;display:grid}.ziwei-chart__placements>div{font:400 13px/1.5 var(--la-ui);grid-template-columns:70px 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__read{border:1px solid var(--reading-accent);width:100%;min-height:42px;color:var(--reading-accent);font:650 13px/1.4 var(--la-ui);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin:0;padding:9px 12px;display:flex}.ziwei-chart__read:hover{background:var(--reading-wash)}.ziwei-chart__read:focus-visible{outline:2px solid var(--reading-accent);outline-offset:3px}.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__center small,.ziwei-chart__transforms>button small{font-size:9px}}