.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--e-color-bg-base)}.shell-header{position:sticky;top:0;z-index:10;padding:0 12px;border-bottom:1px solid var(--e-color-border-weak);--endemic-header-side-padding:8px 0}.shell-header--under-overlay{position:static}.shell-brand{display:flex;align-items:center;color:var(--e-color-text-primary);text-decoration:none}.shell-level-badge{white-space:nowrap}.shell-badge-skeleton{width:96px;height:24px;border-radius:var(--e-border-radius-l);background:var(--e-color-border-weak)}@media (prefers-reduced-motion:no-preference){.shell-badge-skeleton{animation:shell-skeleton-pulse 1.4s ease-in-out infinite}}@keyframes shell-skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.shell-content{flex:1 1;padding:16px 16px calc(96px + env(safe-area-inset-bottom, 0px))}.shell-content--flush{padding-bottom:calc(0px + env(safe-area-inset-bottom, 0px))}.shell-content--edge{padding:0}body[data-endemic-screen-overlay] .shell{position:relative;max-height:100vh;max-height:100dvh;overflow:hidden}body[data-endemic-screen-overlay] .shell>:first-child{margin-top:calc(-1 * var(--endemic-screen-overlay-scroll, 0px))}body[data-endemic-screen-overlay] .guest-shell{position:relative;max-height:100vh;max-height:100dvh;overflow:hidden}body[data-endemic-screen-overlay] .guest-shell>:first-child{margin-top:calc(-1 * var(--endemic-screen-overlay-scroll, 0px))}.guest-shell-content{padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px))}.shell-foot{padding:0 16px calc(96px + env(safe-area-inset-bottom, 0px));font-size:12px;line-height:16px;color:var(--e-color-text-secondary)}.shell-tabbar{position:fixed;left:8px;right:8px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));z-index:20;display:flex;justify-content:center}.shell-goal-progress{min-width:0;max-width:180px;text-decoration:none}