.app-shell{height:calc(var(--app-height,100vh) - 56px);min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{position:relative;z-index:10;flex:0 0 auto;background:rgba(255,253,248,.96);backdrop-filter:blur(18px);box-shadow:0 5px 22px rgba(78,58,44,.04)}.view{min-height:0}.view.active{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.subpage{min-height:0}.bottom-nav{position:relative;bottom:auto;z-index:12;flex:0 0 auto;width:100%;background:rgba(255,253,248,.98);box-shadow:0 -6px 24px rgba(78,58,44,.05)}
@media(max-width:580px){.app-shell{height:var(--app-height,100dvh);min-height:0}.topbar{padding-top:max(18px,env(safe-area-inset-top))}.view.active{padding-bottom:22px}.bottom-nav{padding-bottom:max(14px,env(safe-area-inset-bottom))}.keyboard-open .topbar,.keyboard-open .bottom-nav{display:none}}
@media(min-width:900px){.app-shell{height:calc(100vh - 68px)}#view-today.active{overflow-y:auto}.bottom-nav{position:relative;left:auto;bottom:auto;transform:none;align-self:center;width:460px;margin:0 auto 18px;border-radius:24px}.subpage{min-height:0}}