:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--titlebar-area-height:env(titlebar-area-height,0px);--top-space:calc(8px + var(--safe-area-inset-top) + var(--titlebar-area-height))}.hidden{display:none!important}.aside{display:flex}.aside,.aside-right{position:-webkit-sticky;position:sticky;top:0;flex:1 1;height:calc(100dvh - 16px);height:calc(100vh - 16px);overflow:hidden;flex-direction:column}.aside-right{display:none;padding-right:8px;box-sizing:border-box}.body-main{min-height:calc(100dvh - var(--top-space) - 68px);min-height:calc(100vh - var(--top-space) - 68px)}.mobnav{display:none;width:100%;min-height:54px;position:fixed;bottom:0;left:0;right:0;pointer-events:none;z-index:1300}.title-top{position:-webkit-sticky;position:sticky;top:var(--top-space)}.main{flex:3 1;min-height:calc(100dvh - var(--top-space));min-height:calc(100vh - var(--top-space));padding-bottom:16px;box-sizing:border-box;padding-left:8px;padding-right:8px}.scrollable{overflow:hidden;transition:overflow .3s ease}.scrollable:hover{overflow-y:auto}.scrollable::-webkit-scrollbar{width:4px;height:4px}.scrollable::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.scrollable::-webkit-scrollbar-thumb:hover{background-color:#555}.spacer-top{height:var(--top-space)}@media (max-width:600px){.aside{display:none}.main{padding-left:2px;padding-right:2px}.mobnav{display:flex}}@media (min-width:600px) and (max-width:899px){.aside{max-width:56px}}@media (min-width:1536px){.aside-right{display:flex}}