.app-container{width:100%;height:100vh;background-color:var(--bg-app);position:relative;display:flex;flex-direction:column;overflow:hidden;max-width:none;box-shadow:none}@media(min-width:1024px)and (pointer:fine){.app-container{max-width:1280px;margin:0 auto;box-shadow:0 0 80px #000c,0 0 20px #00000080;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}}@media(min-width:1440px)and (pointer:fine){.app-container{max-width:1440px}}.app-header{position:absolute;top:0;left:0;right:0;height:calc(var(--header-height) + env(safe-area-inset-top));z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 20px;padding-top:max(15px,calc(env(safe-area-inset-top) + 10px))}.app-nav{position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(var(--nav-height) + var(--sab));display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:50;padding-bottom:var(--sab)}.app-content{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(var(--header-height) + max(15px,calc(env(safe-area-inset-top) + 10px)));padding-bottom:calc(var(--nav-height) + var(--sab) + 20px)}.header-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.header-avatar img{width:100%;height:100%;object-fit:cover;display:block}