.app-shell{
	width:100%;
	min-height:100dvh;
	display:flex;
	justify-content:center;   
	padding-bottom:env(safe-area-inset-bottom); 
}

.mobile-frame{
	position:relative;
	width:100%;
	max-width:430px;
	height:100dvh;
	background:#fff; 
	overflow:hidden;
	box-shadow:0 20px 60px rgba(0,0,0,.08);
	isolation:isolate;
}

.app-main{
	width:100%;
	height:100%;
	transition:.45s; 
}

body:has(.home) .app-main{
	background-image: linear-gradient(0deg, transparent, var(--bg));
} 

.mobile-scroll{
	height:100dvh;
	min-height:100dvh;
	overflow:auto;
	padding-bottom:calc(100px + env(safe-area-inset-bottom));
	box-sizing:border-box;
}

.inner{
	padding:0 16px;
}