.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;overflow:hidden;padding:5px}.main-content{flex:6.5;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;height:100%;position:relative}.content-wrapper{display:flex;height:100vh!important;overflow:hidden;padding:5px 0}.app-header{border-bottom:1px solid var(--border-color);color:var(--header-text-color);display:flex;padding:var(--spacing-sm);padding-top:env(safe-area-inset-top,10px);text-align:center}.header-title{align-items:center;flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.header-left-icon{position:absolute}.header-right-icon{position:absolute;right:var(--spacing-sm)}.app-footer{border-top:1px solid var(--border-color);color:var(--header-text-color);flex-shrink:0;margin-bottom:env(safe-area-inset-bottom,0);padding:var(--spacing-sm);z-index:1000}.app-footer,.footer-selects{box-sizing:border-box;width:100%}.footer-selects{display:flex;justify-content:space-between;min-height:44px}.item-select{background-color:transparent;color:#999;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;transition:color var(--transition-fast)}.item-select.active{color:var(--header-text-color)}