/* app-tabbar */
.app-tabbar{display:none;}
html.is-app .app-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:flex;align-items:stretch;background:var(--atb-bg,#ffffff);-webkit-backdrop-filter:var(--atb-bf,none);backdrop-filter:var(--atb-bf,none);box-shadow:var(--atb-sh,none);border-top:1px solid rgba(0,0,0,0.07);padding:7px 4px calc(7px + env(safe-area-inset-bottom));}
html.is-app.has-apptab body{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
.app-tabbar a{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;font-size:var(--atb-fs,13px);font-family:var(--atb-font,inherit);font-weight:600;color:var(--atb-fg,#8a8fa8);text-decoration:none;transition:color .15s ease;}
.app-tabbar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;}
.app-tabbar a svg{width:22px;height:22px;flex:none;}
.app-tabbar a img{width:22px;height:22px;flex:none;object-fit:contain;display:block;}
.app-tabbar a.on{color:var(--atb-ac,var(--color-active,#4f46e5));}
/* att-center */
.app-tabbar.att-center a.center .bub{display:flex;align-items:center;justify-content:center;width:var(--atb-csz,56px);height:var(--atb-csz,56px);border-radius:50%;background:var(--atb-cbg,var(--atb-ac,var(--color-active,#4f46e5)));color:#fff;margin-top:calc(-1 * var(--atb-cup,32px));margin-bottom:4px;border:var(--atb-cbw,4px) solid var(--atb-cbc,var(--atb-bg,#ffffff));box-shadow:var(--atb-csh,0 6px 16px rgba(20,21,26,0.28));}
.app-tabbar.att-center a.center .bub svg{width:calc(var(--atb-csz,56px) * 0.43);height:calc(var(--atb-csz,56px) * 0.43);}
.app-tabbar.att-center a.center .bub img{width:calc(var(--atb-csz,56px) * 0.46);height:calc(var(--atb-csz,56px) * 0.46);}
.app-tabbar.att-center a.center{color:var(--atb-ac,var(--color-active,#4f46e5));}
.app-tabbar.att-center a.center.on .bub{box-shadow:var(--atb-csh,0 6px 18px rgba(20,21,26,0.36));}