/* A familiar, compact chart after opening the study book. */
.is-chart-home .study-room-label{display:none}
.bazi-body.is-chart-home #app{padding-top:22px}
.bazi-body.is-chart-home .home-view{padding:20px 30px 24px;background:#fbf7eef5;border:1px solid #c7b898;border-radius:6px;box-shadow:0 8px 26px #45311b1c}
.bazi-body.is-chart-home .home-view:before{display:none}
.bazi-body.is-chart-home .home-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 0 16px;border-bottom:1px solid #b9a58650}
.bazi-body.is-chart-home .home-heading h1{font-size:25px;line-height:1.4;letter-spacing:.08em;margin:0}
.bazi-body.is-chart-home .study-close-book{justify-self:start;margin:0;padding:9px 0;border:0;font-size:18px;line-height:1.4}
.bazi-body.is-chart-home .chart-sample{justify-self:end;padding:9px 0;border:0;background:none;color:#7b705e;font:17px/1.4 var(--serif);cursor:pointer}
.bazi-body.is-chart-home .understand-tabs{max-width:620px;margin:0 auto;gap:0;padding:0;border-bottom:1px solid #b9a58650}
.bazi-body.is-chart-home .understand-tabs button{font-size:20px;border:0;border-radius:0;background:none;box-shadow:none;padding:15px 4px;color:#756c5c}
.bazi-body.is-chart-home .understand-tabs button[aria-pressed=true]{background:none;color:#75412e;font-weight:600;padding:15px 4px;box-shadow:none;border:0}
.bazi-body.is-chart-home .understand-tabs button[aria-pressed=true]:after{bottom:0;height:2px;width:36px;left:calc(50% - 18px);background:#956548;content:''}
.bazi-body.is-chart-home .chart-wrap{padding-top:6px}
.bazi-body.is-chart-home .chart-caption,
.bazi-body.is-chart-home .exploration-map,
.bazi-body.is-chart-home .home-actions,
.bazi-body.is-chart-home .scene-toggle{display:none!important}
.bazi-body.is-chart-home .standard-chart .chart-hidden button{background:none;border:0;box-shadow:none;border-radius:3px;margin-bottom:2px}
.bazi-body.is-chart-home .standard-chart .chart-hidden button:after,
.bazi-body.is-chart-home .standard-chart .chart-stages button span{display:none}
.bazi-body.is-chart-home .standard-chart .chart-stages button{border:0;background:none;min-height:40px}
.bazi-body.is-chart-home .standard-chart .chart-stages td,
.bazi-body.is-chart-home .standard-chart .chart-stages th{padding:3px 0}
.bazi-body.is-chart-home .standard-chart button:hover{background:#e8dcc280}
.bazi-body.is-chart-home .score-invitation{margin:20px auto 0;padding:17px 8px;border-top:1px solid #b9a58670;border-bottom:0;background:none}
.bazi-body.is-chart-home .score-invitation-copy>span{font-size:21px}
.bazi-body.is-chart-home .book-mark{display:none}
.bazi-body.is-chart-home .standard-chart [data-element="木"]{--chart-ink:#42704f}
.bazi-body.is-chart-home .standard-chart [data-element="火"]{--chart-ink:#b14e3e}
.bazi-body.is-chart-home .standard-chart [data-element="土"]{--chart-ink:#956c2f}
.bazi-body.is-chart-home .standard-chart [data-element="金"]{--chart-ink:#847044}
.bazi-body.is-chart-home .standard-chart [data-element="水"]{--chart-ink:#3f698d}
.bazi-body.is-chart-home .standard-chart .glyph-face{font-size:40px;color:var(--chart-ink);text-shadow:none}
.bazi-body.is-chart-home .standard-chart .glyph-cell,
.bazi-body.is-chart-home .standard-chart .glyph-button{height:66px}
.bazi-body.is-chart-home .standard-chart thead button{font-size:18px}
.bazi-body.is-chart-home .standard-chart th[scope=row],
.bazi-body.is-chart-home .standard-chart thead>tr>th:first-child{font-size:15px}
.bazi-body.is-chart-home .standard-chart .chart-gods button{font-size:16px}
.bazi-body.is-chart-home .standard-chart .chart-hidden button{font-size:20px;color:var(--chart-ink);min-height:40px}
.bazi-body.is-chart-home .standard-chart .chart-stages button{font-size:17px}
.bazi-body.is-chart-home .standard-chart .chart-self{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border:1px solid #3f698d;border-radius:50%;padding:0;color:#3f698d;line-height:1;background:#3f698d08}
@media(max-width:500px){
 .bazi-body.is-chart-home #app{padding-top:12px}
 .bazi-body.is-chart-home .home-view{padding:12px 12px 18px}
 .bazi-body.is-chart-home .home-heading{gap:8px;padding-bottom:9px}
 .bazi-body.is-chart-home .home-heading h1{font-size:23px}
 .bazi-body.is-chart-home .chart-sample{font-size:16px}
 .bazi-body.is-chart-home .understand-tabs button{font-size:19px}
 .bazi-body.is-chart-home .standard-chart .glyph-cell,
 .bazi-body.is-chart-home .standard-chart .glyph-button{height:60px}
 .bazi-body.is-chart-home .standard-chart .glyph-face{font-size:36px}
 .bazi-body.is-chart-home .score-invitation{margin-top:14px;padding:15px 5px}
}

/* Keep the chart entrance quiet and identify the user's own stem. */
.bazi-body.is-chart-home .home-heading{display:flex;padding:0;border-bottom:0}
.bazi-body.is-chart-home .home-heading h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bazi-body.is-chart-home .home-heading .chart-sample{display:none}
.bazi-body.is-chart-home .standard-chart .glyph-cell.is-self .glyph-face:after{display:block;width:1.3em;height:1.3em;border:1px solid var(--chart-ink);border-radius:50%;box-shadow:none;pointer-events:none}
.bazi-body.is-chart-home .chart-self-note{max-width:390px;margin:0 auto 4px;text-align:left;color:#716652;font:17px/1.8 var(--serif)}