body,html{height:100%}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:#ffffff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -8px 20px rgba(0,0,0,.06);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.tabbar .tab{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#555;font-size:12px;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.tab__icon{font-size:18px}.tab__icon,.tab__label{line-height:1}.tab.is-active{color:#0a66ff;font-weight:600}.tab.is-active .tab__icon{transform:translateY(-1px)}.tabbar .tab:active{background:rgba(0,0,0,.05)}@media (hover:hover){.tabbar .tab:hover{background:rgba(0,0,0,.04)}}.tabbar .tab:focus-visible{outline:2px solid #0a66ff;outline-offset:-4px;border-radius:8px}@media (max-width:420px){.tabbar{height:56px}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.tab__icon{font-size:16px}.tabbar .tab{font-size:11px;gap:2px}}@media (max-width:340px){.tab__icon{font-size:15px}.tabbar .tab{font-size:10.5px}}@media (prefers-color-scheme:dark){.tabbar{background:#0f1115;border-top-color:rgba(255,255,255,.08);box-shadow:0 -8px 20px rgba(0,0,0,.45)}.tabbar .tab{color:#c9c9c9}.tab.is-active{color:#6aa6ff}.tabbar .tab:active,.tabbar .tab:hover{background:rgba(255,255,255,.06)}}