.screen{display:none}.screen.active{display:block}.tab-content{display:none}.tab-content.active{display:block}.pull-to-refresh{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);left:50%;transform:translate(-50%) translateY(-60px);z-index:40;display:flex;align-items:center;justify-content:center;width:40px;height:40px;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;pointer-events:none}.pull-to-refresh.pulling{opacity:1}.pull-to-refresh.refreshing{transform:translate(-50%) translateY(16px);opacity:1}.pull-spinner{width:24px;height:24px;border:3px solid #374151;border-top-color:#3b82f6;border-radius:50%}.pull-to-refresh.refreshing .pull-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:32px;height:32px;border:3px solid #374151;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.phone-frame{max-width:390px;margin:0 auto;min-height:100vh;position:relative;padding-top:calc(env(safe-area-inset-top,0px) + 56px)}.main-content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:390px;width:100%;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}