.app-shell{--navigation-height:64px;--navigation-width:92px;width:100%;min-height:100dvh;padding-bottom:calc(var(--navigation-height) + env(safe-area-inset-bottom,0px));display:block}.main-content{width:100%;min-width:0;max-width:1320px;margin-inline:auto;padding:0 16px 24px}.side-rail{display:none}.rail-nav{gap:10px;width:100%;margin-top:clamp(12px,6dvh,58px);display:grid}.rail-item{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;gap:5px;padding:10px 4px;text-decoration:none;display:grid}.rail-item span{font-size:21px}.rail-item small{font-size:10px}.rail-item:hover,.rail-item.active{color:var(--green);background:#fff}.side-rail>.brand-mark,.rail-nav .rail-item,.side-rail>.settings{flex-shrink:0;width:100%;height:64px;min-height:64px}.side-rail>.brand-mark{border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex}.side-rail .brand-tree-logo{object-fit:contain;width:50px;height:50px}.side-rail>.settings{margin-top:auto}.mobile-nav{inset-inline:0;z-index:50;height:calc(var(--navigation-height) + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--green);border-top:1px solid #fff3;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;box-shadow:0 -6px 24px #00000026}.mobile-nav>:is(button,a){color:#ffffffd1;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:44px;padding:6px 2px;text-decoration:none;transition:color .18s,background-color .18s;display:flex}.mobile-nav span{font-size:18px;line-height:1}.mobile-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.15;overflow:hidden}.mobile-nav>.active{color:#fff;background:#ffffff29;border-radius:12px;font-weight:800}.mobile-nav>:focus-visible{outline-offset:-3px;outline:2px solid #fff}@media (hover:hover){.mobile-nav>:hover{color:#fff;background:#ffffff1a;border-radius:12px}}@media (max-width:430px){.main-content{padding-inline:12px}}@media (max-width:950px) and (max-height:480px){.app-shell{--navigation-height:56px}}@media (min-width:761px) and (min-height:481px),(min-width:951px){.app-shell{grid-template-columns:var(--navigation-width) minmax(0, 1fr);padding-bottom:0;display:grid}.side-rail{z-index:20;width:var(--navigation-width);background:var(--green);color:#fff;flex-direction:column;align-items:center;height:100dvh;padding:24px 12px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.main-content{grid-column:2;padding:0 46px 56px}.mobile-nav{display:none}}@media (min-width:761px) and (max-width:1050px) and (min-height:481px),(min-width:951px) and (max-width:1050px){.main-content{padding-inline:28px}}