/* 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));}
/* act items */
.app-tabbar button{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;color:inherit;font:inherit;cursor:pointer;}
.app-tabbar a, .app-tabbar button{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;}
/* fg color */
.app-tabbar.app-tabbar a, .app-tabbar.app-tabbar button{color:var(--atb-fg,#8a8fa8);}
.app-tabbar a span, .app-tabbar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;}
.app-tabbar a svg, .app-tabbar button svg{width:22px;height:22px;flex:none;}
.app-tabbar a img, .app-tabbar button 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 :is(a, button).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 :is(a, button).center .bub svg{width:calc(var(--atb-csz,56px) * 0.43);height:calc(var(--atb-csz,56px) * 0.43);}
.app-tabbar.att-center :is(a, button).center .bub img{width:calc(var(--atb-csz,56px) * 0.46);height:calc(var(--atb-csz,56px) * 0.46);}
.app-tabbar.att-center :is(a, button).center.on .bub{box-shadow:var(--atb-csh,0 6px 18px rgba(20,21,26,0.36));}
/* app-back */
.app-back{position:fixed;left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));z-index:9001;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.92);color:#14151a;box-shadow:0 2px 10px rgba(20,21,26,0.18);cursor:pointer;-webkit-appearance:none;appearance:none;}
.app-back svg{width:20px;height:20px;}
.app-back:active{transform:scale(0.94);}