.app-shell{--shell-canvas-pad:.5rem;--shell-frame-pad:.5rem;padding:var(--shell-canvas-pad)}@media (width>=1024px){.app-shell{--shell-canvas-pad:1rem;--shell-frame-pad:.75rem}}.app-surface:has(>main .top-bar)>.top-bar{display:none}.app-frame{gap:var(--shell-frame-pad);padding:var(--shell-frame-pad);min-height:calc(100svh - 2 * var(--shell-canvas-pad))}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}