:root{--tabH:56px;--navW:220px}.nav{z-index:30;background:var(--bg-tab);border-color:var(--bg-card-hi);display:flex;position:fixed}.navItem{color:var(--t3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.navItem:hover{color:var(--t2)}.navItem.on{color:var(--accent)}.navItem svg{flex:none;width:22px;height:22px}.navLabel{letter-spacing:.2px;font-size:11px;font-weight:600}@media (max-width:719px){.nav{border-top:1px solid var(--bg-card-hi);padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0}.navItem{flex-direction:column;flex:1;gap:3px;padding:9px 0 7px}.appMain{padding-bottom:calc(var(--tabH) + 12px)}.appMain .dock{bottom:calc(var(--tabH) + env(safe-area-inset-bottom));padding:34px 0 12px}.appMain .shell{padding-bottom:140px}}@media (min-width:720px){.nav{width:var(--navW);border-right:1px solid var(--bg-card-hi);flex-direction:column;gap:4px;padding:26px 14px;top:0;bottom:0;left:0}.navBrand{color:var(--t1);letter-spacing:-.2px;padding:0 12px 22px;font-size:19px;font-weight:800}.navItem{border-radius:11px;justify-content:flex-start;gap:12px;width:100%;padding:11px 12px}.navItem:hover{background:var(--bg-card)}.navItem.on{background:var(--bg-card);color:var(--accent)}.navLabel{font-size:14.5px;font-weight:600}.appMain{padding-left:var(--navW)}.appMain .dock{left:var(--navW)}}.navBrandMobile{display:none}@media (max-width:719px){.navBrand{display:none}}