/* App shell layout and page-section transitions */
#app-interface { position:relative; height:100%; width:100%; overflow:hidden; }
#main-view { position:relative; width:100%; height:100%; }
.page-section { position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:auto; background:var(--bg-body); padding-bottom:80px; transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1),opacity 0.3s; opacity:0; transform:translateX(30px) scale(0.95); pointer-events:none; z-index:10; -webkit-overflow-scrolling:touch; padding-top:80px; }
.page-section:not(.hidden) { opacity:1; transform:translateX(0) scale(1); pointer-events:auto; z-index:20; }
.page-section::-webkit-scrollbar { display:none; }