.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(54px + var(--sa-bottom));padding-bottom:var(--sa-bottom);background:rgba(251,246,234,.98);border-top:1px solid rgb(220,205,168)}
.tabbar button{display:flex;align-items:center;justify-content:center;min-width:0;padding:0;border:0;background:none;font-family:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong","SimSun","Noto Serif CJK SC",serif;font-size:11px;color:rgb(155,149,138);cursor:pointer}
.tabbar span{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2}
.tabbar span::before{content:attr(data-icon);display:grid;place-items:center;width:22px;height:22px;border-radius:5px;font-size:12px;color:rgb(22,69,58);background:#F0EDE6}
.tabbar button.active{color:rgb(166,61,44)}
.tabbar .active span::before{background:rgb(166,61,44);color:rgb(246,239,224)}
body[data-tabbar-layout="shell"] nav.tabbar{position:relative;left:auto;right:auto;bottom:auto;z-index:120}
html.embedded nav.tabbar{display:none!important}
html.embedded body,html.embedded .app{padding-bottom:0!important}
.phone.chart-detail-mode .tabbar{display:none}

body.tabbar-hidden .tabbar{display:none}
/* Override legacy chart rules carrying an ID selector and !important. */
body.tabbar-hidden .tabbar,body.tabbar-hidden .phone:has(#screen-chart) > nav.tabbar{display:none!important}